@import url("rollover.css");


/*  Body and Boxes
============================================= */
html, body { padding: 0; }
body {
    text-align: center;
    background: #F1AB00 url(bg2.gif) top left repeat-x; }
	
.homelink:a {
    padding: 0;
	border: 0;
	background-color: #FFF;
	overflow: hidden;
 }
 
.homelink:visited {
    padding: 0;
	border: 0;
	background-color: #FFF;
	overflow: hidden;
 }

#mainframe {
    width: 762px;
    height: 594px;
    padding: 0;
    overflow: hidden;
    margin: 0 auto;
    background-color: #FFF;
    text-align: center;
	z-index:0; }
	
#indexframe {
    width: 762px;
    height: 444px;
    padding: 0;
    overflow: hidden;
    margin: 0 auto;
    background-color: #FFF;
    text-align: center;
	z-index:0; }
	
#indexbox {
    padding: 0;
    overflow: hidden;
	border: 0;
	background-color: #FFF;
    float: left;
	z-index:0; }			
	
#frame {
    width: 754px;
    padding: 0;
    margin: 6px;
    background-color: #fff;
    text-align: left; }
   
#coverheader {
    width: 750px;
    height: 84px;
    overflow: hidden;
    padding: 0;
    background: #1A5AA2 url(Topbar.gif) top center no-repeat; 
    margin: 0; }
    
	#coverheader p {
		padding: 9px 0 0 0;
		margin: 0 0 0 22px;
		font: normal 9px "Verdana", sans-serif;
		line-height: 17px;
		color: #fff;
		float: right;
		width: 136px; }
	
	#coverheader p a{
		color: #fff; 
		text-decoration: none;}
	
	#coverheader p a:hover{
		color: #BDDAFA; }
		
#billboard1 { 
	width: 267px !important;
  	width /**/:750px;
	height: 79px !important;
  	height /**/:204px;
	float: left;
	padding: 125px 0px 0px 483px;
	position: relative;
	top: 0px;
	left: 0px;
	background: #F1AB00 url(EmployeeBG1.jpg) top left no-repeat; }
	
#billboard2 { 
	width: 267px !important;
  	width /**/:750px;
	height: 72px !important;
  	height /**/:204px;
	float: left;
	padding: 132px 0px 0px 483px;
	position: relative;
	top: 0px;
	left: 0px;
	background: #F1AB00 url(EmployerBG1.jpg) top left no-repeat; }
	
#billboard3 { 
	width: 267px !important;
  	width /**/:750px;
	height: 72px !important;
  	height /**/:204px;
	float: left;
	padding: 132px 0px 0px 483px;
	position: relative;
	top: 0px;
	left: 0px;
	background: #F1AB00 url(GovernmentBG1.jpg) top left no-repeat;
	z-index:0; }
	
#billboard4 { 
	width: 600px;
	height: 144px;
	float: left;
	background-color: #F1AB00; }
	
#servicestrip { 
	width: 258px !important;
	width /**/:600px;
	height: 50px !important;
	height /**/:72px;
	float: left;
	padding: 0px 0px 0px 0px;}
	
#ad1 {
	width: 128px !important;
  	width /**/:150px;
	height: 48px !important;
	height /**/:72px;
	font: bold 10px/12.5px verdana, arial;
	color: #BDDAFA;
	padding: 13px 11px 11px 11px;
	float: right;
	background: #1A5AA2 url(adbg2.gif) top left no-repeat; }
	
#ad1 a { color: #BDDAFA; text-decoration: none;} 
	
#ad2 {
	width: 128px !important;
  	width /**/:150px;
	height: 48px !important;
	height /**/:72px;
	font: bold 10px/12.5px verdana, arial;
	color: #BDDAFA;
	padding: 13px 11px 11px 11px;
	float: right;
	background: #1A5AA2 url(adbg1.gif) top left no-repeat; }

#ad2 a { color: #BDDAFA; text-decoration: none;} 
	
#bottombox { 
	width: 276px !important;
	width /**/:300px;
	height: 150px;
	padding: 60px 12px 12px 12px;
	font: normal 11px/14px arial,verdana;
	color: #585858;
	float: left; 
	background: #FFF url(bottom1.gif) top left no-repeat; }
	
