/* CSS for Aqua-Tots Redesign Fall 2008 */
/* standard colors: orange = #FF8B23, blue = #212C59, green/yellow = #D3E255 */

* {
border:0;
margin:0;
padding:0;
}

body {
	background-color: #FFFFFF; /* was #042567;*/
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#444444;
}
#page {
	width:960px; /*was 760*/
	height:auto;
	background-color:#ffffff;
	text-align:left;
	margin:0 auto;
	}
a {
	color:#FF8B23;
}
a:hover {
	color:#212C59;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
font-weight:bold;
color:#212C59;
}
h2 {
	padding:0 0 6px 0;
}
p {
	padding:0 10px 10px 20px;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

.smalltext {
	font-size:11px; line-height:12px; display:block; padding-bottom:14px;
}

/***** Links *****/

a, a:visited {
text-decoration:none;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

	table tr td {
	padding:2px;
	}

/****************** header *********************************/
#header {
	width:960px; /*was 760*/
}
#headlocate {
	position:absolute;
	top:45px;
	left:720px;
	width:286px;
	height:30px;
	background:transparent url(../images/find.jpg) top right no-repeat;
}
#headlocate a {
	display:block;
	width:286px;
	height:30px;
	text-decoration:none;
	color:#FF8B23;
	font-size:18px;
	font-weight:bold;
	padding-top:4px;
}
#headlocate a:hover {
	color:#212C59;
}
#onlocationpg {
	position:absolute;
	top:45px;
	left:720px;
	width:286px;
	height:30px;
	color:#FF8B23;
	font-size:18px;
	font-weight:bold;
	padding-top:4px;
}
	
/****************** navigation *********************/
#navigation {
	height:40px;
	width:960px;
	background-color:#212C59; /*gymboree is #FF8111, branding is E7C138*/
}
ul#navbar {
	list-style:none;
}
#navbar li {
    list-style:none;
    display:inline;
}
a i {
	display:none;
}
#navbar a {
    background:url("../images/navigation.jpg") no-repeat;
    float:left;
	height:40px;
}
li#home a {
	width:83px;
	background-position:0 0;
}
li#locations a {
	width:201px;
	background-position:-83px 0;
}
li#levels a {
	width:119px;
	background-position:-284px 0;
}
li#register a {
	width:117px;
	background-position:-403px 0;
}
li#contact a {
	width:89px;
	background-position:-520px 0;
}
li#services a {
	width:89px;
	background-position:-609px 0;
}
li#why a {
	width:202px;
	background-position:-698px 0;
}
li#home a:hover, li#home a:active, li#home.current a, li#home.current a:visited { 
    background-position:0 -40px;
}
li#locations a:hover, li#locations a:active, li#locations.current a, li#locations.current a:visited { 
    background-position:-83px -40px;
}
li#levels a:hover, li#levels a:active, li#levels.current a, li#levels.current a:visited { 
    background-position:-284px -40px;
}
li#register a:hover, li#register a:active, li#register.current a, li#register.current a:visited { 
    background-position:-403px -40px;
}
li#contact a:hover, li#contact a:active, li#contact.current a, li#contact.current a:visited { 
    background-position:-520px -40px;
}
li#services a:hover, li#services a:active, li#services.current a, li#services.current a:visited { 
    background-position:-609px -40px;
}
li#why a:hover, li#why a:active, li#why.current a, li#why.current a:visited { 
    background-position:-698px -40px;
}
/******************** splash area **********************/
#splash {
	width:960px;
	height:400px;
	position:relative;
}
/******************* slideshow styles *******************/
.showpics { height: 400px; width: 960px; padding:0; margin:0; z-index:1; }
.showpics img { height: 400px; width: 960px; padding: 0; background-color: #eee; top:0; left:0 }

/******************* content slideshow styles *******************/
.contentpics { height: 230px; width: 668px; padding:0; margin:0; z-index:1; }
.contentpics img { height: 230px; width: 668px; padding: 0; background-color: #eee; top:0; left:0 }


/******************* sidemenu - homepage only *************/
#sidemenu {
	width:280px;
	height:355px;
	position:absolute;
	top:10px;
	left:670px;
	z-index:2;
	background:transparent url(../images/sidemenubkg.gif) top left;
}
#sidemenu ul {
	width:280px;
	padding:64px 0 0 0;
}
#sidemenu li {
	list-style:none;
	width:100%;
	float:left;
	border-bottom:1px solid #FFFFFF;
}
#sidemenu a {
    display:block;
	padding:6px 6px 6px 20px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
#sidemenu a:hover {
	color:#212C59;
}
/******************* service menu **************************/
div#servmenu {
	width:280px;
	height:355px;
	background:transparent url(../images/sidemenubkg.gif) top left;
}
div#servmenu ul {
	width:280px;
	padding:64px 0 0 0;
}
div#servmenu li {
	list-style:none;
	width:100%;
	float:left;
	border-bottom:1px solid #FFFFFF;
}
div#servmenu a {
    display:block;
	padding:6px 6px 6px 20px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
