/*** The Essential Code ***/
	
/* NAVIGATION */
ul#mainNav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px dashed #999999;
}


#mainNav a {
	text-decoration: none;
	color: #000000;
	font-size: .9em;
	border: 1px dashed #999999;
	border-bottom: none;
	display: block;
	padding: 7px 5px 7px 30px;
	background: #c596c5 url(images/link.png) no-repeat left center;
}

#mainNav a:hover {
	font-weight: bold;
	background: #f9f9a8;
}
/*took out the Number sign Before the main Nac below*/

mainnav a:visited {
	font-weight: bold;
	background: #05cafb;
}
	
/*special formatting for home page link */

a#homeLink {
	background: #58e6fb;
}

/* styles for the "you are here" buttons */
#home #mainNav a#homelink,
#h2o #mainNav a#h2o  {
	background: #58e6fb url(images/bg_here.png) no-repeat 95% 50%;
	padding-right: 15px;
	padding-left: 30px;
	font-weight: bold;
}

#home #mainNav a#homelink:hover,
#h2o #mainNav a#h2oLink:hover {
	color: #58e6fb;
}
h2 {
	font-size: 1.5em;
}
p {
	font-size: 1.0em;
}


/* IE Fixes */

/* remove annoying gaps */
#mainNav li {	
	display: inline; 
}

/* force hover on entire width of  link */
* html #mainNav a {
	height: 1px;
}
		
		
			
			body {
				min-width: 630px;        /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
				margin: 0;
				padding: 0;
			}
	
			#container {
	padding-left: 200px;      /* LC fullwidth */
	padding-right: 190px;
			}
.photo {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #006600;
	border: 2px dashed #000099;
}
/*The next class is for botom of the page referance  info and can be put in the head of the html it self if it is not neded for all p-ages remember size dos count for loading tim!*/
.referAddtionalInfo {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .65em;
	float: left;
	width: 75%;
	bottom: 50px;
	clear: both;
	visibility: visible;
	left: 55px;
	display: inline;
	top: -186px;
	right: 0px;
	padding: 5px;
}

.table {
	float: left;
	border: 2px groove #003300;
	position: relative;
	visibility: visible;
	width: 20%;
	top: 0px;
	clear: none;
	padding-top: 80px;
	padding-left: 2px;
}
.regTable {
	float: left;
	clear: none;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	color: #000000;
}

			
			#container .column {
				position: relative;
				float: left;
			}
.regTaleh2o {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000099;
	position: relative;
}

			
			#center {
				padding: 10px 20px;       /* CC padding */
				width: 100%;
				z-index:10;
			}
			
			#left {
				width: 180px;             /* LC width */
				display: inline;		/* IE Fix */
				padding: 5px 10px;          /* LC padding */
				right: 240px;             /* LC fullwidth + CC padding */
				margin-left: -100%;
				background-image:url(../images/global_imgs/nav_imgs/left_sidebar2.jpg)
				
			}
.floatL {
	float: left;
}
.floatL_c_r {
	clear: left;
	float: left;
}
.floatL_c_l {
	clear: left;
	float: left;
	margin: 5px;
	padding: 5px;
	border: thin inset #000000;
}
.floatL_c_l_padL {
	clear: left;
	float: left;
	left: 0px;
	margin: 7px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: auto;
	width: auto;
}




			.ul_left_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	padding-left: 5px;
}
			
			#right {
				width: 130px;             /* RC width */
				padding: 0 10px;          /* RC padding */
				margin-right: -100%;
				background-image: url(../images/global_imgs/nav_imgs/right_sidebar2.jpg);
				text-align: left;
			}
			
			#footer {
	clear: both;
	background-image: none;
	background-position: bottom;
	float: none;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 100px;
			}
			
			/*Image  text box*/
			
			img.figure {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #66FFFF;
			}
			.figure img {
			 border: 1px solid #666;
			 padding: 10px;
			 }
			 div.figure {
	float: right;
	width: 332px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
			 }
			 .figure p {
	color: #333;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: normal;
	height: auto;
	width: 332px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
			}
			/*** IE Fix ***/
			* html #left {
				left: 150px;              /* RC fullwidth */
			}
			
			* html #footer {
				zoom: 1;
	}
			/*** Equal-height Columns ***/
	
			#container {
	overflow: hidden;
	height: auto;
			}
.img_flot_loc {
	clear: right;
	float: left;
	right: 270px;
}
	
			#container .column {
				padding-bottom: 1001em;     /* X + padding-bottom */
				margin-bottom: -1000em;     /* X */
			}
			
	#dropQ {
	width: 200px;
	float: right;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 5px;
	border: solid 3px #CAFAFF;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 7px;
	background-image: url(../images/h2o-imgs/boy_h2o_bot_s.jpg);
	background-color: #FFFFFF;
			}
	.imgSft {
	float: right;
	clear: left;
	border: 0px none #333333;
	padding: 5px;
	display:inline;
	margin: 5px;
	}
	.imgSftl {
	float: left;
	clear: left;
	margin: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	visibility: visible;
	overflow: visible;
		}
		
		.img_flt_l {
	float: left;
	clear: none;
	margin: 0px;
	display:inline;
	zoom: 1;
}
		.imgApslt {
	visibility: visible;
	overflow: visible;
	clear: left;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}
			/*** Footer Fix ***/
	
			* html body {
				overflow: hidden;
			}
			
			* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #FFF;
			}
			#water_pix {
				float: right
			}
	
			/*** Just for Looks ***/
	
			body {
	margin: 0;
	padding: 0;
	background: #FFF;
	min-width: 750px;
	max-width: 1200px;
			}
	
			#header, #footer {
	font-size: large;
	text-align: center;
	padding: 0.3em 0;
	background-image:url(../images/global_imgs/banner_imgs/header_bg_the1_s.jpg);
	background-color: #e9e8f7;
	
			}
			#header {
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	background-color: #e9e8f7;
			}
	
			#center {
				background: #fbf5de;
			}
			#right {
				text-align: left;
				background-image:url(../images/global_imgs/nav_imgs/right_sidebar2.jpg)
			}
			#container .column {
	padding-top: 1em;
	text-align: left;
	background-repeat: no-repeat;
	list-style-type: square;
}