/* Page Styles */
body {
    background-image: url(images/swim_bckgrnd.gif);
	/*background-image: url(images/pool_water.jpg);*/
    background-position:top;
    background-repeat: repeat-x repeat-y;
	/*background-repeat:no-repeat;*/
	background-color:#FFFFFF;
	margin: 0 0 0 0;
}
h1  {
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica;
	color:#0072BC;
	margin-left:10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
h2  {
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica;
	color:#0072BC;
	margin-left:10px;
	margin-bottom: 0px;
	margin-top: 5px;
}
h3  {
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica;
	color:#FFFFFF;
	margin-left:10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
h4  {
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica;
	color:#000000;
	margin-bottom: -22px;
}
p {
	text-align: left;
	text-decoration: none;
	font-family: Arial;
	font-size:12px;
	color:#0072BC;
	margin-top: 7px;
	margin-left:10px;
	margin-right:10px;
}
p a:link {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:12px;
	color:#0072BC;
}
p a:visited {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:12px;
	color:#0072BC;
}
p a:hover {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:12px;
	color:#231075;
}
.article {
	text-align: left;
	text-decoration: none;
	font-family: Times New Roman;
	font-size:14px;
	color:#000000;
	margin-top: 7px;
	margin-left:10px;
	margin-right:10px;
}
.article a:link {
	text-align: left;
	text-decoration: underline;
	font-family: Times New Roman;
	font-size:14px;
	color:#0072BC;
}
.article a:visited {
	text-align: left;
	text-decoration: underline;
	font-family: Times New Roman;
	font-size:14px;
	color:#0072BC;
}
.article a:hover {
	text-align: left;
	text-decoration: underline;
	font-family: Times New Roman;
	font-size:14px;
	color:#231075;
}
ul.aquatics {
	text-align: left;
	text-decoration: none;
	font-family: Times New Roman;
	font-size:13px;
	color:#000000;
}
ul.aquatics li {
	text-align: left;
	text-decoration: bold;
	font-family: Times New Roman;
	font-size:20px;
	color:#0E6BC2;
	list-style: square inside;
}
ul.aquatics li span {
	text-align: left;
	text-decoration: none;
	font-family: Times New Roman;
	font-size:13px;
	color:#000000;
}
ul.aquatics li span a:link {
	text-align: left;
	text-decoration: underline;
	font-family: Times New Roman;
	font-size:13px;
	color:#0072BC;
}
ul.aquatics li span a:visited {
	text-align: left;
	text-decoration: underline;
	font-family: Times New Roman;
	font-size:13px;
	color:#0072BC;
}
ul.aquatics li span a:hover {
	text-align: left;
	text-decoration: underline;
	font-family: Times New Roman;
	font-size:13px;
	color:#231075;
}
.CopyWriteText {
	text-align: center;
	text-decoration: none;
	font: Times New Roman, Times, serif;
	font-size:9px;
	color:#0071bc;
}
.CopyWriteText a:link{
	text-align: center;
	text-decoration: none;
	font: Times New Roman, Times, serif;
	font-size:9px;
	color:#0071bc;
	text-decoration:underline;
}
.CopyWriteText a:visited{
	text-align: center;
	text-decoration: none;
	font: Times New Roman, Times, serif;
	font-size:9px;
	color:#0071bc;
	text-decoration:underline;
}
.CopyWriteText a:hover{
	text-align: center;
	text-decoration: none;
	font: Times New Roman, Times, serif;
	font-size:9px;
	color:#ED1B23;
	text-decoration:underline;
}
.TblTxt {
	text-align:center;
	text-decoration:none;
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
}
.TblTxt2 {
	text-align:center;
	text-decoration:none;
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	color:#231075;
}
.TblTxt2 a:link{
	text-align:center;
	text-decoration:underline;
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	color:#231075;
}
.TblTxt2 a:visited{
	text-align:center;
	text-decoration:underline;
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	color:#231075;
}
.TblTxt2 a:hover{
	text-align:center;
	text-decoration:underline;
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	color:#40a5dd;
}
.TblTxt3 {
	text-align:center;
	text-decoration:none;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	color:#0071bc;
}
.caption {
	text-decoration: none;
	font-family: Arial;
	font-size:10px;
	color:#000000;
}
.filter_advantages {
	text-align:left;
	text-decoration:none;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	color:#0071bc;
	line-height:15pt;
}
.filter_advantages a:link{
	text-align:left;
	text-decoration:underline;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	color:#0071bc;
	line-height:15pt;
}
.filter_advantages a:visited{
	text-align:left;
	text-decoration:underline;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	color:#0071bc;
	line-height:15pt;
}
.filter_advantages a:hover{
	text-align:left;
	text-decoration:underline;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	color:#231075;
	line-height:15pt;
}
.Link {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}
.Link a:link {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}
.Link a:visited {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}
.Link a:hover{
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	color: #F04E2E;
}
.think_green {
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size:12px;
	color:#FFFFFF;
    padding: 5px 9px 15px 9px
}
.think_green a:link {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:12px;
	color:#9cce76;
}
.think_green a:visited {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:12px;
	color:#9cce76;
}
.think_green a:hover {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:12px;
	color:#FFFFFF;
}
.pool_link {
	text-decoration: none;
	font-family: Arial;
	font-size:10px;
	color:#231f75;
	margin: 0 0 0 18px;
	line-height: 18px;
}
.pool_link a:link {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:10px;
	color:#231f75;
	margin: 0 0 0 0px;
}
.pool_link a:visited {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:10px;
	color:#231f75;
	margin: 0 0 0 0px;
}
.pool_link a:hover {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:10px;
	color:#40A5DD;
	margin: 0 0 0 0px;
}
.footer {
	text-align: center;
	text-decoration: none;
	font: 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#0071bc;
	padding: 0px 0px 0px 0px;
}
.footer a:link{
	text-align: center;
	text-decoration: none;
	font: 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#0071bc;
	padding: 0px 0px 0px 0px;
}
.footer a:visited{
	text-align: center;
	text-decoration: none;
	font: 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#0071bc;
	padding: 0px 0px 0px 0px;
}
.footer a:hover{
	text-align: center;
	text-decoration: underline;
	font: 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 0px 0px 0px 0px;
}

.emperoraquatics li{
display: inline;
}

.emperoraquatics li a{
float: left;
color: #FFFFFF;
padding: 8px 15px;
text-decoration: none;
border-right: 0px 0;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.emperoraquatics li a:visited{
color: #FFFFFF;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.emperoraquatics li a:hover, .emperoraquatics li .emperoraquatics{
color: #0071bc;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
background: url(images/safeguard_whiteroll.jpg);
}

.emperoraquatics{
margin: 0;
padding: 0px;
float: left;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align: center;
width: auto;
border: 0px 0;
border-width: 0px 0;
background: url(images/safeguard_blueroll.jpg);
list-style: none;
}

#pool, #pool ul {
background-color:#77c9ff;
padding: 0 0 0 0;
margin: 0 0 0 0;
list-style: none;
}

#pool li {
float: center;
position: relative;
}

.pool_filter {
padding: 0px 0px 0px 5px;
color:#FFFFFF;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-decoration:none;
text-align: left;
background-image:url(images/pool_arrow.gif);
background-repeat:no-repeat;
background-position:95% 55%;
}

.pool a{
margin-left: 0;
margin-right: 0;
text-decoration: none;
}

.pool a:hover{
background-color:#77c9ff;
margin-left: 0;
margin-right: 0;
text-decoration: none;
}

.submenus{
display: none;
width: 160px;
position: absolute;
top:-1px;
left: -1px;
border-width:1px;
border-style:solid;
border-color:#0071bc;
background-color:#77c9ff;
}

.submenus li{
width: 100%;
}

.submenus li a{
background-color:none;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align:left;
color: #FFFFFF;
display: block;
width: 154px;
padding: 0 0 0 5px;
text-decoration: none;
border-bottom:1px solid #FFF;
margin-bottom:3px;
}

.submenus li a:hover{
color:#FFFFFF;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
background-color:#0071bc;
text-decoration: none;
padding: 0px 0px 0px 5px;
}

#pool li>ul { /* 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 */
width: 100%;
}

