body{
	margin: 0;
	margin-top:5px;
	color:#666;
	font:normal 12px Arial, FreeSans, Helvetica, Verdana, sans-serif;
	background-color: #F2F4F3;
	text-align: center;
}




/* Header section
------------------------------------------------------------------*/

#header{
	height: 112px;
	padding: 0px;
	margin: auto;}


#headerinner{
	width: 980px;
	height: 109px;
	margin: auto;
	background-image: url(../images/bg-header.gif);
	background-repeat: no-repeat;
	background-position: center top;			
		}
		
#headercontents {	width: 100%; float:left;}

#login {width: 152px;	float: right;	height: 31px;	padding: 0px;
	margin-top: 3px;	margin-right: 10px;	margin-bottom: 0px;	margin-left: 0px;}
	
#strapline {width: 600px;	float: right;	height: 31px;	padding: 0px;
	margin-top: 70px;	margin-right: 10px;	margin-bottom: 0px;	margin-left: 0px; color:#FFFFFF; text-align:right; font-size:16px;}
	
#button { width:100%
}
	
	
	
/*- Home Page Central Panel--------------------------- */

#panel{
	padding: 0px;
	margin: auto;}



#panelinner {
	width: 980px;
	height: 333px;
	margin: auto;
	margin-top:25px;
	background-image: url(../images/bg-panel.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#38649C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;



}

.paneltext{
	width: 480px;
	margin: 0px 0 0 0px;
	padding-left:30px;
	color:#FFFFFF;	
	padding-top:75px;
	text-align:left;
		float:left;}


.paneltextin{	margin: 0px 0 0 0px;
}


#image{

	margin-top: 40px;
	margin-left:22px;
	padding-left:5px;
	width:400px;
	height:260px;
	float:left;

	
}

#imagequote{
	width:282px;
	height:185px;
	margin-top:25px;
	margin-left:33px;
	}

.buttons{
	width: 100%;
	text-align:center;
}
	
.buttonsin{
	margin-top:70px;
	margin-left:-15px;
	}
	
#indexbtm {float:left; width:100%; height:202px;}



#quote{
	width: 200px;
	float:right;
	height: 320px;
	background-image: url(../images/quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 15px;
	padding-left: 15px;
	}
	
/* Main Content
------------------------------------------------------------------*/	

#where{ margin: 0 auto;}
#where_inner{ width: 980px; text-align:left; margin: auto; margin-top:20px;}


#container{
	width: 980px;
	margin: auto;
	text-align:left;

}
#containerhome {  width: 950px; text-align:left; margin: auto; margin-top:25px; margin-bottom:25px; }
#container2 {  width: 980px; text-align:left; margin: auto; padding: 0 0px 15px 0px; background-color: #FFFFFF; border: 1px solid #E7E9EB;}
#wrapper {	height: 100%;	width: auto;	margin-top: 0px;	margin-left: 0px;	background-color: #FFFFFF;	 padding-bottom:20px;}

#column {	width: 570px;	float: left;	padding:0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;
	margin-left: 0px; text-align:left; padding-left:40px; border: 1px solid #E7E9EB;	border-top:none;  border-right:none; border-bottom:none;}
	
#column a {
	text-decoration: underline;
	line-height:18px;
}
#column a:hover{
	text-decoration: none;
}
	
#col_right { 	width: 265px;	height: auto;	padding:  20px 0px 10px 10px;	margin-top: 45px;	margin-right:20px;
	float: right;	background: #f3f4f5;	border: 1px solid #EBEBEB;}
	
