/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {

    overflow-x: hidden;    
     width: 100%;
     height: 100%;
  	font-family: Arial, Helvetica, sans-serif;
    background-image: url(../../graphics/background-tile.gif);
    background-repeat: repeat;
    line-height : 18px;
    font-size : 16px;
 
}
img {
    max-width: 100%;
    height : auto;
}

a, img {
    border: none;
}

p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

.mobilebreak {
    display: inline;
}
.minutes ul {
	padding-top: 6px;
    padding-left : 30px;
}

.minutes ul li {
	padding-top: 6px;
}

.square ul li {
	list-style: square;
}
.square ul {
	list-style: square;
}
.indent12 {
    padding-left: 12px;
}

.indent24 {
    padding-left: 24px;
}

.indent {
    padding-left: 60px;
}

.indent120 {
    padding-left: 120px;
}
header {
    position: relative;
    width: 100%;
    background-color: #ffffff; 
}

section .mainpage{
    width: 900px;
    margin: auto;
}

.contenthome
{
	font-size: 1.125em;
	line-height: 1.125em;
    color: #000000;
    font-weight: 200;
}
.homepagea
{
    padding-left: 2.5%;
    width: 60%; /* 600px */
    text-align : left;
}

.homepageb
{ 
    width: 20%;    /* 200px */
    border-left : 4px #0d6fb8 solid; 
    padding: 0 2.5%;
}
.textleft
{
    text-align: left;
}
.textright
{
    text-align: right;
}




.register
{
    margin-top: 20px;
    position: relative;
}

.mobile
{
display: none;
}


.navback {
    position: relative;
    width: 100%;
    /*background: #485d19; green*/
    height: auto;
}






  

h1
{
    text-align: center;
    font-size : 22px;
    font-weight : bold;
    color: #535352;

}

h2
{
    text-align: center;
    font-size : 17px;
    font-weight : bold;
    color: #ddd;
    background-color: #485d19;
    padding: 4px;
    border-radius: 6px;

}

h3
{
    text-align: left;
    font-size : 17px;
    font-weight : bold;
    color: #485d19;

}

h1.intro
{
    font-size : 1.25em;
    font-weight : 200;
    color: #052c5a;
    text-align: center;
}

.titleone
{
border: 1px solid #485d19; 
line-height : 26px; 
border-radius: 12px; 
padding: 10px 8px 8px 8px;
}
.titletwo
{
font-size : 18px; 
color: #485d19; 
font-weight : bold; 
letter-spacing: 1px;
}

.titlethree
{
font-size : 24px;
color: #485d19; 
font-weight : bold; 
letter-spacing: 1px;
}

.icon-list, .icon-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.icon-list li {
  margin: 1em;
  margin-left: 3em;
}

.icon-list li:before {
  content: '\f006'; /* fa-star */
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #a36019;
}






.bluetitle
{
    color: #0D6FB8;
    font-weight : bold;
}  

.red
{
    color: #c60404;
}


.sidenav
{
    list-style: none;
    margin: 0 0 10px 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;    
    box-shadow:         3px 3px 5px  #999;    
    -moz-box-shadow:    3px 3px 5px  #999;
    -webkit-box-shadow: 3px 3px 5px  #999;
    background: #0d6fb8;
    padding: 2px 4px;
}

.sidenav  a:link
{
    color : #ffffff;
    text-decoration : none;

}

.sidenav  a:visited
{	
	color:	#ffffff;
	text-decoration:	none;

}
		
.sidenav a:hover
{
    color : #ffffff;
    text-decoration : none;
    text-shadow: 1px 1px #000000;
}  


.subnav
{
    list-style: none;
    padding: 0;
    margin-bottom: 4px;
    margin-left : 12px;
    color: #000000;
    font-size : 0.875em;
}

.subnav  a:link
{
    color : #000000;
    text-decoration : none;

}

.subnav  a:visited
{	
	color:	#000000;
	text-decoration:	none;

}
		
.subnav a:hover, pressed
{
    color : #000000;
    text-decoration : underline;
}    


.clearfix {zoom: 1;}
.clearfix:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