#pool li:hover ul, li.over ul { /* lists nested under hovered list items */
display:block;
background-color:#77c9ff;
margin:0px;
padding: 0px 0px 0px 0px;
}

#content { /*wrap rest of content of the page inside this div*/
clear:inherit;
}

.menuhead {
	text-align: left;
	text-decoration: none;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#0071bc;
	padding: 0px 0px 0px 5px;
}

.pool_sidenav{
list-style-type: none;
margin: 0;
padding: 0 0 3px 0;
border-top: 1px solid #0071bc;
border-bottom:1px solid #0071bc;
width: 160px;
background-color:#77c9ff;
}
.pool_sidenav li a{
background-color:#77c9ff;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align:left;
color: white;
display: block;
width: 155px;
padding: 0 0 0 5px;
text-decoration: none;
border-bottom:1px solid #fff;
margin-bottom:2px;
}
* html .pool_sidenav li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 155px;
}
.pool_sidenav li a:visited, .pond_sidenav li a:active{
color: white;
}
.pool_sidenav li a:hover{
background-color:#0071bc;
}
.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display:block;
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: none;
width: 800px;
/*background: url(images/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display:inline;
}

.chromestyle ul li a{
color: white;
padding: 3px 20px;
margin: 0 10px;
text-decoration: none;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
border-right: none;
background-image:url(images/pool_arrow.gif);
background-repeat:no-repeat;
background-position:95% 55%;
}

.chromestyle ul li a:hover{
/*background: url(images/chromebg-over.gif)* center center repeat-x; /*THEME CHANGE HERE*/
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #0071bc;
background-image:url(images/pool_arrow_blue.gif);
background-repeat:no-repeat;
background-position:95% 55%;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #0071bc; /*THEME CHANGE HERE*/
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align:left;
line-height:13px;
z-index:100;
background-color: #77c9ff;
width: 160px;
visibility:hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display:block;
text-indent: 3px;
border-bottom: 1px solid white; /*THEME CHANGE HERE*/
padding: 2px 0;
margin-bottom:3px;
margin-top:3px;
text-decoration: none;
font-weight: bold;
color: white;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #0071bc;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		padding:2px;
		/*background-image:url(qmimages/center_tile.gif);*/
		border-width:0px;
		border-style:solid;
		border-color:none;
		background-color:#77c9ff;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 5px 5px 5px;
		color:#FFFFFF;
		font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		text-decoration:none;
		text-align:left;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div	
	{	
		padding:5px;
		margin:-2px 0px 0px;
		background-color:transparent;
		border-style:none;
		width: 160px;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a	
	{	
		padding:0px 5px 0px 5px;
		background-color:#77c9ff;
		font-size:10px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#0071bc;
		color:#FFFFFF;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#0071bc;
		color:#FFFFFF;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#0071bc;
		color:#FFFFFF;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:1px 0px 3px 4px;
		color:#0071bc;
		font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		font-weight:bold;
		text-align:left;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px;
		border-color:#0071bc;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:5px 10px 0px;
		border-color:#FFFFFF;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#0071bc;
		background-color:#77c9ff;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#77c9ff;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px;
		background-color:#77c9ff;
		border-width:1px;
		border-style:solid;
		border-color:#0071bc;
	}






#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	width: 160px;}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}

#sddm li a
{	display: block;
	margin: 0;
	padding: 0 0 0 5px;
	width: 160px;
	background: none;
	color: #FFFFFF;
	text-align:left;
	text-decoration: none;
	background-image:url(images/pool_arrow.gif);
    background-repeat:no-repeat;
    background-position:90% 55%;}

#sddm li a:hover
{	background: none;
    color:#0071bc;
	background-image:url(images/pool_arrow_blue.gif);
	background-repeat:no-repeat;
    background-position:90% 55%;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0 0 0 -1px;
	padding: 0;
	background:#77c9ff;
	border: 1px solid #0071bc;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0 0 3px 0;
		padding: 2px 0px 0 5px;
		width: 155px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #77c9ff;
		color: #FFFFFF;
		font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		border-bottom: 1px solid #FFFFFF;}

	#sddm div a:hover
	{	background: #0071bc;
		color: #FFFFFF;}
.home {
	text-align: left;
	text-decoration: none;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 0;
	margin: 0 0 0 5px;
}
.home a:link{
	text-align: left;
	text-decoration: none;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 0;
	margin: 0 0 0 5px;
}
.home a:visited{
	text-align: left;
	text-decoration: none;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 0;
	margin: 0 0 0 5px;
}
.home a:hover{
	text-align: left;
	text-decoration: none;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#231075;
	padding: 0;
	margin: 0 0 0 5px;
}

#newsnav{width:350px; height:20px; float:left; text-indent:5px; margin:0px; padding:0px;}
.newsnav{font:10px Arial, Helvetica, sans-serif; text-align:left; list-style:none; margin:0px; padding:0px; line-height:20px; text-decoration:none;}
.newsnav li{display:block; background-color:#0071bc; vertical-align:middle; line-height:20px; text-decoration:none;}
.newsnav li a{color:#FFFFFF; display:block; text-decoration:none; font:10px Arial, Helvetica, sans-serif; line-height:20px;}
.newsnav li a:visited{color:#FFFFFF; font:10px Arial, Helvetica, sans-serif; vertical-align:middle; line-height:20px; text-decoration:none;}
.newsnav li a:hover /*.newsnav li .newsnav*/{color:#231075; font:10px Arial, Helvetica, sans-serif; background-color:#77c9ff; line-height:20px; text-decoration:none;}

.headline{font:bold 28px Arial; color:#0071bc; margin:5px 0 2px 0;}