body { margin: 0; padding: 0; background: #3641a2 url('../img/bg.gif') repeat-y; }
object, embed { margin: 0; padding: 0; border: 0 none; }
img { border: 0 none; margin: 0; padding: 0; }
.hide { display: none; }

table#canvas { margin: 0; padding: 0; border-collapse: collapse; width: 800px; height: 100%; }
table#canvas td { margin: 0; padding: 0; border: 0 none; vertical-align: top; }
table#canvas td.tall { height: 100%; }

#top { width: 800px; clear: both; background-color: #3641a2;  }
#top #ticker { width: 500px; height: 30px; background-color: #3641a2; margin: 0; padding: 0; position: absolute; top: 0; font: bold 10px Verdana, Arial; color: #fff;  }
#top #topnav { width: 300px; height: 30px; float: right; text-align: right; background-color: #3641a2; font: bold 10px Verdana, Arial; color: #fff; }
#top #topnav ul { list-style: none; margin: 0; padding: 0; float: right; }
#top #topnav ul li { display: inline; float: left; padding: 0; margin: 0; }
#top #topnav a { text-decoration: none; display: block; padding: 10px 10px 5px 0; color: #fff; }


#banner { width: 800px; height: 104px; clear: both; background: transparent url('../img/banner.jpg') no-repeat; }
#banner p { display: none; }




#navigation { height: 33px; clear: both; text-align: center; }

#navigation ul { margin: 0 auto 0; padding: 0; width: 576px; list-style-type: none; }
#navigation ul li { float: left; }

#navigation ul#navlist li#navHome { position: relative; }
#navigation ul#navlist li#navHome a { width: 75px; height: 33px; display: block; }

#navigation ul#navlist li#navMember { position: relative; }
#navigation ul#navlist li#navMember a { width: 157px; height: 33px; display: block; }
#navigation ul#navlist li#navMember ul li a { display: block; height: auto; padding: 7px 10px; }
#navigation ul#navlist li#navMember ul li a:hover { }

#navigation ul#navlist li#navAdults { position: relative; }
#navigation ul#navlist li#navAdults a { width: 85px; height: 33px; display: block; }
#navigation ul#navlist li#navAdults ul li a { width: 125px; display: block; height: auto; padding: 7px 10px; }
#navigation ul#navlist li#navAdults ul li a:hover { }

#navigation ul#navlist li#navSeniors { position: relative; }
#navigation ul#navlist li#navSeniors a { width: 91px; height: 33px; display: block; }
#navigation ul#navlist li#navSeniors ul li a { width: 110px; display: block; height: auto; padding: 7px 10px; }
#navigation ul#navlist li#navSeniors ul li a:hover { }

#navigation ul#navlist li#navKids { position: relative; }
#navigation ul#navlist li#navKids a { width: 66px; height: 33px; display: block; }
#navigation ul#navlist li#navKids ul li a { width: 190px; display: block; height: auto; padding: 7px 10px; }
#navigation ul#navlist li#navKids ul li a:hover { }

#navigation ul#navlist li#navAbout { position: relative; }
#navigation ul#navlist li#navAbout a { width: 102px; height: 33px; display: block; }
#navigation ul#navlist li#navAbout ul li a { width: 190px; display: block; height: auto; padding: 7px 10px; }
#navigation ul#navlist li#navAbout ul li a:hover { }

/* second-level lists */
#navigation ul#navlist li ul { display: none; width: auto; position: absolute; top: 100%; left: 0; margin: 0; padding: 0; list-style-type: none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; }

/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#navigation ul#navlist li>ul { top: 33px; left: auto; }
#navigation ul#navlist li ul li { background-color: transparent; clear: both; margin: 0; padding: 0; text-align: left; }

/* lists nested under hovered list items */
#navigation ul#navlist li:hover ul, #navigation ul#navlist li.over ul { display: block; }






div#content { width: 800px; background-color: #3641a2; clear: both; }

div#navleft { width: 195px; background-color: #3641a2; margin: 5px 0 0 0; text-align: center; float: left;  }

div#navleft #search { margin: 0 0 5px 0; padding: 0; border: 0 none; }
div#navleft #search fieldset { margin: 0; padding: 0; border: 0 none; }
div#navleft #search legend { display: none; }
div#navleft #search button { background: transparent url('../content/img/aquatics/go.gif') no-repeat; width: 26px; height: 22px; border: 0 none; margin: 0 0 0 5px; padding: 0; }
div#navleft #search table { border-collapse: collapse; margin: 0 auto 0; padding: 0; border: 0 none; }
div#navleft #search td { margin: 0; padding: 0; border: 0 none; }


div#navleft ul { list-style: none; margin: 0; padding: 0; text-align: left; }
div#navleft ul li { padding: 0; margin: 0; }
div#navleft ul li a {	display: block; 
						text-decoration: none; 
						background-color: #4654d0; 
						color: #fff; 
						font: bold 10px Verdana; 
						width: 100%;
						padding: 5px; 
						margin: 0 4px 0; 
						border-top: 1px solid #000; 
						border-left: 1px solid #000; 
						border-right: 1px solid #6699cc; 
						border-bottom: 1px solid #6699cc; 
						}
