html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.3;
	margin:0;
	padding:0;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

#container ul, #container ol, #container li {
	margin-top: 10px;
	line-height: 1.5em;
	padding-left: 0px;
	margin-left: 5px;
}


em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted #bbb;
	cursor: help;
}

a abbr {
	border: none;
}

address {
	margin: 0;
	padding: 0;
	font-style: normal;
}

/* links
---------------------------------------------------------- */

a:link, a:visited {
	color: #993300;
}

a:hover {
	color: #FF9900;
}

a.selected {

}


a img {
	border: none;
}

/* 
Title:			H2O Layout
Created:		9/13/2007
Modified:	


/* page structure
---------------------------------------------------------- */

#container {
	position: relative;
	margin: 0 auto;
	width: 750px;
	line-height: 1.4em;
}

/* header
---------------------------------------------------------- */

#logo {
	position:absolute;
	left:120px;
	top:11px;
	width:104px;
	height:107px;
}
#topNav {
	position: absolute;
	top: 145px;
	padding:0;
	list-style: none;
	width: 180px;
	margin:0;
	font-size: 12px;
	line-height:130%;
	z-index: 150;
	left: -70px;
}
#topNav a{ text-decoration:none; font-size:12px;}
#headerintro {
	position:relative;
	top:109px;
	background-image: url(../img/wc_tableTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	background-color: #457AFF;
	width: 601px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	z-index: 99;
	font-size: 11px;
	float: right;	
}
#wc {
	position:relative;
	background-color: #D6F0F2;
	background-image: url(../img/wc_tableBG.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-position: left bottom;
	line-height: 1.5;
	padding: 15px;
	font-size: 14px;
	width: 561px;
}

#wcScore {
	background-color: #D6F0F2;
	background-image: url(../img/bg_score.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-position: center top;
	line-height: 1.5;
	padding: 50px;
	font-size: 14px;
	text-align: center;
}
#wcResult {
	position:relative;
	background-color: #D6F0F2;
	background-image: url(../img/icon_wc.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-position: 450px 30px;
	line-height: 1.5;
	padding: 15px;
	font-size: 14px;
}

#imagebox {
	position:relative;
	text-align: right;
	padding-top: 10px;
}
#base {
	position:relative;
	height:42px;
	background-color: #457AFF;
	background-image: url(../img/wc_tableBtm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: right;
	padding: 15px;
	width: 601px;
	top: 109px;
	float: right;
}
#footer {
	position:relative;
	left:85px;
	width:628px;
	height:32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	top: 110px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#sign {
	position:absolute;
	width:250px;
	background-image: url(../img/wc_tableSign.gif);
	background-position: right top;
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 55px;
	padding-right: 25px;
	right: 0px;
	top: 45px;
	visibility: visible;
	z-index: 1;
}
#sign2 {
	position:absolute;
	width:250px;
	background-image: url(../img/wc_tableSign.gif);
	background-position: right top;
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 0px;
	right: -30px;
	top: 0px;
	visibility: visible;
	z-index: 1;
	height: 37px;
	vertical-align: baseline;
	white-space: nowrap;
}
#AddQuestion {
	position:relative;
	color: #333333;
	text-align: left;
	visibility: visible;
	top: 5px;
}

#step {
	position:relative;
	color: #666666;
	text-align: left;
	top: 10px;
	background-image: url(../img/bg_pro.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#wc_container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	line-height:18px;
	position: relative;
	margin: 0;
	width: 458px;
	color: #50697B;
	background-image: url(../img/wc_top.gif);
	background-repeat: no-repeat;
	background-position: 0 top;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #457AFF;
}
#container #headerintro .Intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../img/wc_tableSign.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 10px;
	padding-bottom: 10px;
}
.question {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	line-height: 1.3;
	padding-bottom: 10px;
	padding-top: 15px;
}
.Qa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;	line-height: 1.5;
	padding: 10px;
}
#Qa ul {
	padding: 0;
	border-top: dotted 1px #999999;
	list-style-image: url(../img/drop.png);
	list-style-position: outside;
	margin-left: 20px;
}

#Qa li {
    list-style-type: none;
}

#Qa  ul Li{
	font-size:13px;
	text-align: left;
	padding : 5px;
	line-height:1.5em;	
}
#Qa  ul Li a {
}

