body{
	padding:0;
	line-height: 1.5em;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	background-color: #D5D4B7;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#333333;
	font-size:11px;
}

ul {list-style-image: url(../images/bullet_ysm.png); margin-top: 2px;font-size:11px; line-height:18px; padding-left:25px; }

ul ol {list-style-type: lower-alpha; padding-left: 17px;}

ol {list-style-type: decimal; margin-top: 2px;font-size:11px; line-height:18px; padding-left:25px; }

u {text-decoration:none; border-bottom: 1px dotted #666666}

p {	margin-top: 5px;font-size:12px; line-height:18px; }

blockquote p{font-size: 125%; line-height: 250%;margin: 20px 0 0 0;}

h1 {
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #336600;
	margin-top: 0px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
}

h2 {font-size:14px; line-height: 20px; color: #336600; margin-top:10px; margin-bottom:5px; font-weight:normal;}

h3 {font-size:12px; color: #336600; margin-top:10px; margin-bottom:5px; font-weight:normal;}



a {color: #009900;text-decoration: underline;}

a:visited {color: #009900;text-decoration: underline;}

a:hover{color: #33CC00;text-decoration: none;}
a:hover img{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}

a:active {color: #33FF00;text-decoration: underline;}

strong, b, bold{font-size: 110%; font-weight:bold;}

.underline {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #003300; margin-bottom:10px;}

em{ border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #330033;}

#maincontainer{
width: 840px;
margin: 0 auto; 
background-color:#FFFFFF;
display:block;
}

#topsection{
	height: 83px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#navbar { 	
	background-image: url(../images/bg_nav.gif);
	background-repeat: repeat-x;
	background-color: #FFCC00;
	height: 23px;
	clear:both;
	display:block;
	overflow:visible;
	margin-bottom:25px;
	margin-top:0;
	border-top:1px solid #CFDEFF;
	border-bottom:1px solid #CFDEFF;
}

#contentwrapper{
float: left;
width: 840px;
}

#contentcolumn{
margin-left: 325px; 
margin-right: 25px;

}

#leftcolumn{
	float: left;
	width: 275px;
	margin-left: -815px; /*Set left margin to -(MainContainerWidth)*/
}

#leftcolumn h2, .button h2{
	background-image: url(../images/bg_h2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left:2px;
	border-top:solid 1px #006600;
	border-bottom:0;
}

#bufferhome { clear:both; padding: 5px 0 0 0;}
#buffer {height:25px; clear:both;}

#footer{
	clear: both;
	font-size:10px;
	background-color: #D5D4B7;
	text-align: right;
	padding-top: 13px;
	padding-right: 10px; }

#footer h5{font-weight:normal; font-size:10px;}

.search {
background-color: #1F594F;
background-image: url(../images/bg_search.gif);
background-repeat: repeat-x;
background-position: top;
padding-top:5px;
padding-bottom:25px;
}

.search p {font-size: 10px;}

.search p, .search h1, .search ul .search form input{
color:#FFCC00;
padding:0px 10px 0px 10px;
}

#leftcolumn .search h2{
	color:#FFCC00;
	padding-left:10px;
	background-image: none;
	border-bottom-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.search ul{
color:#FFCC00;
padding:5px 5px 5px 25px;
}

.search select {margin-bottom:4px;}

.searchimg {margin-top:-25px;}

.searchright {
background-color: #1F594F;
color:#FFCC00;
font-size:11px;
float:right;
width:45%;
padding:5px 10px 5px 10px;
margin-top:-5px;
}

.searchleft {
background-color: #1F594F;
color:#FFCC00;
font-size:11px;
float:left;
width:45%;
padding:5px 10px 5px 10px;
margin-top:-5px; margin-right:10px;
}
.searchbuffer {margin-top:20px;}

.search a {color: #FFCC00;text-decoration: underline;}

.search a:visited {color: #FFCC00;text-decoration: underline;}

.search a:hover{color: #FFFFFF;text-decoration: underline;}

.search a:active {color: #FFCC00;text-decoration: underline;}

#footer a {color: #000000;}

#logo { padding-left:25px; padding-top:4px;}
#logo:hover{filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}

#textnav{color:#ffffff;
	height: 15px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 400px;
	padding: 0px;
	clear: none;
	float: right;
	font-size: 11px;
}

#textnav ul {
display:block;
list-style:none;
}

#textnav ul a    {
	display: inline;
	overflow: visible;
	outline: 0;
	color: #FFFFFF;
	text-decoration: none;
}

#textnav ul a:hover {
	display: inline;
	overflow: visible;
	outline: 0;
	color: #FFCC00;
	text-decoration: underline;
}

#textnav ul li {
float: right;
clear:none;
}

#homepageflash {border: 1px solid #003300;}
#homepagephoto{margin: 2px 0 20px 0}

#jobpost {
	font-size:12px;
	color: #FFCC00;
	background-image: url(../images/recruitment.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 490px;
	margin-top: 13px;
	margin-bottom:25px;
}

#jobpost ul{
	margin-left: 150px;
	padding-top: 10px;
 	list-style-image: url(../images/bullet_gn.png);
	line-height:16px;
	font-size:11px;
}

#jobpost p {margin-left:150px;}

#jobpost a {color: #FFCC00;text-decoration: underline;}

#jobpost a:visited {color: #FFCC00;text-decoration: underline;}

#jobpost a:hover{color: #FFFFFF;text-decoration: underline;}

#jobpost a:active {color: #FFCC00;text-decoration: underline;}

#submit {
	color: #333333;
	font-size:11px;
	background-color: #FFCC00;
	padding:1px;
	border: 1px solid #000000;
	cursor:pointer;
	margin-top: 5px;
	width:75px;
}