div#navleft ul li>a { width: 175px; }
div#navleft ul li a:hover { background-color: #0d004c; text-decoration: underline; }

div#navleft #quicklinks { margin: 5px auto; padding: 0; }

div#contentbody { background-color: #fff; margin: 0 auto 0; padding: 0; max-width: 605px; text-align: center; float: left; }

div#contentbody p { font: normal 11px Verdana; text-align: left; margin: 10px; }
div#contentbody ol { font: normal 11px Verdana; text-align: left; }
div#contentbody ul { font: normal 11px Verdana; text-align: left; }
div#contentbody ol li { margin-bottom: 10px; }
div#contentbody table { font: normal 11px Verdana; text-align: left; }
div#contentbody table.margin { margin: 10px; }
div#contentbody #breadcrumbs { text-align: left; margin: 10px; font: bold 11px Verdana; }
div#contentbody #breadcrumbs a { color: #000; text-decoration: none; }

div#contentbody #indexpage { width: 410px; padding: 5px 0 0 0; }

div#contentbody #latestnews { width: 402px; margin: 0 4px 5px 4px; clear: both; background-color: #cfd4ff; }
div#contentbody #latestnews h3 { margin: 0 0 5px 0; padding: 5px; font: bold 14px Verdana; }
div#contentbody #latestnews img { padding: 0 5px 5px 5px; }
div#contentbody #latestnews p { margin: 0; padding: 5px; }
div#contentbody #latestnews a { font-size: 10px; color: #000; text-decoration: underline; }

div#contentbody #eventsandclass { width: 402px; margin: 0 auto 0; text-align: center; }
div#contentbody #eventsandclass a { color: #000; text-decoration: underline; }

div#contentbody #events { width: 198px; margin: 0 6px 0 0; float: left; background-color: #cfd4ff; }
div#contentbody #events h3 { margin: 0; padding-left: 5px; font: bold 11px Verdana; text-align: left; }
div#contentbody #events p { font: normal 10px Verdana; margin: 0; padding: 5px; text-align: left; }

div#contentbody #featured { width: 198px; margin: 0; float: left; background-color: #cfd4ff; }
div#contentbody #featured h3 { margin: 0; padding-left: 5px; font: bold 11px Verdana; text-align: left; }
div#contentbody #featured p { font: normal 10px Verdana; margin: 0; padding: 5px; text-align: left; }

div#contentbody .schedulehead { padding: 5px; background-color: #333; color: #fff; font: bold 12px Verdana; } 
div#contentbody .scheduletext { padding: 5px; }
div#contentbody .scheduletext a { text-decoration: none; color: #009; }
div#contentbody .rowalt { background-color: #eee; }
div#contentbody .scheduleDay { text-align: right; }

div#right { background-color: #3641a2; margin: 0; width: 195px; padding: 5px 0 0 0; text-align: center; float: left; }

div#right #schedule { width: 187px; color: #000; margin: 5px auto 5px; background-color: #ffd75e; }
div#right #schedule a { text-decoration: none; color: #000; }
div#right #schedule table { margin: 0; padding: 0; font: normal 10px Verdana; width: 100%; }
div#right #schedule table th { text-align: left; }
div#right #schedule table td.left { width: 55px; text-align: left; }
div#right #schedule table td.right { text-align: left; }

div#seperator { clear: both; }
div#seperator hr { display: none; }

div#bottom { width: 800px; margin-top: 5px; padding: 5px 0 5px 0; clear: both; text-align: center; background-color: #0d004c; color: #fff; font: bold 10px Verdana; }
div#bottom a { color: #fff; text-decoration: none; }