#Qa  ul Li a:hover{
	
}
.quiz ol{padding:0; margin:0; }
.quiz LI {
	padding-left:5px;
	margin-left:27px;
	cursor:pointer;
	width:auto;
	text-indent: -37px;
}
.quiz li a {}
.quiz li a:hover { list-style-image: url(../img/btnx.png);}
#answer {
	position:absolute;
	z-index:1;
	top: 10px;
	right: -200px;
	width: 200px;
	float: right;
	display: inline;
	visibility: visible;
	padding: 5px;
	filter: Dropshadow(Color=#003399, OffX=3, OffY=3, Positive=1);
	background-color: #fff;
	font-size: 14px;
	border: 2px solid #457AFF;
}
#answer .info {
	border:#ccc 1px solid;
	font-size:12px;
	color:#000;
	text-align:left;
	line-height: 150%;
	width: 190px;
	height: 230px;
	padding:5px;
	overflow: scroll;
	display: block;
}

.header {
   font-size: 24px;
   color: #457AFF;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #457AFF;
   font-weight: bold;
   line-height: 18px;
   background-repeat: no-repeat;
   background-position: left top;
}

.subheader {
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	background-color: #FFCC00;
	text-align: center;
}
.topicBody {font-size: 13px;
   color: #666666;}


#imageHandler {
	margin: 0;
	vertical-align:top;
	position:relative;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: nowrap;
	height: 150px;

} 
#imagebox {
	margin: 0;
	vertical-align:top;
	position:relative;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: nowrap;
	height: 150px;

}


#imageboxA {    position: relative;
	     width: 180px;
	     float: left;
	     text-align: center;
	}
#imageboxB {    position: relative;
	     width: 180px;
	     float: left;
	     text-align: center;
	}	
#imageboxC {    position: relative;    width: 180px;    float: left;    text-align: center; }     
 
#caption {
	color: #666666;
	padding: 5px;
	border: 5px solid #457AFF;
	width: 400px;
	background-color: #FFFFFF;
	position: relative;
	margin-top: 8px;
	margin-right: 40px;
	margin-bottom: 8px;
	margin-left: 40px;
}

.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
.white_content {
			display: none;
			position: absolute;
			top: 50px;
			right: 10px;
			width: 400px;
			font-size:12px;
			line-height:1.3;
			padding: 5px;
			background-color: #578bff;
			z-index:1002;
			overflow: auto;
		}
.errorP{font-size:12px; color:#FF3300; font-weight:bold;}
.legal {font-size:9px}
#btn{
	position:relative;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: nowrap;
	
}
.btn {
	color:#FFFFFF;
	font-weight:bold;
	background-color: #FF9900;
	border: outset 1px #CCCCCC;
	margin: 0px;
	padding: 0px;font-size:12px;
}
/* navigation
---------------------------------------------------------- */

#nav {
	position: absolute;
	top: 190px;
	padding:0;
	list-style: none;
	width: 180px;
	margin:0;
	font-size: 12px;
	line-height:130%;
	z-index: 150;
}
#nav #issue {
	padding: 10px;
}
#nav #issue p {
	margin: 5px 0 10px 0;
	padding: 0;
}

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
	font-size: 105%;
}
#sitemap{padding:10px;}
#sitemap li{margin:1px 0;
	line-height:160%;
float:left;
	width:100%; background-color:#d8eff8; list-style:none;	display:inline;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{}

#sitemap li a{padding-left:5px; margin-left:20px; color:#333333; cursor:pointer;}
#sitemap li a:hover { display:block; background-color:#BEE4F3;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;height:10px;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{} 
#sitemap li span.expanded{}


/* etc. */

/* float fix */

#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
#sitemap ul{display:none;}

/* main
/* en : corner styel blue, This DIV also acts as a container*/
.upperleft{
	width : 100%;
	margin-left : auto;
	margin-right : auto;
	background-color : #BEE4F3;
	background-image : url('../img/upperleft.png');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright{
	background-image : url('../img/upperright.png');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('../img/lowerleft.png');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url('../img/lowerright.png');
	background-repeat : no-repeat;
	background-position : bottom right;
}
/* en : corner styel green*/
.upperleftG{
	width : 100%;
	margin-left : auto;
	margin-right : auto;
	background-color : #8ED349;
	background-image : url('../img/upperleftG.png');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperrightG{
	background-image : url('../img/upperrightG.png');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleftG{
	background-image : url('../img/lowerleftG.png');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerrightG{
	background-image : url('../img/lowerrightG.png');
	background-repeat : no-repeat;
	background-position : bottom right;
}
/* en : corner styel Blue*/
.upperleftB{
	width : 100%;
	margin-left : auto;
	margin-right : auto;
	background-color : #457aff;
	background-image : url('../img/upperleftB.png');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperrightB{
	background-image : url('../img/upperrightB.png');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleftB{
	background-image : url('../img/lowerleftB.png');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerrightB{
	background-image : url('../img/lowerrightB.png');
	background-repeat : no-repeat;
	background-position : bottom right;
}
/* Search
---------------------------------------------------------- */
#search {
	float:right;
	position: absolute;
	top: 70px;
	width: 250px;
	left: 520px;
}
#search  form{ 
	height:22px; display:inline;
}