body
{	background-color: rgb(211,218,237);
}

h3 {
	font-size: 12px;
	margin-bottom: 0.5em;
	font-family: Tahoma;
	
}
#h3sForm fieldset {
	display: block;
	margin: 0px;
	width: 630px;
	background-color: #3A76B1;
	text-align: center;
	padding: 1em;
}
#h3sForm fieldset.submit {
	border-style: none;
	background-color: transparent;
	font-family: Tahoma;
	font-size: 12px;
	text-align: center;
	width: 30px;
	text-align: center;

}
#h3sForm fieldset.radio {
	margin: 1em 0px 2em; 
	width: 595px; 
	background-color: #dddddd; 
}
#h3sForm fieldset.radio input {
	clear: both; float: left; width: auto
}

#h3sForm fieldset.radio submit {
	border-style: none;
	background-color: transparent;
	font-family: Tahoma;
	font-size: 12px;
	text-align: center;
	width: 30px;
	text-align: center;
}

#h3sForm fieldset.radio label {
	font-weight: normal;
}

#h3sForm fieldset.radio li{
	font-family: Tahoma;
	font-size: 12px;
        
}

#h3sForm input {
	display: block;
	width: 15em;
	font-family: Tahoma;
	font-size: 12px;

}
#h3sForm label {
	display: block;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;

}
#h3sForm select {
	display: block;
}

#h3sForm CHECKBOX {
	display: block;
}


#navcontainer
{
	padding: 0;
	background: #3A76B1;
	height: 20px;
	width: 674px;
	position: relative;
	background-color: #3A76B1;
}

#navlist
{
	margin: 0px;
	padding: 0px;
	display: block;
}

#navlist li
{
	list-style: none;
	float: left;
}

#navcontainer a, #navlist li.extend
{
	margin: 0px;
	display: block;
	border-top: 1px solid #333;
	padding: 1px 6px;
	text-decoration: none;
	background: #3A76B1;
	font: normal 12px verdana, serif;
	color: #FFFFFF;
}

#navcontainer a#current
{
	padding: 1px 5px;
	background: #FAFAFA;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-top: 1px solid #FAFAFA;
	border-bottom: 1px solid #333;
	color: #000;
}

#navcontainer a#current
{
	background: #F6F6F6;
	border-top: 1px solid #F6F6F6;
	font-weight: bold;
}

#navcontainer li#inactive
{
	margin: 0px;
	display: block;
	border-top: 1px solid #333;
	padding: 1px 6px;
	text-decoration: none;
	background: #3A76B1;
	font: normal 12px verdana, serif;
	color: #FFFFFF;
}


#navcontainer li#active
{
	border-right: 2px solid #828282;
	border-bottom: 2px solid #828282;
}


/* CSS showing layers when hovering  */
a.screen, a.screen:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003366;
	text-decoration: none;
	position:relative; 
	z-index:100;
}
a.screen b {
	position:absolute;
	visibility:hidden; /* hide the image */
	width:80px; /* give it a width */
	height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
	/*border:1px solid #000; */ /* removed image border */
	left:-200px; /* position the image */
	top:30px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003366;
	font-weight: normal;

}
a.screen:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003366;
	font-weight: normal;
	border:0; /* needed for this to work in IE */ 
	z-index:1000;
}
a.screen:hover b {
	visibility:visible; /* make the image visible */
	/*height:180px;*/ /* now give it a height */
	cursor:pointer; /* for IE */
	z-index:500; 
}
a.screen:hover b img {
	border:0; /* remove the link border */
}
a.screen img {
	border:0; /* remove the link border */
}

a.screen div {
	background:#F6F6F6;
	border:1px solid #336; 
	width:280px; padding:4px;
	color:#000; font-size:11px;
	line-height:1.2;
	display:block;
	z-index:500;
}