#submit:hover {
	background-color: #FF9900;

}
input {
	color: #404040;
	font-size:11px;
	border: 1px solid #333333;
	padding:2px;
	width: 95%;
}

textarea {
	color: #404040;
	font-size: 11px;
	border: 1px solid #000000;
	padding: 2px;
	margin-left:10px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.wideta {
	width: 90%;
	height: 75px;
}

select {
	color: #404040;
	font-size:11px;
	border: 1px solid #000000;
	padding-left:2px;
	margin-top:1px;
	margin-left:10px;
}

#signup {
	background-image: url(../images/temp2.jpg);
	width: 275px;
	height:163px;
	margin-top: 13px;
	background-position: bottom;
	padding-top:51px;
}

#signupbutton {
background-color:#FF9900;
height:40px;
width:245px;
display:block;
font-size:12px;
line-height: 18px;
padding:5px 15px 5px 15px;
}

.searcharrowleft{ float:left; margin-right:5px; margin-top:2px; }

.floatright{ float:right; margin-left:5px;}

.floatleft{ float:right; margin-right:5px;}

.centre { text-align:center; margin-left:auto; margin-right:auto;}



#application {
	background-color: #C7E3D9;
	background-position: top;
	padding:10px 10px 5px 10px;
	border-bottom: 1px solid #000000; border-right: 1px solid #000000; margin-bottom:15px;
}

.application {margin: 25px 0 0 0;}

#leftcolumn .application {padding:5px 10px 0px 10px; margin-bottom:0px; margin-top:25px; background-color: #4CA685; display:block; width:165px;color:#FFCC00; background-image:none; border-bottom:0px;}

.caption { font-size:9px; text-align:right; margin-bottom:25px; margin-right:25px;}

.button {
	padding: 0px;
	width:275px;
	clear: none;
	float:left;
	margin: 0px;
}

.button ul li{
	list-style:none;
	padding:0;
	width: 275px;
	float:left;
	clear:none;
}

.button ul a    {
	width: 275px;
	text-indent: -1000em;
	display: block;
	overflow: visible;
	outline: 0;
}

li#jobpostsm a  {
	background-repeat: no-repeat;
	margin-left:-25px;
	height: 83px;
	width: 275px;
	border: 0px;
	background-image: url(../images/recruitment_sm.jpg);
	background-position: left;
	margin-bottom:25px;
}

li#jobpostsm a:hover  {
	background-repeat: no-repeat;
	height: 83px;
	width: 275px;
	border: 0px;
	background-image: url(../images/recruitment_sm.jpg);
	background-position: right;
	margin-bottom:25px;
}

li#historybtn a  {
	background-repeat: no-repeat;
	margin-left:-25px;
	height: 100px;
	width: 275px;
	border: 0px;
	background-image: url(../images/history.jpg);
	background-position: left;
	margin-bottom: 25px;
}

li#historybtn a:hover  {
	background-repeat: no-repeat;
	height: 100px;
	width: 275px;
	border: 0px;
	background-image: url(../images/history.jpg);
	background-position: right;
	margin-bottom: 25px;
}

li#historybtn2 a  {
	background-repeat: no-repeat;
	margin-left:-25px;
	height: 100px;
	width: 275px;
	border: 0px;
	background-image: url(../images/history.jpg);
	background-position: left;
	margin-bottom: 0px;
margin-top:25px;
padding-bottom:0px;
}

li#historybtn2 a:hover  {
	background-repeat: no-repeat;
	height: 100px;
	width: 275px;
	border: 0px;
	background-image: url(../images/history.jpg);
	background-position: right;
	margin-bottom: 0px;
}

