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

body{
	  background: #ffffff;
}

img {
	border: 0;
}

.brown a, .brown a:link, .brown a:active, .brown a:visited, .brown a:hover {
	color: #af955a;
}

#mainContent td {

border: 1px solid #003366 ;
border-collapse: collapse;
padding: 0;
text-align: center;
}

#mainContent table{
border-collapse: collapse;
border: 1px solid #003366;
padding: 0;
text-align: center;

}

#mainContent th {
background: #af955a;
text-align: center;
}

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

#container {
			 position: relative;
			 width: 800px;
			 margin: 0 auto;
			 background-color: #ffffff;
			 
			 
}

#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;
}

#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: 238px;
}

#left a:link, #left a:active, #left a:visited {
	display: block;
	position: relative;
	padding-left: 13px;
	background: url(/workforce/images/triangle_white.gif) top left no-repeat;
	width: 190px;
	float: left;
}

#left a:hover {
	display: block;
	position: relative;
	padding-left: 13px;
	background: url(/workforce/images/triangle_blue.gif) top left no-repeat;
	width: 190px;
	float: left;
}

#onecall {
			  position: relative;
			  float: left;
			  width: 204px;
			  font-family: Arial, Helvetica, sans-serif;
	          font-size:12px;
			  line-height: 15px;
			  color: #ffffff;
			  padding: 22px 17px 17px 17px;
			  background: #6699cc;
			 
}

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

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

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

#twocall {
			  position: relative;
			  float: left;
			  width: 238px;
			  height: 251px;
			  
			  
}
			  
#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: 562px;
	background-color:#ffffff;
}

#mainImage {
				position: relative;
				float: left;
				width: 526px;
				height: 218px;
				background: url(../images/main_image1.jpg);
}

#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: 480px;
				 font-family: Arial, Helvetica, sans-serif;
				 font-size: 12px;
				 line-height: 15px;
				 color: #003366;
				 padding: 9px 40px 9px 42px;
				 background:#ffffff;
}

#mainContent ul{
	margin-left: 15px;
}

#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;2
}
#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;}