/* ----------------------------------------------- */
/* REUSABLE COMPONENTS */
/* ----------------------------------------------- */



.row {
    max-width: 1200px;
    margin: 0 auto;
}

.row40{
    max-width: 1140px;
    margin: 0 auto;
    padding-top: 24px;
}


.row980{
    max-width: 980px;
    margin: 0 auto;
}


.row1004{
    max-width: 1004px;
    margin: 0 auto;
}
.row1000{
    max-width: 1000px;
    margin: 0 auto;
}
.row1200{
    max-width: 1200px;
    margin: 0 auto;
}

.width450
{
width: 450px;
}

.resume
{
    font-size : 80%;
}

.textarea
{
resize: vertical;
padding-left : 5%;
padding-right : 5%;
}

.bold{
    font-weight : bold;
}

.bottomline
{
border-bottom: thin solid #98a594;
}

.innerrow
{
    max-width: 800px;
    margin: 0 auto;
    font-size : 80%;
    line-height : 140%;
}

.innerrow p
{
    padding-top: 10px;
}

.main {
    margin: 0 auto;
}

.pagetitle {
    color: #e1d991;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 10px;
}

.menubar
{
    text-align: left;
}
#menu
{
    z-index: 1000;
}

.mochatop
{
margin: auto;
max-width : 1100px;
}


.italic
{
font-style: italic;
}

.center
{
text-align: center;
}

.left
{
text-align: left;
}
.right
{
text-align: right;
}

.linebreak
{
    text-align: center;
}

.smallfont
{
    font-size : 75%;
}
/* ----- HEADINGS ----- */
.margintop60
{
     margin-top: 60px;
}

.margintop24
{
     margin-top: 24px;
}

.padding30
{
    padding-left : 30px;
    padding-right : 30px;
}
.paddingtop6
{
    padding-top: 6px; 
}
.paddingtop10
{
    padding-top: 10px; 
}
.paddingtop12 {
    padding-top: 12px;
}


.paddingtop20
{
    padding-top: 20px; 
}

.paddingtop24
{
    padding-top: 24px; 
}

.paddingtop40
{
    padding-top: 40px; 
}

.paddingtop60
{
    padding-top: 60px; 
}
.paddingtop100
{
    padding-top: 10px; 
}
.paddingbottom6
{
    padding-bottom: 6px; 
}

.paddingbottom12
{
    padding-bottom: 12px; 
}

.paddingbottom24
{
    padding-bottom: 24px; 
}

.paddingright30
{
    padding-right: 30px; 
}

.paddingright150
{
padding-right: 150px;
}
.paddingleft12
{
padding-left: 12px;
}

.paddingleft20
{
padding-left: 20px;
}

.paddingleft24
{
padding-left: 24px;
}


.paddingleft150
{
padding-left: 150px;
}


.paddingleft60
{
    padding-left : 60px;
} 
  
.mobilepaddingleft20
{
    padding-left : 0;
}
.marginleft12
{
    margin-left: 12px;
}

.marginleft60
{
    margin-left: 60px;
}



/* ----- fourbox ----- */
      
#fourbox-wrap {
    width: 100%;
    background-color: #d6e7f4; 
}
         
#fourbox {
	font-family: Arial, Helvetica, sans-serif;
    background-color: #d6e7f4;
    width : 980px;
    margin: 0 auto;
    padding: 12px 0 12px 0;
    min-height : 300px;    
    font-size: 14px;
}   
    


#fourbox .mailingback
{
    background-color: #ffffff;
    border:2px solid #0d6fb8;
}
#fourbox .mailinglisttitle
{
    font-weight: bold; 
    font-family:Arial; 

    color:#000000;
}
#fourbox .icons
{
    margin: 6px 6px 6px 12px;
    text-align: left;
    width: 90%;
} 
  
#fourbox .one {
    margin: 0 .5% 0 1.5%;
    padding: .5%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #f98624;
    color: #000000; background-color: #FFD337;
    height : 300px;
}


#fourbox .two {
    margin: 0 0.5%;
    padding: .5%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #f98624;
    color: #000000; background-color: #FFD337; 
    height : 300px;
}