div#servmenu a:hover {
	color:#212C59;
}
/******************* location menu **************************/
/*div#locmenu {
	width:280px;*/
	/*height:700px;*/
	/*background:transparent url(../images/sidemenubkg.gif) top left;*/
/*	background-color:#FF8B23;
	overflow:hidden;
}
div#locmenu ul {
	width:280px;
	padding:0;
}*/
/*div#locmenu li {
	list-style:none;
	width:280px;
	float:left;*/
	/*border-bottom:1px solid #FFFFFF;*/
	/*background-color:#C76C1B;*/
	/*padding:6px 6px 6px 20px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;*/
/*}*/
/*div#locmenu a {
    display:block;
	padding:6px 6px 6px 20px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	border-bottom:1px solid #FFFFFF;
}
div#locmenu a:hover {
	color:#212C59;
}*/
div.accordion h4 {
	background:transparent url(../images/locmenubkg.jpg) top left repeat-x;
	display:block;
	padding:6px 6px 6px 10px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	border-bottom:1px solid #FFFFFF;
	cursor:pointer;
	letter-spacing: -.05em;
}
div.accordion h4:hover {
	color:#212C59;
}
.locsubmenu {
	background-color:#FEFEFE;
	padding:0;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin:0;
}
.locsubmenu ul li {
	list-style:none;
	width:248px;
	padding:0 10px 5px 20px;
	border-bottom:1px solid #CCCCCC;
	/*background:transparent url(../images/bulletarrow.png) center left no-repeat;*/
}
.locsubmenu ul li a {
	font-size:12px;
	font-weight:bold;
	color:#FF8B23;
}
.locsubmenu ul li a:hover {
	color:#212C59;
}
.locsubmenu p {
	font-size:11px;
	color:#212C59;
	font-style:italic;
	margin:0;
	padding:4px 6px 4px 20px;
	border-bottom:1px solid #CCCCCC;
}
/****************** location photo and video galleries **************/
.photogallery {
	width:350px;
	float:left;
	padding-bottom:10px;
}
.photogallery h4 {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF8B23;
	padding:6px 10px;
	border-bottom:1px solid #FFFFFF;
}
.tourgallery {
	width:310px;
	float:left;
	margin-left:6px;
	padding-bottom:10px;
}
.tourgallery h4 {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF8B23;
	padding:6px 10px;
	border-bottom:1px solid #FFFFFF;
}
/****************** location registration and contact section **************/
.locationdetails {
	padding:10px 0; border-top:1px solid #CCCCCC; overflow:hidden; width:669px;
}
.locationregblock {
	float:left; width:350px; background:transparent url(../images/registrationhead.jpg) top left no-repeat;
}
.locationregblock ul li {
	list-style:none; margin-left:20px;width:250px;padding:0 10px 5px 20px; background:transparent url(../images/bulletarrow.png) center left no-repeat;
}
.locationcontactblock {
	float:left; width:310px; padding-left:6px; position:relative;
}
a#regbutton {
	display:block;
	height:80px;
	width:88px;
    background:url("../images/preregisterbanner.jpg") no-repeat;
	background-position:0 0;
}
a#regbutton:hover {
	background-position: 0 -80px;
}
/****************** home banner ad section ***************/
#banners {
	width:960px;
	height:100px;
}
/*#banners img {
	float:left;
	margin:0;
	padding:0;
}*/
a#banner1 {
	display:block;
	height:100px;
	width:320px;
    background:url("../images/banners1.jpg") no-repeat;
	background-position:0 0;
}
a#banner1:hover {
	background-position: 0 -100px;
}
a#banner2 {
	display:block;
	height:100px;
	width:320px;
    background:url("../images/banners2.jpg") no-repeat;
	background-position:0 0;
}
a#banner2:hover {
	background-position: 0 -100px;
}
a#banner3 {
	display:block;
	height:100px;
	width:320px;
    background:url("../images/banners3.jpg") no-repeat;
	background-position:0 0;
}
a#banner3:hover {
	background-position: 0 -100px;
}
a#why {
	display:block;
	height:100px;
	width:240px;
    background:url("../images/button-why.jpg") no-repeat;
	background-position:0 0;
}
a#why:hover {
	background-position: 0 -100px;
}

/******************* content, maincontent, sidebar areas ******/

