/* CSS Document */
html, body, ol, ul, p, h1, h2, h3, h4, h5, h6, form, fieldset{ /* ZEROING OUT full list of elements html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset */
margin: 0;
padding: 0;
border: 0;
}
* {margin: 0;padding: 0;}
html, body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
height:100%;

}
/*main modules*/
#container {
	width:760px;
	margin:auto;
	position: relative;
	height: 500px;
	background-color: #fff;
	padding: 0px 0px -23px 0px; /* -23 now for the value of the height of the bottom gradient image div */
    border: 1px solid #003366;
}
/*IE will ignore this, for Firefox only*/
html>body #container
{ 
height: auto; 
min-height: 500px; 
}  
#header {
	background-color: #00529b;
	height: 76px;
	width: 760px;
   }
#subheader {
	height: 25px;
	background-color: #99cc66;
	border-top: 1px solid #FFFFFF;
   }
#maincontent {
   padding: 43px 72px 40px 47px;
   height: auto;
   }   
.content_left {
   float: left;
   padding-right: 36px;
   width: 210px;
   height: 320px;
    }
.content_left_noheight {
   float: left;
   padding-right: 36px;
   padding-bottom: 40px;
   width: 210px;
}	
.content_right {
    width: 395px;
   height: auto;
   }	
#footer {
    width:742px;
	margin:auto;
	position: relative;
	background-color: #00529b;
	color: #FFFFFF;
	font-size: 10px;
	height: 20px;
	padding: 2px 10px 0px 10px;
	}
#footer a{
color: #ffffff;
}
#footer a:link, #footer a:visited
{text-decoration: underline}
#footer a:hover
{text-decoration: none}	   
.float_right {float: right;}
.float_left {float: left;}   
ul {margin: 10px 0px 0px 30px;}   
a {color: #00529b;}
a:link, a:visited {text-decoration: underline}
a:hover {text-decoration: none}	   
h1 {color: #990033;
    font-weight: bold;
	font-size: 11px
}  
form  {margin-left:250px;}
fieldset {
	padding: 0px 15px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: none;
 }
 label {
	float: left;
	width: 9em;
	font-weight: bold;
	text-align: left;
	padding-right: 6px;
 }	 
  input, select {
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #E8E8E8;
	border: 1px solid #cccccc;
	padding-left: 2px;
	margin-bottom: 2px;
} 
input#image {
   width: 72px;
   border: 0px;
   padding-top: 10px;
   background-color:#FFFFFF;
   padding-left: 105px;
   }
#clear {clear:both;}
#positionsList {margin:20px 25px 35px 250px;}
#positionsList ul {list-style-type: square; }
#positionsList li {padding-left:0; margin-bottom:7px;}
.ContentLogo {margin:0 70px 35px 0; float:left;}
*html .ContentLogo {margin-bottom:5px;}
.toplink {margin:10px 10px 45px 0px;}
.marginfix {margin-left:240px;}
.callout {	
	color: #00529b;
	/*border: dotted 1px #cccccc;*/
	padding:4px 7px 6px 7px;
	margin:7px 30px 14px 240px;
}
.callout img {float:left; margin-right:5px; margin-bottom:50px;}