@charset "utf-8";
/* CSS Document */

html, body {
    height: 100%;
	background:#e8f4f1;
	font-family:Arial, Helvetica, sans-serif;
}



div.centeringCont {
	position:relative;
	left:50%;
	min-height:100%;
	width:760px;
	margin-left:-380px;
	height: 100%;*/
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;	
	margin-top:-8px;
	height:100%;
	
	
	
	
}

div.container{
	/*left:50%;	
	margin-left:-380px;
	position:relative;
	width:720px;*/
	/*FIrefox and IE interpret the height 100% and top positioning differently...will most likely need to have multiple stylsheets 	
	top:-8px; this woorks with Firefox PC*/
	float:left;
	clear:both;
	top:-14px; /*ie 6*/
	min-height:100%;
	background: #fff url("../images/container_back.jpg");
	background-repeat:repeat-y;
	padding:0px 21px 0px 19px;
	height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
		}
	
html>body #container {
    height: auto;
	}
	
	
div.content{ 
	width:720px;
	float:left;	
	}


	
div.header {
	width:720px;
	height:123px;
	float:left;
	}

div.sideNav {
	float:left;
	width:118px;
	height:407px;
	background:url("../images/side_nav_back.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	
	padding:20px 15px 150px 15px;
		/*border:solid 1px blue;*/

}

div.sideNav a{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:bold;
	text-decoration:none;
	}

div.sideNav a:hover{
	color:#8bd2c3;
	text-decoration:none;

}

div.sideNav div.subMenu { font-size:.75em; margin:5px 0px 0px 10px; padding:0px;}
div.mainContent{
	width:532px;
	float:right;
	height:auto;
	padding:20px 15px 100px 25px;
	/*border:solid 1px green;*/
	}

div.mainContent h1, div.mainContent h2, div.mainContent h3, div.mainContent h4, div.mainContent h5, div.mainContent h6 {
	color:#40b49c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	}

div.mainContent h1 {
	font-size:.9em;
	line-height:1.5em;
	font-weight:800;
	margin:15px 0px 5px 0px;
}

div.mainContent h2{
	font-size:.85em;
	line-height:1.3em;
	font-weight:800;
	margin:15px 0px 5px 0px;
	
}
div.mainContent h3, div.mainContent h4, div.mainContent h5, div.mainContent h6 {
font-size:.8em;
	line-height:1.0em;
	font-weight:800;
	margin:15px 0px 5px 0px;
	
}

div.mainContent h6{
	font-size:.85em;
	line-height:1.3em;	
	font-weight:800;
	margin:0px 0px 5px 0px;
	
}
div.mainContent a{
	color:#40b49c;
	}
	
div.mainContent a:hover {
	color:#8bd2c3;

}

div.mainContent p {
	font-size:.8em;
	color:#333333;
	margin-top:5px;
	margin-bottom:5px;
	}
div.mainContent ul, div.mainContent ol{
	font-size:.8em;
	color: #333333;
	margin-top:10px;
	margin-bottom:10px;	  
	}


	
div.sideNavBack{
	float:left;
	background:url(../images/side_nav_repeat.jpg);
	background-repeat:repeat-y;
	height:407px;
	height:auto;
	
}

div.gifBarTop {
	float:left;
	width:720px;
	height:11px;
	}

div.gifBar {
	float:left;
	width:720px;
	height:96px;

}

div.gifBarBottom {
	float:left;
	width:547px;
	height:25px;
	background:url(../images/gifBarBottom.jpg);
	font-size:1em;
	padding:5px 0 0 173px;
	color:#3db199;
	font-weight:bold;
}

div.footer{
	float:left;
	bottom:0px;
	width:720px;
	height:113px;
	background:#FFFFFF url("../images/footer.jpg");
	background-position:50% 100%;
	background-repeat:no-repeat;
	clear:both;
	
	}
	
div.clear {
	clear:both;
	float:left;
	width:720px;
	
	}
#ctl00_lblHeading{
	font-size:17px;
	}
div.wrapper{
	width:720px;
	}