#surplus{margin:0 25px 0 25px;}
table#surplusTable{position:relative;background-color:#1f594f;}
table#surplusTable th {background-color: #1F594F;background-image: url(../images/bg_search.gif);background-repeat: repeat-x;background-position: top;font-size: 11px;font-weight: bold; color: #ffffff; padding:5px 3px 5px 3px; text-align:left; vertical-align:top;}	
table#surplusTable tr {background:#eee;}
table#surplusTable tr:hover {background: #FFCC00;}
table#surplusTable td {padding:3px 2px 3px 2px;}


.news_item {clear:both; overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:10px 0px 25px 0px;
	display:block;
}
.news_image { margin-left:10px; padding 1px;display:block;float:right;}

.news_varcol   {font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	color: #336600;
	margin-top:0px;
	margin-bottom:0px;
	clear:right;display:block;
}
.news_title  {font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #336600;
	margin-top: 5px;
	margin-bottom:10px;
	display:block;border-bottom: 1px solid #ccc;
}
.news_body {display:block;}

fieldset {text-align:left;padding:5px;}
legend {font-size:12px; color: #336600; margin-top:10px; margin-bottom:5px; font-weight:normal;}
label {font-size:11px; margin-top:25px; margin-bottom:5px; font-weight:normal;}
#form_department {text-align:left; margin-bottom:10px;}
#form_password {text-align:left;  margin-bottom:10px;}

.righ_links {margin-bottom:25px;}
.jobTable {
	clear:both;
	overflow:hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003300;
	padding:10px 10px 10px 10px;
	margin:25px 10px 25px 0px;
	background-color:#cfe7de ;
}

.jobTableTitle { font-size: 18px; line-height: 20px; font-weight: normal; color: #336600; margin-bottom:5px;}
.jobTableCompany {margin-left:10px;}

.advanced_job_search_link {font-size:14px; width:100px; padding:5px 5px 5px 5px; background-color:#006600; text-align:center; background-image:url(../images/bg_nav.gif);margin-top:15px;}

.content dt{font-size: 110%; font-weight:bold; margin-top:10px; color: #336600;}

.jobTitle {background-image: url(../images/bg_h2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003300;
	border-bottom:0px;padding-top:3px;}

#page_intro {margin:10px 0 10px 0;}

	#filter {text-align: left;padding: 0px 20px 20px 20px; margin:5px 0 0px 0;background-color: #1F594F;background-image: url(../images/bg_search.gif);background-repeat: repeat-x;background-position: top;font-size: 10px;display: none;clear:right;}


	#filter p {
		text-align: left;
		color: #FFF;
		padding: 5px;	}
.filterIcon {
		width: 50px;
		height: 16px; display:block;
		text-align: center;
		background-image: url(../images/search.gif); background-repeat: no-repeat;background-position: center;
		float: right;
		cursor: pointer;
	}
.filterIcon:hover{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
	
.sorter {
		padding-right: 10px;
		text-decoration: underline;
		cursor: pointer;
		float:left;	
	}
.spbtn {color: #333333;
	font-size:11px;
	background-color: #FFCC00;
	border: 1px solid #000000;
	cursor:pointer;
	margin: 0 5px 0 5px;
	width:75px; padding: 1px;
}

.spbtn:hover {	background-color: #FF9900;}
.sptx{ font-size: 10px;width:250px;float:left; cursor: pointer;}
.hpmag{margin-left:5px;top:3px;}
.hpmag:hover{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
#flashcontent{ margin:0; padding0:}
.shiconwht {position:relative; top:5px;}
.spvar {color:#FFCC00;}

#home_prod_logos a:hover {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.home_prod_logo_v {margin-right:25px; margin-left:25px; width:115px; float:left; margin-top:22px;}
.home_prod_logo_b {margin-right:25px; width:65px; float:left; margin-top:8px}
.home_prod_logo_t {margin-right:25px; width:134px; float:left; margin-top:16px;}
.home_prod_logo_bv {margin-right:25px; width:85px; float:left; margin-top:14px;}
.home_prod_logo_sm {margin-right:25px; width:125px; float:left; margin-top:8px;}
.home_prod_logo_m {width:134px; float:left; margin-top:14px;}

.tagline {margin-top:10px; float: right;}
#registertable {width:98%}
#registertable th,#registertable td {padding: 15px 0 5px 0; vertical-align:top;}
#registertable th {width:125px}
#registertable textarea{height:200px}
#keywords_auto, #drivingLicense_auto, #careerObjectives_auto, #interests_auto, #education_auto, #workExp_auto, #skills_auto, #memberships_auto,#references_auto,#avail_auto {margin:0; width:100%}

.terminalLogin {float:right; margin:0 0 10px 10px; border:0}


.YT {margin: 20px 0 0 0;}
.VID {margin: 20px 0;}