#content {
	width:960px; /*was 760*/
	height:auto;
	background-color:#FFFFFF;
	padding:10px 0;
	min-height:400px;
	text-align:left;
	overflow:hidden;
}	
/*#homebody p{
	width:700px;
	margin-left:30px;
	margin-right:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	line-height:24px;
	text-align:justify;
}*/
#maincontent {
	width:669px; /*was 550*/
	float:right;
	font-size:14px;
	line-height:20px;
	padding:0 0 0 10px;
}
#maincontent h1 {
	font-size:28px;
	line-height:30px;
	padding:20px 0 10px 0px;
}
#sidebar {
	float:left;  /*was right*/
	width:280px; /*was 140*/
}
.sidetesti {
	width:280px;
	background:transparent url(../images/quotes.jpg) top left no-repeat; 
	padding:30px 0;
	font-size:13px;
}
.sigoutdent {
	margin-left:-18px;
}
/****************** footer ***************/
#footer {
	width:960px; /*was 760*/
	/*background-image:url(../images/footerbg.jpg);
	background-position:top;
	background-repeat:no-repeat;*/
	height:auto;
	background-color:#212C59; /*was #FF8B23 (orange) #042567 */
	font-size:12px;
	color:#ffffff;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	position:relative;
}
#footer a {
	color:#FFFFFF;
}
#footer a:hover {
	color:#FF8B23;
}
#footer p {
	text-align:center;
}
/****************** item lists ***************/
.itemleftimg {
	padding:10px 0 0 0; 
	overflow:hidden;
	border-bottom:1px solid #CCCCCC;
}
.itemleftimg img {
	float:left;
	padding:0 10px 10px 0;
}
.itemleftimgtxt {
	margin-left:210px;
}
.itemleftimgtxt2 {
	margin-left:100px;
}
.itemleftimgtxt3 {
	margin-left:305px;
}
.itemleftimgtxt p, .itemleftimgtxt2 p, .itemleftimgtxt3 p {
	font-size:13px;
	line-height:16px; 
	padding-left:0;
}
.morebutton {
	background-color:#FF8B23; 
	width:80px; 
	text-align:center; 
	font-weight:bold;
	font-size:10px; 
	padding:2px;
	margin:4px;
	display:block;
}
.morebutton a {
	color:#FFFFFF;
}
.schedbutton {
	background-color:#FF8B23; 
	width:160px; 
	text-align:center; 
	font-weight:bold;
	font-size:10px; 
	padding:2px;
	margin:4px;
	display:block;
}
.schedbutton a {
	color:#FFFFFF;
}

/***************** pop-up content ****************/
div.swimleveldetail {
	padding:0 10px;
	width:540px;
	display:none;
	text-align:left;
	background-color:#F6F6F6;
}
.swimleveldetail img {
	padding:0 10px 10px 0;
}
.swimleveldetail h3 {
	margin-top:10px;
}
.swimleveldetail p {
	font-size:11px;
	padding:6px 0;
}
.swimleveldetail ol, .swimleveldetail ul {
	margin-left:40px;
	font-size:11px;
	padding:6px 0;
}
/***************** registration form ********************/
#registerform {
	margin:0;
	padding:0 20px 0 40px;
	font-size:10px;
}
.formlabel {
	font-size:11px;
	padding:2px;
	height:40px;
}
.formlabeltext {
	font-size:11px;
	padding:2px;
	height:100px;
}
input, textarea, select {
	border:1px solid #CCCCCC;
	background-color:#f3f3f3;
	padding:2px;
	margin:0 5px 0 0;
	line-height:12px;
}
.controlset label, 
.controlset input { 
	font-size:11px;
	display: inline; 
	float: none; 
}
.controlset { 
	margin-left: 40px; 
}
input#email_button {
	background-color:#D3E255;
	color:#212C59;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	border:0px;
	padding:4px;	
}
input#email_button:hover {
	background-color:#FF8B23;
}
.reqd {
	color:#CC0000;
}
div.errors {
	width:500px;
	border:3px solid #FF0000;
	padding:5px 20px;
	color:#FF0000;
	font-size:14px;
	text-align:center;
}
div.messages {
	width:500px;
	border:3px solid #339933;
	padding:5px 20px;
	color:#339933;
	font-size:14px;
	text-align:center;
}

/******************* slider styles *******************/
#sliderwrapper {width:960px; position:relative; margin:0;}
.oneslidervideo {width:320px; height:120px; float:left; text-align:center; display:inline; overflow:hidden;}
.oneslidervideo p {padding:5px; margin:0; font-size:12px; font-weight:bold;}

.videobody {
	padding:0;
	margin:0;
	background-color:#000000;
	color:#ffffff;
	font-size:11px;
	overflow:hidden;
}

/*********************** Easy Slider *************************/
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:120px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:24px;
		}	
	#nextBtn{ 
		left:960px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}
		
/* // Easy Slider */

/************** Smart List styles *****************/
.slheader {
	margin:0;
	padding:5px;
	background-color:#fff;
	border-top:1px solid #ccc;
	height:30px;
}
#sl2 {
	background-color:#fff;
	padding:0 10px;
}
#sl2-pagination {margin-left:50px;}
#sl2-pagination span {padding:0 4px; }
.sl2-pagination-selected { border: 1px solid #336699; background-color: #E5F3FE; font-weight: bold; }
.sl2-pagination-selected a:link, .sl-pagination-selected a:visited { text-decoration: none; color: #0099FF }
.item {
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
.item p { font-size:12px; }
.item h2 {
	padding:0;
	margin:0 0 10px 0;
	font-size:18px;
}
.flags {
	font-size:11px;
}
.item .itemleftimg { border:none; }