body{
	background-color: #1D6893;
	font-family: arial, verdana, sans-serif;
margin:0;
padding:0;
line-height: 1.2em;
}

a:link { color: #1D6893; text-decoration: none}
a:visited { color: #1D6893; text-decoration: none}
a:hover { color: #1D6893; text-decoration: underline; }
a:active { color: #1D6893; text-decoration: underline;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: white;
}

#topsection{
background: white;
height: 210px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background: white;
}


#contentcolumnindex{
margin-right: 200px; Set right margin to RightColumnWidth*/
}

#contentcolumnindex p {
font-size: 0.8em; 
font-family: arial, verdana, sans-serif;
text-align: justify;
}

#contentcolumnindex h2 {
font-size: 0.9em; 
font-family: arial, verdana, sans-serif;
font-weight: bold;
}

#contentcolumnindex h3 {
font-size: 0.9em; 
font-family: arial, verdana, sans-serif;
font-weight: bold;
font-style: italic;
text-align: center;
}

#contentcolumnwithotter{
margin-right: 0px;  
background-position: right bottom; 
BACKGROUND-IMAGE: url(enhydraotterswimming.jpg);
BACKGROUND-REPEAT: no-repeat;
}

#contentcolumnwithotter h1 {
font-size: 1.0em; 
font-family: verdana, geneva, sans-serif;
font-weight: bold;
letter-spacing: 2px;
}

#contentcolumnwithotter h2 {
font-size: 0.9em; 
font-family: arial, verdana, sans-serif;
font-weight: bold;
}

#contentcolumnwithotter h3 {
font-size: 0.9em; 
font-family: arial, verdana, sans-serif;
font-weight: bold;
font-style: italic;
text-align: center;
}

#contentcolumnwithotter h4 {
font-size: 0.8em; 
font-family: arial, verdana, sans-serif;
font-weight: bold;
text-align: left;
}

#contentcolumnwithotter h5 {
font-size: 0.6em; 
font-family: arial, verdana, sans-serif;
text-align: justify;
font-weight: normal;
}

#contentcolumnwithotter p {
font-size: 0.8em; 
font-family: arial, verdana, sans-serif;
text-align: justify;
}

#contentcolumnwithotter ul{
  font-size: 0.8em; 
	font-family: arial, verdana, helvetica;
	font-weight: normal;
	text-align: left;
}

#contentcolumn{
margin-right: 0px;  
}

#contentcolumn h1 {
font-size: 1.0em; 
font-family: verdana, geneva, sans-serif;
font-weight: bold;
letter-spacing: 2px;
}

#contentcolumn h2 {
font-size: 0.9em; 
font-family: arial, verdana, sans-serif;
font-weight: bold;
}

#contentcolumn h3 {
font-size: 0.9em; 
font-family: arial, verdana, sans-serif;
font-weight: bold;
font-style: italic;
text-align: center;
}

#contentcolumn h4 {
font-size: 0.8em; 
font-family: arial, verdana, sans-serif;
font-weight: bold;
text-align: left;
}

#contentcolumn h5 {
font-size: 0.6em; 
font-family: arial, verdana, sans-serif;
text-align: justify;
font-weight: normal;
}

#contentcolumn p {
font-size: 0.8em; 
font-family: arial, verdana, sans-serif;
text-align: justify;
}

#contentcolumn ul{
  font-size: 0.8em; 
	font-family: arial, verdana, helvetica;
	font-weight: normal;
	text-align: left;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: #69BEEE;
}

#rightcolumn p {
font-size: 0.7em; 
font-family: Tahoma,Arial,Helvetica,sans-serif;
}

#rightcolumn h1 {
font-size: 0.8em; 
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-weight: bold;
}

#rightcolumn h2 {
font-size: 0.7em; 
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-weight: bold;
}

#footer{
clear: left;
width: 100%;
background: #69BEEE;
padding: 4px 0;
font-size: 0.5em; 
font-family: verdana, geneva, sans-serif;
color: white;
font-weight: normal;
letter-spacing: 2px;
text-align: center;
}

#footer a{
color: white;
text-decoration: none;
}

#footer a:hover{
color: white;
text-decoration: underline;
}

td.cell {
	font-family: arial, verdana, sans-serif;
	color: black; 
	font-size: 0.8em;
  text-decoration: none;	
}

td.boldcell {
	font-family: arial, verdana, sans-serif;
	color: black; 
	font-size: 0.8em;
  text-decoration: none;	
	font-weight: bold;
}

td.twentyfive {
font-size: 0.8em; 
font-family: arial, verdana, sans-serif;
vertical-align: top;
color: black; 
width: 25%;
}



.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}



/* ---------------------- Bluewax nav ---------------------- */
.blue #waxcontainer{position:relative;height:48px;background:#69BEEE;width:100%;font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;}
.blue #waxnav{position:relative;height:25px;font-size:11px;font-weight:bold;background:#fff url(bluewax_bottom.gif) repeat-x bottom left;}
.blue #waxnav ul{margin:0px;padding:0 0 4px 0;list-style-type:none;width:auto;float:right;}
.blue #waxnav ul li{display:block;float:left;margin:0 1px;}
.blue #waxnav ul li a{display:block;float:left;color:#003858;text-decoration:none;padding:0 0 0 12px;height:21px;line-height:195%;}
.blue #waxnav ul li a span{padding:0 12px 0 0;}
.blue #waxnav ul li a:hover,.blue #waxnav ul li a.current{color:#fff;background:#1D6893 url(bluewax_navtopleft.gif) no-repeat top left;}
.blue #waxnav ul li a:hover span,.blue #waxnav ul li a.current span{display:block;width:auto;background:#1D6893 url(bluewax_navtopright.gif) no-repeat top right;}