.box2 {	width: 160px; margin-top:20px; margin-left:20px; border: 1px solid #DCDFE2; background-color: #FFFFFF;  padding: 10px 10px 10px 10px;  float: left; text-align: left; line-height: 16px; font-size: 11px;}

	.box2 ul {
		margin:0 0 0 10px;		padding:0;	}
	
	.box2 li {	text-decoration: none;	list-style-position: outside;	list-style-image: url(../images/tick.gif);
	list-style-type: none;	border-bottom: 1px solid #E5E5E5;
	margin-left: 10px;	margin-bottom: 5px;	padding-left: 4px;}


	
.module{
	width: 210px;
	height:160px;
	margin: 25px 0 0 20px;
	padding-left:15px;
	padding-top:0px;
	float:left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dabbdb;
		
	}

.module2 {
	float: left;
	height: 190px;
	width: 280px;
	margin-top: 20px;
	margin-left: 20px;
	border: 1px solid #E7E9EB;
	background-color:#FFFFFF;
	color:#333333;
}

	.module2 ul {
		margin:0 0 0 5px;
		padding:0;
	}
	.module2 li {
		list-style: none;
		display: inline;
		margin:0;
		padding:0;
		color:#333333;}

	.module2 ul li a {
		list-style: none;
		display: block;
		float: left;
		width: 190px;
		font-size: 11px;
		margin: 4px 0px 3px 0;
		border-bottom: 1px solid #E5E5E5;
		padding: 3px 0 3px 0;
		line-height: 1em;}
	



	
#contenthomeright{
	width: 310px;
	margin: 20px 0 0 0px;
	float:right;	}



#news{
	width: 310px;
	margin: 0px 0 0 0px;
	float:right;
	height: 220px;
	background-image: url(../images08/bg_news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#freetips {
	width: 310px;
	height: 125px;
	margin: 15px 0 0 0px;
	background-image: url(../images08/freetips.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#freetipsinner {
	margin: 70px 0 0 10px;
	}	
	
#partner {width: 310px;
	height: 125px;
	margin: 15px 0 0 0px;
	background-image: url(../images08/freetips.jpg);
	background-repeat: no-repeat;
	background-position: left top;}

/*- Main page layout--------------- */






	


.coltitle { width: 260px; height: 18px; margin: 0; padding: 10px 0 10px 0; float: left; text-align: left; color: #5C728F; font: normal normal 16px "Lucida Grande", Arial, Helvetica, sans-serif; }

.box1 {
	width: auto; margin: 0; padding: 10px 10px 10px 15px; float: left; text-align: left; line-height: 16px; font-size: 11px;}






/*- Mainnav--------------- */

#mainnav {
	 		  float: left;
    		  margin-top: 41px;
			  margin-left: 0px;
			  padding-left:280px;
    		  width: 590px;
    		  font-size: 11px;
    		  font-weight: bold;
    		  line-height: normal;
			  font-family:Arial;  }
	
    		#mainnav ul {
    		  float: left;
			  margin: 0;
			  padding: 0;
			  list-style: none;
    		  }
    		#mainnav li {
			  float: left;
    		  display: inline;
    		  margin: 0;
    		  padding: 0;
    		  }
    		#mainnav a {
	float: left;
	margin: 0;
	padding: 0 6px 0 8px;
	text-decoration: none;
	background-image: url(../images/tab_left.png);
	background-repeat: no-repeat;
	background-position: left top;
    		  }
			  
			   				
			#mainnav a.active{
	background-image: url(../images/tab_left_on.png);
	background-repeat: no-repeat;
	background-position: left top;
    		}
    		#mainnav a.active span {
    		  background: transparent url("../images/tab_right_on.png") no-repeat right top;
    		}
			
			#mainnav a.active2{
    		  background: url("../images/tab_left_on2.png") no-repeat left top;
    		}
    		#mainnav a.active2 span {
    		  background: transparent url("../images/tab_right_on2.png") no-repeat right top;
    		}
			
    		#mainnav a span {
	float: left;
	display: block;
	padding: 13px 13px 6px 6px;
	color: #FFF;
	background-image: url(../images/tab_right.png);
	background-repeat: no-repeat;
	background-position: right top;
    		  }
    		#mainnav a.active span {
    		  color: #425165;
    		  background: transparent url("../images/tab_right_on.png") no-repeat right top;
    		}
			
    		/* Commented Backslash Hack hides rule from IE5-Mac \*/
    		#mainnav a span {float: none;}
    		/* End IE5-Mac hack */
    		#mainnav a:hover span {
    		  color: #FFF;
    		  }
    		#mainnav a:hover {
    		  background-position: 0% -35px;
    		  }
    		#mainnav a:hover span {
    		  background-position: 100% -35px;
    		  }

			
/* Sub Navigation
------------------------------------------------------------------*/

#navsub {	width: 100px; float:right; margin-top:8px; top: 15px;}

#navsub ul {	padding-left: 0;	margin-left: 0;}

#navsub ul li {	display: inline;}

#navsub ul li a{	text-decoration: none;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: normal;
	color: #FFFFFF;	background-image: url(../images/arr_dots_gr.gif);	background-repeat: no-repeat;
	background-position: 0 center;	padding-left: 6px;	margin-left: 10px;}

#navsub ul li a:hover {	color: #D4EE95;	text-decoration: none;	}

#navsub a.active { color: #FFFFFF;	background-image: url(../images/bt-jobseekers2.jpg);	background-repeat: no-repeat;
	background-position: 0 center;	padding-right: 6px; font-weight: bold;	}	


	/* Footer
------------------------------------------------------------------*/

#footer { margin: 0 auto;	padding: 0px; text-align:left; 	padding-top: 10px; text-align:left; color: #FFFFFF;}
#footer_contents {width: 980px;	 height: 50px; background-color:#325183; margin: 0 auto; margin-top: 10px;	border-top: solid 1px #e1e1e1;	border-bottom: solid 1px #e1e1e1; padding-top: 0px;}	
#footer a:link {color: #FFFFFF; text-decoration: none;}
#footer a:visited {color: #FFFFFF;	text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer_left {	float: left;	line-height: 15px; margin-left:20px; margin-top:10px;}
#footer_right {	float: right; text-align:right; margin-right:20px; margin-top:10px;}

	/* Other
------------------------------------------------------------------*/
#rightNav {padding: 0 0 10px 0; }

#rightNav li {display: block; font-weight: bold; text-decoration: none; border-bottom: 1px solid #d3eeff;}	
					#rightNav a {
	display: block;
	padding: 10px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images/arrow_bl.png);
	background-repeat: no-repeat;
	background-position: 173px 9px;
}
						#rightNav a.current {display: block; font-weight: bold; background: #d3eeff url(images/arrow_gr.png) 173px 9px no-repeat;}
						#rightNav a:hover {display: block; font-weight: bold; background: #d3eeff url(images/arrow_gr.png) 173px 9px no-repeat;}
						

/* LeftMenu Navigation
------------------------------------------------------------------*/

#colleft {
	width: 220px;
	height: 300px;
	padding: 0;
	margin-top: 45px;
	float: left;
	background-image: url(../images/bg-colleft_what.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}


#leftmenu {

	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;

}

#leftmenu {padding: 0 0 0px 0;}

#leftmenu li {display: block; font-weight: bold; text-decoration: none; border-bottom: 1px solid #F2F2F2; }	

#leftmenu a {
	display: block;
	padding: 10px;
	text-decoration: none;
	width:200px;
}

#leftmenu a:hover {
	display: block;
	background-color: #F2F2F2;
}

#leftmenu li#active a {display: block; background-color: #F2F2F2;}
	