#fourbox .two ul{
    padding-left: 20px;
}

#fourbox .two ul li{
    padding-top: 6px;
}


#fourbox .three {
    margin: 0 0.5%;
    padding: .5%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #f98624;
    color: #000000; background-color: #FFD337; 
    height : 300px;
}



#fourbox .four {
    margin: 0 0.5%;
    padding: .5%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #f98624;
    color: #000000; 
    background-color: #FFD337; 
    height : 300px;
}

#fourbox .four ul{
    padding-left: 20px;
    list-style: none;
}

#fourbox .four ul li{
    padding-top: 6px;
}


#fourbox p {
    text-align: left;
}

#fourbox .textright {
    float: right;
    text-align: left;
    margin-left: 0;
    width : 140px;

}
#fourbox .text {
    text-align: left;
    margin-left: 0;

}
#fourbox h4 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.125em;
	color: #000000;
	font-weight: bold;
    padding: 0;
    margin: 0 auto 6px auto;
	text-align: center;
	font-style: italic;
	border-bottom: thin dotted #000000;
}

#fourbox a:link {color: #000000; text-decoration: none;
	    outline:none;
		border: none;         
        font-size: 14px; 
        font-weight: 200;
}

#fourbox a:visited {color: #000000; text-decoration: none;
	    outline:none;
		border: none;         
        font-size: 14px; 
}
#fourbox a:hover {color: #ce7203; text-decoration: underline;
	    outline:none;
		border: none;         
        font-size: 14px; 
}

 #fourbox .title4 {
	font-family: comic sans ms,sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.signupbutton:hover   
{
    cursor: pointer;
    border: 1px blue solid;  
    background-color: #eae8e8;  
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight : bold;
    line-height : 18px;
}
 .signupbutton
{
    background-color:white;
    font-weight : bold; 
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    border: 1px grey solid;
    line-height : 18px;

    }
    
  
/* ----- PARAGRAPHS ----- */
.long-copy {
    line-height: 145%;
    width: 70%;
    margin-left: 15%;
}




.col ul:before{
    padding-top : 40px;
}


/* ----- ICONS ----- */
.icon-big {
    font-size: 350%;
    display: block;
    color: #e67e22;
    margin-bottom: 10px;
}

.icon-small {
    display: inline-block;
    width: 30px;
    text-align: center;
    color: #e67e22;
    font-size: 120%;
    margin-right: 10px;
    
    /*secrets to align text and icons*/
    line-height: 120%;
    vertical-align: middle;
    margin-top: -5px;
}

/* ----- LINKS ----- */

.moreinfo
{
    float: right;
}

.moreinfocenter
{
    text-align: center;
}

.moreinfobutton
{ 
    color: #000000; 
    text-align: center;
    border-radius: 10px;
    font-size : 90%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow:    3px 3px 5px  #999;
    -webkit-box-shadow: 3px 3px 5px  #999;
    box-shadow:         3px 3px 5px  #999; 

}


a.moreinfobutton:link
{
    color : #000000;
    text-decoration : none;
    background: #84bc05;
    padding: 4px 10px;
}

a.moreinfobutton:visited
{	
	color:	#000000;
	text-decoration:	none;
    padding: 4px 10px;
}
		
a.moreinfobutton:hover
{
    color : #000000;
    text-decoration : none;
    font-weight : bold;
    background:  #84bc05;
    padding: 4px 10px;
}  


.onlinebutton
{ 
    margin-bottom: 26px;
}



a.inline:link,
a.inline:visited
{
    color: #0000ee;
    text-decoration : none;

}
		
a.inline:hover
{

    color: #000000;
    border-bottom: 1px solid #535352;
    text-decoration : none;
}  
    
    
    
.main a:link,
.main a:visited,
.footer a:link,
.footer a:visited {
    color: green;
    outline:none;
    text-decoration: none;
    font-weight : normal;
    border-bottom: 1px solid #f3f3f3;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;
}




