
* {margin: 0; padding : 0}
html { min-height:100%; margin-bottom:1px; } /* add scrollbar to short pages */ 
body 
{
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font : 1em;
}

#container
{position: relative;
width: 800px;
margin: 0px auto;
background-image :url(images/bkg.gif);
background-color: #ffffff;
border-right: 1px solid #050B64;
border-left: 1px solid #050B64;
border-bottom: 1px solid #050B64;
}

#header{
	height:150px;
	width:100%;
	background-image: url(images/header.gif);
	background-color: #ffffff;
	background-repeat: no-repeat;
} 

p{
	font-size: 80%;
	padding-bottom : 12px;
}
H1
{
font-size: 120%;
color: #050B64;
padding-bottom : 12px;
}

H2
{
font-size: 110%;
color: #050B64;
padding-bottom : 12px;
}
H3
{
font-size: 100%;
color: #050B64;
padding-bottom : 12px;
}

#leftcol
{
	float: left;
	width: 130px;
	margin: 0px;
	padding: 10px;
	background-color: transparent;
	}
.dashed
{
	margin: 0;
	padding: 10px 8px 10px 8px;
	border: thin;
	border-style : dashed;
	background-color : #E4EAEF;
	border-color : #B5C4D4;
	text-align: left;
	clear : both;
}
#content
{
float: left; 
width: 590px; 
  		 text-align: left;
	padding: 20px 0px 0px 20px;
	margin:0; /* add margin */
	background-color: transparent;
	}
#contentns
{
float: left; 
width: 570px; 
  	
	 text-align: left;
	padding: 20px 20px 0px 20px;
	margin: 0px; 
	background-color: transparent;
	}
	#overflow
{
clear: both;
background-color:#FFFFFF;
width:570px;
height:360px;
Padding: 0px 20px 0px 0px;
overflow: scroll;
}

#footer
{clear:both; 
	background-color: #E4EAEF;
	padding-top: 4px;
	height: 24px;
	text-align: center;
}
#navcontainer
{
background: #050B64;
margin: 0 auto;
padding: 4px 0 4px 0;
font-family: arial, sans-serif;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%;
font-size: 13px;
Text-align: center;
}

ul#navlist li
{
display: block;
float: left;
width: 15%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.2em;
border-width: 1px;
border-color: #fff #B5C4D4 #E4EAEF #fff;
border-style: solid;
color: white;
text-decoration: none;
background: #050B64;
}

#navcontainer>ul#navlist li a { width: auto;
														  background: transparent; }

ul#navlist li#active a
{
background: #E6F0E5;
color: #050B64;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #E6F0E5;
background: transparent;
border-color: #E6F0E5 #E6F0E5 #E6F0E5 #E6F0E5;
}
.right
{
float: right;
}
 .left
 {
 float: left;
 }
 ul
 {
 font-size: 80%;
 padding-left:20px;
 }
 li
 {
 padding-bottom : 12px;
 }
 ul ul
 {
 font-size: 100%;
 }
 td.career
 {
 padding-left: 12px;
 }



