body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #636363;}
	
table { font-size: 12px; }
ul { line-height: 17px; margin-top:-10px; }
ul ul { line-height: 17px; margin-top:0px; }
ul li { color: #666666; margin-left:-20px; list-style: none;  list-style-image: url(media/arrow.gif); }

body a:link { color: #6C7C96; text-decoration: underline; }
body a:visited { color: #6C7C96; text-decoration: underline;}
body a:hover { color: #546176; text-decoration: underline; }

p { margin-top: 7px; margin-bottom:9px; }
.smallParaSpacing { margin-top: 0px; margin-bottom:1px; }


h1 {color: #6C7C96; font-size:17px; font-weight: bold; margin-top: 15px; margin-bottom: 15px;}
h2 {color: #FF9A39; font-size:15px; font-weight: bold; margin-top: 15px; margin-bottom: 15px;}
h3 {color: #6C7C96; font-size:13px; font-weight: bold; margin-top: 15px; margin-bottom: 15px;}

.errors { font-size:11px; color:#FF0000; }
.compulsary { font-size:18px; color:#FF0000 ; font-weight: bold; }
.imageright { float:right; padding-left:20px; padding-bottom:20px; }
.imageleft { float:left; padding-right:20px; padding-bottom:20px; }

/*DIV STYLES BY ID*/
/*Padding must be subtracted from a DIV's width or height before applied.*/
/*Define text & link styles for footer & nav bars here.*/

#container {
	left: 50%;
	margin-left: -412px;
	width: 825px;
	position: absolute;
	}
	
#header {
	width: 825px;
	position: relative; }
	
#mainContent {
	width: 575px;
	position: relative;
	padding-left: 105px;
	padding-right: 50px;
	background-image:url(media/shell-06.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#mainContentNav {
	width: 645px;
	position: relative;
	padding-left: 35px;
	padding-right: 50px;
	background-image:url(media/shell-06.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.navDivider { background: url(media/divider_Middle.jpg) }
.sideNav { width: 145px; }
.sideNav ul { margin: 0px; }

#heroImg {
	text-align: right;
	position: relative; 
	width: 100%;
	left: 50px;
}

#bkg {
	width: 825px;
	position: relative;
	background-image: url(media/bkg.gif);
}
	
#navTop {
	width: 825px;
	height: 26px;
	position: relative;
	
	padding-top: 15px;}

#navBottom {
	width: 825px;
	height: 35px;
	position: relative;
	background-color:#FFFFFF; }
	
#footer {
	left: 45%;
	margin-left: -275px;
	width: 550px;
	position: relative;
	padding-top: 7px;
	
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	color: #999999; }

#footer a:link { color: #999999; text-decoration: underline; }
#footer a:visited { color: #999999; text-decoration: underline; }
#footer a:hover { color: #666666; text-decoration: underline; }

#subNavEmployers {
	position: absolute;
	width: 215px;
	height: 77px;
	padding-left: 12px;
	padding-top: 10px;
	top: -220px;
	left: 235px;
	background-image: url(media/subnav_lng.png);
	color: #253D62;
	font-size: 11px;
	font-weight: bold;
}
	
#subNavEmployers a:link { color: #253D62; text-decoration: none; font-weight: bold; }
#subNavEmployers a:visited { color: #253D62; text-decoration: none; font-weight: bold; }
#subNavEmployers a:hover { color: #375B91; text-decoration: none; font-weight: bold; }
#subNavEmployers p { margin-top: 3px; margin-bottom:5px; }	
	
/* \*/
* html #subNavEmployers {
	position: absolute;
	width: 215px;
	height: 77px;
	padding-left: 12px;
	padding-top: 10px;
	top: -220px;
	left: 235px;
	background-image: none;
	background-color: #e4e8ec;
	filter: alpha(opacity=80);
	display: block;
	color: #142134;
	font-size: 11px;
	font-weight: bold;
}
/* */

#subNavJobSeekers {
	position: absolute;
	width: 147px;
	height: 77px;
	padding-left: 12px;
	padding-top: 10px;
	top: -220px;
	left: 320px;
	background-image: url(media/subnav.png);
	color: #253D62;
	font-size: 11px;
	font-weight: bold;
}
	
#subNavJobSeekers a:link { color: #253D62; text-decoration: none; font-weight: bold; }
#subNavJobSeekers a:visited { color: #253D62; text-decoration: none; font-weight: bold; }
#subNavJobSeekers a:hover { color: #375B91; text-decoration: none; font-weight: bold; }
#subNavJobSeekers p { margin-top: 3px; margin-bottom:5px; }	
	
/* \*/
* html #subNavJobSeekers {
	position: absolute;
	width: 147px;
	height: 77px;
	padding-left: 12px;
	padding-top: 10px;
	top: -220px;
	left: 320px;
	background-image: none;
	background-color: #e4e8ec;
	filter: alpha(opacity=80);
	display: block;
	color: #142134;
	font-size: 11px;
	font-weight: bold;
}
/* */

#line { margin-top:-5px; margin-bottom:5px; }
#lineUL { margin-top:-10px; margin-bottom:15px; }

.employers {
	width: 400px;
	height: 297px;
	top: -3px;
	background-image: url(media/shell-04.jpg);
	background-repeat: no-repeat;
}

#employersContent {
	width: 215px;
	height: 190px;
	position: relative;
	top: 75px;
	left: 165px;
	
	color: #FFFFFF;
	font-size: 11px;
	line-height: 13px;
}

#staffFinderBox {
	width: 550px;
	position: relative;
	top: 0px;
	left: 165px;
	
	color: #FFFFFF;}

.jobSeekers {
	width: 425px;
	height: 297px;
	background-image: url(media/shell-05.jpg);
	background-repeat: no-repeat;
}

#jobSeekersContent {
	width: 250px;
	height: 190px;
	position: relative;
	top: 25px;
	left: 102px;
	
	color: #000000;
	font-size: 11px;
	line-height: 15px;
}

.box {

	background-color: #f0f0f0;
	color: #4F4F4F;
}

job.off {
background: #f0f0f0;
}

job.on {
background: #d0d5d7;
}


/*TEXT SIZE AND COLOUR STYLES*/

.text9 { font-size:9px; line-height:13px; }
.text10 { font-size:10px; line-height:14px; }
.text11 { font-size:11px; line-height:15px; }
.text12 { font-size:12px; line-height:16px; }
.text13 { font-size:13px; line-height:17px; }
.text14 { font-size:14px; line-height:18px; }
.text18 { font-size:18px; line-height:22px; }

.black { color: #000000 }
.white { color: #ffffff }
.grey { color: #999999 }
.lightgrey { color: #CCCCCC}

.nu { text-decoration: none; }
.nu a:link { text-decoration: none; }
.nu a:hover { text-decoration: none; }
.nu a:visited { text-decoration: none; }