.main a:hover,
.main a:active,
.footer a:hover,
.footer a:active {
	color: red;  
	outline:none; 
    font-weight : normal;
    text-decoration: none;
    border-bottom: 1px solid #9c9f78;
}

.photo a:hover,
.photo a:active,
.photo a:link,
.photo a:visited
{
    border-bottom: 1px solid transparent;
    -webkit-transition: border-bottom 0.4s, transparent 0.4s;
    transition: border-bottom 0.4s, transparent 0.4s;
}

.photo a:hover
{
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";     /*Best for Internet Explorer 8 */
    filter: alpha(opacity=70);    /*Internet Explorer 5, 6, 7, 8 */
    -moz-opacity: 0.7;    /* Old Mozilla Browsers */
    -webkit-opacity: 0.7;    /* Old Webkit browsers (Safari, Chrome, various others) */
    -khtml-opacity: 0.7;    /* Really old Safari browsers and Konqueror */
    opacity: 0.7;    /* Modern browsers */
    transition: opacity 0.4s, color 0.4s;
}

    .mobileclick
    {
    display: none;
    }
    
    
  
.bxslider a:link,
.bxslider a:visited {
    color: #4c765a;
    outline:none;
    text-decoration: none;
    font-weight : normal;
    border-bottom: transparent;

}

.bxslider a:hover,
.bxslider a:active {
	outline:none; 
    font-weight : normal;
    text-decoration: none;
    border-bottom: transparent;

}

/*aquatics */

.aquaticsnotice
{
width : 250px;
margin: 0 auto;
}

.boldcolor
{
    font-weight : bold;
    color: #052c5a;
}

.swimnotice
{
width : 200px;
margin: 0 auto;
}

.swimbox
{
    background: #84bc05;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;    
    -moz-box-shadow:    3px 3px 5px  #999;
    -webkit-box-shadow: 3px 3px 5px  #999;
    box-shadow:         3px 3px 5px  #999;

    padding: 4px;
    text-align : center;
    font-weight: bold;
}


.swimschedule
{
    color: #000000; 
    padding: 4px; 
    font-size : 1.25em;
    text-align: center;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow:    3px 3px 5px  #999;
    -webkit-box-shadow: 3px 3px 5px  #999;
    box-shadow:         3px 3px 5px  #999;

    width: 180px;
}

a.swimbutton:link
{
    color : #000000;
    text-decoration : none;
    font-weight: bold;
    background: #84bc05;
    font-size : 1.0em;
}

a.swimbutton:visited
{	
	color:	#000000;
	text-decoration:	none;
    font-weight: bold;
    font-size : 1.0em;
}
		
a.swimbutton:hover
{
    color : #000000;
    text-decoration : underline;
    font-weight: bold;
    background: #84bc05;
    font-size : 1.0em;
}  

.aquaticstable
{
margin: 0 auto;
}




#swimclasses {
    border-collapse: collapse;
    margin: 0 auto;
    
}

#swimclasses th {
    
    padding: 6px;
}

#swimclasses td {
    border: 1px solid #ddd;
    padding: 4px;
    text-align: center;
}

.width30
{
width: 32%;
}

/*
#swimclasses tr:nth-child(even){background-color: #f2f2f2;}

#swimclasses tr:hover {background-color: #ddd;}

*/

#swimclasses th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #fff;
    color: #000;
}

th.center{
    text-align: center;
}

.swimclassestable
{
    padding: 10px; 
    background-color : #DCEAF5;     
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    border : thin solid #000;
    width : 80%;
    margin: auto;
}



table.aquaticstable{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #EEEEEE;
}

th.aquaticstable{  
    display: table-cell;
    vertical-align: inherit; 
    height: 30px;
}

td.aquaticstable{
    padding-top: 20px;    
    display: table-cell;
    vertical-align: inherit;
    
    height: auto;
}

