/* CSS Document */
* {
	margin:0;
	padding:0;

}

body{

	  
}

img {
	border: 0;
}

#superContainer {
	position: relative;
	width: 840px;
	background: url(../images/bg_gradient.gif) repeat-y;
	margin: 0 auto;
}

#container {
			 position: relative;
			 width: 800px;
			 margin: 0 auto;
			 
			 
			 
}

#header {
			position: relative;
			float: left;
			width: 800px;
			height: 117px;
			font-family: Arial, Helvetica, sans-serif;
	        font-size:11px;
			color: #003366;
			background:url(../images/main_header.jpg) no-repeat;
}

#header p.right {
position: relative;
float: right;
padding: 20px 13px 0px 0px;
margin-right: -25px;
}

#search {
position: relative;
float: right;
padding: 5px 13px 0px 0px;
width: 200px;
}

#GO {

border: 0;
background:url(/workforce/images/go_btn.gif);
display: block;
width: 30px;
height: 30px;

}

#query {
	background: #f5f4e0;
}

#header a, a:active, a:visited { 
   	font-weight:normal;
	color: #003366;
	text-decoration: none;
}

#header a:hover {
		font-weight: normal;
    	color: #003366;
	    text-decoration: underline;
	
}				





#top_nav {
			position: relative;
			float: left;
			width: 800px;
			height: 36px;
			
}
#left {
	position: relative;
	float: left;
	width: 274px;
}

#onecall {
			  position: relative;
			  float: left;
			  width: 240px;
			  height: 70px;
			  font-family: Arial, Helvetica, sans-serif;
	          font-size:12px;
			  line-height: 15px;
			  color: #ffffff;
			  padding: 27px 17px 12px 17px;
			  background:url(../images/call_employer.jpg);
			 
}

#onecall <b> { 
				 height: 15px;
}			  
			  
			

#twocall {
			  position: relative;
			  float: left;
			  width: 240px;
			  height: 70px;
			  font-family: Arial, Helvetica, sans-serif;
	          font-size:12px;
			  line-height: 15px;
			  color: #ffffff;
			  padding: 27px 17px 12px 17px;
			  background:url(../images/call_job.jpg) no-repeat;
			  
}
			  
#twocall br { 

}			 

#threecall {
				position: relative;
				float: left;
				width: 274px;
				font-family: Arial, Helvetica, sans-serif;
	            font-size:12px;
				line-height: 15px;
				color: #003366;
				background:#ffffff;
}
#threecall h1 {
				 font-family: Arial, Helvetica, sans-serif;
				 font-size: 12px;
				 font-weight: bold;
				 line-height: 15px;
				 color: #003366;
}


#threecall p, #threecall img.space  {
margin: 0px 0px 8px 0px;
}

#threecall p, #threecall h1, #threecall h3 {
padding: 0px 16px 0px 17px;
}


#right {
	position: relative;
	float: left;
	width: 526px;
	background-color:#ffffff;
}

#mainImage {
				position: relative;
				float: left;
				width: 526px;
				height: 218px;
}

#mainContent h1 {
				 font-family: Arial, Helvetica, sans-serif;
				 font-size: 12px;
				 font-weight: bold;
				 line-height: 15px;
				 color: #003366;
}

#mainContent {
				 position: relative;
				 float: left;
			     width: 482px;
				 font-family: Arial, Helvetica, sans-serif;
				 font-size: 12px;
				 line-height: 15px;
				 color: #003366;
				 padding: 23px 27px 0px 17px;
				 background:#ffffff;
}

#mainContent p, #mainContent img.space  {
margin: 0px 0px 8px 0px;
}

#footer {
			position: relative;
			float: left;
			width: 640px;
			height: 40;
			color: #003366;
	        font-family: Arial, Helvetica, sans-serif;
		    font-size: 10px;
			line-height: 14px;
			padding: 12px 80px 0px 80px;
			background:url(../images/footer.gif);
			
}
#footer a:hover { 
    color: #003366;
	text-decoration: underline;
}

.gray { 
					
		color: #666666;
			
}
a, a:active, a:visited { 
    font-weight: bold;		
	color: #003366;
	text-decoration: none;
}

a:hover {

    font-weight: bold;		
	color: #003366;
	text-decoration: underline;
}					

#top_nav #nav{
	margin: 0;
	padding: 0;
	position: relative;
	/*position: absolute;
	left: 0;
	top: 94px; */
	height: 36px;
	width: 800px;
	background: transparent url(../images/navigation.jpg) top left no-repeat;
}
#top_nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	top: 0;
	position: relative;
}
#top_nav li, ul#nav a {
	height: 36px;
	display: block;
}
#top_nav li a {
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
}


#employ		{position:relative; width: 116px;}
#job		{position:relative; width: 120px;}
#wib		{position:relative; width: 172px;}
#staff		{position:relative; width: 144px;}
#pub    	{position:relative; width: 155px;}
#contact	{position:relative; width: 93px;}


#employ		a:hover{background: url(../images/navigation.jpg) 0 -36px no-repeat;}
#job		a:hover{background: url(../images/navigation.jpg) -116px -36px no-repeat;}
#wib    	a:hover{background: url(../images/navigation.jpg) -236px -36px no-repeat;}
#staff		a:hover{background: url(../images/navigation.jpg) -408px -36px no-repeat;}
#pub        a:hover{background: url(../images/navigation.jpg) -552px -36px no-repeat;}
#contact	a:hover{background: url(../images/navigation.jpg) -707px -36px no-repeat;}