#bottombox2 { 
	width: 300px;
	height: 150px;
	float: left;
	background: #FFF url(bottom2.gif) top left no-repeat; }
	
#footer {
	font: normal 9px/13px verdana,arial,sans-serif;
	color: #9D6F04;
	padding-top: 9px;}
	
#footer a{
	color: #9D6F04; 
	text-decoration: none;}
	
#footer a:hover{
	color: #fff; 
	text-decoration: none;}
	
  
        
	   
/*  Headers
============================================= */

h1 {
    width: 150px;
    float: left;
    height: 108px;
    padding: 0;
    margin: 0; }
    
h1 a {
	width: 150px;
    float: left;
    height: 108px;
    display: block;
    text-decoration: none;
    text-indent: -9000px; } 
	
h2 {
    display: block;
    width: 300px;
    float: left;
    height: 150px;
    padding: 0;
    margin: 0; }
    
h2 a {
    display: block;
    width: 300px;
    float: left;
    height: 150px;
    text-decoration: none;
    text-indent: -9000px; }
	
h3 {
	width: 215px;
	height: 36px;
	padding: 0;
	margin: 0; }

h3 a {
	width: 215px;
	height: 36px;
	display: block;
	text-decoration: none;
    text-indent: -9000px; }	

    
    
    
/*  Navigation
============================================= */ 

#topnavigation ul {
    display: block;
    width: 450px;
    float: left;
    position: relative;
    left: 0px;
    top: 5px;
    padding: 0;
    margin: 0;
    list-style: none;
    background: transparent;
    height: 24px; }
    
#topnavigation ul li {
    display: block;
    float: left;
    height: 24px;
    padding: 0;
    background: #236EAF;
    margin: 0; }
    
#topnavigation ul li a {
    display: block;
    float: left;
    height: 24px;
    padding: 0;
    margin: 0;
    background: #236EAF;
    color: #999; }
    
 
#sectionbox {
	display: block; 
	width: 150px;
	height: 150px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #D7E9FC url(navigation/sectionsbg.gif) top center repeat-y;}
	
	 ul#sectionlist {
	 	padding: 0;
		padding-top: 24px;
		margin: 0;
		font: normal 11px verdana, arial;
		color: #527FBD;
		background: #D7E9FC;
		text-align: left; } 

	ul#sectionlist li {
		list-style: none;
		color: #297CB8;
		height: 24px;
		margin: 0;
		padding: 0; }
		
	ul#sectionlist li a { 
		display: block;		
		border: 0;
		width: 129px !important;
  		width /**/:150px;
		padding:  4px 8px 5px 12px;
		text-decoration: none;
		border-bottom: #9FC7F7 1px solid; 
		color: #527FBD;
		text-align: left; }
		
	ul#sectionlist li a:hover {
		display: block;
		background-color: #fff; 
		border-bottom: #fff 1px solid; 
		padding-bottom: 5px; }
		
	ul#sectionlist #nav-gov a {
		display: block;
		background-color: #fff; 
		border-bottom: #fff 1px solid; 
		padding-bottom: 5px; }
		
		
		
	#coverdrop {
		position:absolute;
		top:154px;
		left:488px;
		z-index:100;
		overflow: hidden;			
		background: #fff url(navigation/dropdown_bg.gif) top left repeat-x;
		width: 208px !important;
	    	width /**/:213px;
		text-align:center;
		display:none;
		border-bottom: 1px solid #cdcdcd;
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;  }
		
		#coverdrop  ul {
			width: 208px !important;
  		    width /**/:203px;
			list-style: none;
			text-align: left;
			margin:10px 0px 10px 0px;
			padding: 0;
			border: 0px solid #fff; }
		
		#coverdrop li {
			font: normal 10px verdana, arial;
			color: #297CB8;
			height: 20px;
			padding: 0px 0px 0px 10px;
			margin: 4px 5px 0px 5px;
			border-bottom: 1px solid #cdcdcd;
			vertical-align:middle;
			}
			
		#coverdrop li a { 
			color: #297cb8;
			text-decoration: none;}	
		
		
		
				
/*  text
============================================= */ 

.white { color: #fff; }