tr:nth-child(even) {background: #EEEEEE;}
tr:nth-child(odd) {background: #FFF}



table.swimequivalency{
    padding: 6px;
    border: thin #999 solid;
}

th.swimequivalency{
    padding: 6px;
    border: thin #999 solid;
}
td.swimequivalency{
    padding: 6px;
    border: thin #999 solid;
}


.wide table { 
		width: 100%; 
		border-collapse: collapse; 
        border-color: black;
}
tr:nth-child(even) {background: #eeeeee}
tr:nth-child(odd) {background: #FFF}


.wide th { 
		padding: 6px; 
        background-color : #DCEAF5; 
		border: 1px solid #000; 
		text-align: left; 
        font-weight: bold;
        border-color: black;        
}

 .wide td { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
}   

.wide td.bordernone
{
border: thin white solid;
}




.danceschedule
{
    color: #000000; 
    padding: 4px; 
    font-size : 1.25em;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow:    3px 3px 5px  #999;
    -webkit-box-shadow: 3px 3px 5px  #999;
    box-shadow:         3px 3px 5px  #999;
    background: #84bc05;
    margin: 40px 0 0 40px;
    width: 180px;
}
a.dancebutton:link
{
    color : #000000;
    text-decoration : none;
    font-weight: bold;
    background: #84bc05;
    font-size : 1.0em;
}

a.dancebutton:visited
{	
	color:	#000000;
	text-decoration:	none;
    font-weight: bold;
    font-size : 1.0em;
    background: #84bc05;
}
		
a.dancebutton:hover
{
    color : #000000;
    text-decoration : underline;
    font-weight: bold;
    background: #84bc05;
    font-size : 1.0em;
}  
      
a.common:link, a.common:visited {
    color: #2a539f;
    font-weight : bold;
    text-decoration: underline;
}

a.common:hover, a.common:active {
    color : #000000;
    text-decoration : underline;
    font-weight : bold;
}



/* ----- BUTTONS ----- */
.btn:link,
.btn:visited,
input[type=submit] {
    display: inline-block;
    padding: 2px 4px;
    text-decoration: none;
    border: solid 1px #788c73;
    border-radius: 4px;
font-size : 90%;
    -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
    transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn:hover,
.btn:active,
input[type=submit]:hover,
input[type=submit]:active {
    background-color: #CBD2C9;
    border: solid 1px #788c73;
}



ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;  
}

ul.img-list li {
  display: inline-block;
  height: 180px;
  position: relative;
  width: 180px;
}
ul.img-list li a {

  border-bottom: #000000;
  text-decoration: none;
}

span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

ul.img-list li:hover span.text-content {
  opacity: 1;
  border: none;
}

span.text-content {
  color: white;
  cursor: pointer;
  display: table;
  height: 180px;
  left: 0;
  position: absolute;
  top: 0;
  width: 180px;
  opacity: 0;
  -webkit-transition: opacity 1000ms;
  -moz-transition: opacity 1000ms;
  -o-transition: opacity 1000ms;
  transition: opacity 1000ms;
}


span.text-content-store span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

ul.img-list-store li:hover span.text-content-store {
  opacity: 1;
  border: none;
}

span.text-content-store {
  background: rgba(120,140,115,0.7);
  color: #fff;
  cursor: pointer;
  display: table;
  height: 149px;
  left: 0;
  position: absolute;
  top: 0;
  width: 182px;
  opacity: 0;
  -webkit-transition: opacity 1000ms;
  -moz-transition: opacity 1000ms;
  -o-transition: opacity 1000ms;
  transition: opacity 1000ms;
  text-shadow: 2px 2px #524b26;
}

.moreinfo
{
    float: right;
}


.moreinfobutton
{ 
    color: Black; 
    padding: 4px 14px; 
    font-size : 1.00em;
    text-align: center;
    font-weight: 200;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-shadow: 1px 1px #d6d5d5;
    -moz-box-shadow:    3px 3px 5px  #999;
    -webkit-box-shadow: 3px 3px 5px  #999;
    box-shadow:         3px 3px 5px  #999;
}

a.moreinfobutton
{
    color : #000000;
    text-decoration : none;
    font-weight : 400;
    background: #84bc05 url('../../graphics/registration-background.gif') no-repeat;
    margin-top: 4px;
}

a.moreinfobutton:link
{
    color : #000000;
    text-decoration : none;
    font-weight : 400;
    background: #84bc05 url('../../graphics/registration-background.gif') no-repeat;
    margin-top: 4px;
}

a.moreinfobutton:visited
{	
	color:	#000000;
	text-decoration:	none;
    font-weight : 400;
    margin-top: 4px;
}
		
a.moreinfobutton:hover
{
    color : #000000;
    text-decoration : none;
    font-weight : 400;
    background:  #84bc05 url("../../graphics/registration-hover.gif") no-repeat;
    margin-top: 4px;
}  


table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}

.staffbiobox
{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: thin solid #0d6fb8; /*blue */
    margin: auto;
    padding: 6px;
    width : 80%;
    
}

.dropinschedule
{
    color: #000000; 
    padding: 4px; 
    font-size : 1.25em;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow:    3px 3px 5px  #999;
    -webkit-box-shadow: 3px 3px 5px  #999;
    box-shadow:         3px 3px 5px  #999;
    background: #84bc05;
    margin: 0px auto 16px auto;
    width: 250px;
}


.photo
{ 
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: thin solid #0D6FB8;
}

.dancewide table { 
		border-collapse: collapse; 
        border-color: black;
        width: 60%;
        margin: auto;
}

.dancewide th { 
		padding: 6px; 
        background-color : #0D6FB8; 
		border: 1px solid #0D6FB8; 
		text-align: center; 
        color: #ffffff;   
}
.dancewide .comicsans { 

		text-align: left; 
        font-size : 17px;
        font-family: comic sans ms,sans-serif; 
        color: #0D6FB8;     
}
 .dancewide td { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
}   

.dancewide td.bordernone
{
border: thin white solid;
}
 
table .bordernone
{
border: thin white solid;
}


/* TABLE 
th, td {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

*/



/* HOME */


.homeimage  
{
    text-align : center;     margin: 20px auto 10px auto;
    padding-top: 10px;
}

.homeimage  img
{
 
    border: solid thin #b8b79a;
    border-radius: 4px; 
}
   
.roundededge
{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;    
}   

  
/* secondarypage */

.secondaryclassesa
{
    padding: 0 2.5% 10px 2.5%;
    text-align : left;
    font-size : 0.875em;
}

.secondaryclassesb
{ 
    padding: 0 2.5% 10px 2.5%;
    font-size : 0.875em;
}
.secondaryclassesb p
{ 
    padding: 0 30px; 
}
.secondaryclassesa p
{ 
    padding: 8px 30px; 
}
.secondaryclassesa .secondarybox
{     
    border : 2px #052c5a solid;
    padding: 10px 2%;  
    margin: 10px 7%;
    font-family: comic sans ms,sans-serif;
    font-size: 1.125em;
    background-color: #d6e7f4; /* light purple */
}
.secondaryclassesa div.secondarybox
{ 
    border : 2px #052c5a solid;
    background-color: #d6e7f4; /* light purple */
}
.secondaryclassesb div.secondarybox
{ 
    border : 2px #052c5a solid;
    padding: 10px 2%;  
    margin: 10px 7%;
    background-color: #d6e7f4; /* light purple */
}
.secondaryclassesb div.secondaryboxa
{ 
    border : 2px #052c5a solid;
    padding: 10px 2%;  
    margin: 10px 7%;
    font-family: comic sans ms,sans-serif;
    font-size: 1.125em;
    background-color: #d6e7f4; /* light purple */
}

.secondaryclassesa div.secondaryboxa
{ 
    border : 2px #052c5a solid;
    padding: 10px 2%;  
    margin: 10px 7%;
    font-family: comic sans ms,sans-serif;
    font-size: 1.125em;
    background-color: #DCEAF5; /* light purple */
}

.secondaryclassesa div
{     
    padding-left: 10px; 
    padding-right: 10px; 

}
.secondaryclassesb .secondarybox
{ 
    padding: 0 10px; 
}


.secondaryclassesb p.summary,
.secondaryclassesa p.summary
{ 
    margin: 0 0 30px 0; 
    background-color: #DCEAF5;
    font-weight : bold;
    padding: 10px;
    font-style: italic;
}

.secondaryclassesb div
{     
    padding-left: 10px; 
    padding-right: 10px; 

}


.emphasis
{
    font-weight : bold;
    background-color: #DCEAF5;
}



.faqpadding
{
    padding-left : 60px;
}

.questions
{
    width : 75%;
    margin: auto;
}

/* ----------------------------------------------- */
/* Mailchimp */
/* ----------------------------------------------- */
.instagrampic
{
margin: 10px;
}

.mailchimp-box {
width: 600px;
margin: auto;
color : #524b26;
padding: 10px;
font-size : 80%;
}

.mailchimp-box .button {
border: solid 1px #788c73;
width : 72px;
height : 20px;
font-size : 80%;
border-radius: 4px;
}

.mailchimp-box .email
{
height : 22px;
border: solid 1px #788c73;
border-radius: 4px;
background-color: #cbd2c9;
}

.donatebutton
{

color: white;
border-radius: 10px;
margin: auto;
padding: 6px;

}

.donatebutton a:link,
.donatebutton a:visited
{
border: solid 1px #535352;
background-color: #485d19;

color: white;
width : 200px;

border-radius: 10px;
margin: auto;
padding: 6px;
}

.donatebutton a:hover
{
border: solid 1px #535352;
background-color: #ffffff;
color: #485d19;
width : 200px;
padding: 6px;

border-radius: 10px;
margin: auto;
}
/* ----------------------------------------------- */
/* LOGOS */
/* ----------------------------------------------- */

div.bottomlogo {
  display: table-cell;
  width: 275px;
  height: 232px;
  vertical-align: middle;
  text-align: center;
}


.tagline
{
    display: block;
    max-width: 1000px;
    margin: 0 auto;
    padding-right : 24px;
    text-align: right;
}

.logomobile
{
    display: none;
}

/* form */




.formrow {  display:inline-block; width: 95%; margin-left: 2%; margin-top: 1.25%; clear: both; }
.formrow .label { width: 30%; float: left; padding-right: 2%; text-align: right; }
.formrow .input { display: inline-block; width: 65%; }
.formrow .input input { width: 100%; }
.formrow .input select { max-width: 100%; }
.formrow .comment { font-size: 85%; display: inline-block; width: 100%; margin: 0 auto; }


.formrow .input .formrow_80 { width: 80%; }
.formrow .center {padding-left: 40%;}
.formrow .padding35 {padding-left: 33%;}
.required { font-family: Arial, Helvetica, sans-serif; color: #ff0000; font-weight: bold; }



input[type="text"], input[type="number"], input[type="tel"], input[type="email"] { display: inline-block; border: 1px solid #ccc; height: 1.5em; line-height: 1.5em;  padding: 0 0 0 5px;}

input[type="submit"], input[type="button"] { -webkit-appearance: none; }


.inputsubmitmedium
{
	border: 1px solid #4e2614;
	color: #4e2614;
	background-color: #e4deb9;
	font-size: 13px;
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 4px;
}
.galleria-lightbox-shadow
{
background-color: white;
}

.inputsubmitmedium:hover
{
	border: 1px solid #4e2614;
	cursor: pointer;
    color: #586340;
}

.shadow
{
  -moz-box-shadow:    5px 5px 5px  #999;
  -webkit-box-shadow: 5px 5px 5px  #999;
  box-shadow:         5px 5px 5px  #999;
}


/* ----------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------- */


footer
 {
 height : auto;
 margin: 0 auto;
    background-color: #e6e5cd;
    color: #000000;
    line-height : 1.2em;
    border-top: 2px solid #D6E2B9;
 }
 
 
footer p {
    font-size: 90%;
    line-height : 24px;
}

.footerarea
{
background-color: #e0e2d6; 
color: #595959; 
border-top: 2px solid #a36019;
}


.social-links {
    list-style: none;

}


.social-links li {
    display: inline-block;
    margin-right: 20px;
}

.email-link li {
    display: inline-block;
    margin-right: 20px;
}

.email-link {
    list-style: none;
    float: right;
}




.social-links li a:hover,
.social-links li a:active {
    color: #ffffff;
    border-bottom: 2px solid transparent;
}

.fa-envelope-o,
.fa-facebook-square,
.fa-instagram,
.fa-bars,
.footer-nav {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.facebookicon
{
font-size: 40px;
color : #535352;
}



.phoneicon
{
padding-top: 6px;
}


/*paddings and margins */

.paddingbottom10
{
    padding-bottom: 10px;
}

.paddingright12
{
padding-right: 12px;
}

.dottedboxwide
{
    width : 90%;
    border: medium dotted #052c5a;
    margin: 0 auto;
    text-align : left;
    padding: 6px 2.0%;
}

.volunteerboxsmall
{
    background-color: #c8e2ea; /* light blue */
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: thin solid #052c5a; 
}
.width700
{
    width : 700px;
    margin: 0 auto;
}

.volunteerboxtext
{
    padding: 10px 10px 4px 10px;
    text-align: left;
}

/* ----------------------------------------------- */
/* Animations */
/* ----------------------------------------------- */

.js--wp-1,
.js--wp-2,
.js--wp-3
{
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.js--wp-4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.js--wp-1.animated,
.js--wp-2.animated,
.js--wp-3.animated {
    opacity: 1;
}

.box
{

    background-color : #ddd;
    font-size : 14px;
    padding  : 8px;
    line-height : 18px;
	position: relative;
	z-index: 50;
    border-radius: 10px;
}


.pagebox {
	font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
    font-size : 1.0em;


}

.pagebox ul {
	padding-top: 6px;
    padding-left : 30px;
}

.pagebox ul li {
	padding-top: 6px;
}

.pagebox .pagebox-one,
.pagebox .pagebox-two,
.pagebox .pagebox-three {

    width : 94%;
    margin: 0 auto;
    height : 300px;

}

div .pagebox-one,
div .pagebox-two,
div .pagebox-three, 
div .pagebox {

    padding: 8px;

}

.title {
    color: #4e2614;
    font-weight : bold;
    padding: 6px;
   	font-size: 16px;
    text-align: center;
}


.pagebox .title {
    color: #4e2614;
    font-weight : bold;
    line-height : 1.3em;
    line-spacing: 1em;
    padding-top: 4px;
   	font-size: 17px;
    text-align: center;
}
.pagebox .border {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    border: 4px #cecbc3 solid;
}

.borderright
{
border-right : 2px solid grey;  
height : 100px;
}


.announcementbox
{
padding-top : 8px;
padding-bottom: 8px;
    background-color : #F8F7F2;

    border-width : 4px;
    border-style : solid;
    border-color : #D6E2B9;
	position: relative;
	z-index: 50;
}


@media screen and (max-width : 700px) {

.borderright
{
border-right : none;  
height : auto;
}

.indent120 {
    padding-left: 12px;
}

#pagebox-wrap
{
    max-width: 90%;
    padding: 0;
    margin: auto;
}
#pagebox {
    max-width: 90%;
    margin: auto;
    text-align: center;
    height : auto;
}


#pagebox .text {

    font-weight : normal;
    line-height : 1.3em;
    padding-top: 4px;
    text-align: left;
}

#pagebox .pagebox-one {
    float: none;
    margin: 10px auto;
    min-height : 100px;
    height : auto;
    max-width: 100%;
}

#pagebox .pagebox-two {
    float: none;
    margin: 10px auto;
    min-height : 100px;
    height : auto;
    max-width: 100%;

}
#pagebox .pagebox-three {
    float: none;
    margin: 10px auto;
    height : auto;
    min-height : 120px;
    max-width: 100%;
}

#pagebox img {
    max-width: 90%;
    height : auto;
}


#pagebox border {
    max-width: 90%;
    height : auto;
}

}

@media screen and (max-width : 480px) {

.paddingleft24
{
padding-left: 0;
}
.indent120 {
    padding-left: 0;
}

.mobilebreak {
    display: block;
}

h1
{
  line-height: 32px;

}

.icon-list, .icon-list li {
  margin: 1em;
  margin-left: 1em;
}
}