/* [%-# @(#)home.css	1.3 11:58:45,09/05/14 (yy/mm/dd) -%] */

body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000;
	margin:0;
	padding:0;
	text-align:center;
	background:#006666;
	position:relative;
}

img, form, fieldset, div, p, span, em, ul, li, dl, dd, dt{padding:0;margin:0;border:none;list-style:none;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-size:110%;}
h2 , h3 , h4{font-size:140%;padding:0 0 15px 0;}
h2 strong{color:#ffcc33;}
h3 strong{color:#ffcc33;}
p {margin:0 0 1em 0;font-size:100%;}
legend{display:none;}

a{text-decoration:none;}
a:hover{color:#ffcc33 !important;text-decoration:underline;}
h4 a, h4 a:hover{color:#fff !important;text-decoration:none !important;}

#wrapper{width:923px;margin:0 auto;padding:0;background:url(../images/home/wrapper_bg.gif) 0 0 no-repeat;}
#container{width:923px;padding:0;margin:0 auto;}

#masthead{width:100%;height:100px;clear:both;margin:0 0 10px 0;padding:0;}

#masthead h1 a{
	float:left;
	text-indent:-5000em;
	cursor:pointer;
	margin:25px 0 0 11px;
	padding:0;
	float:left;
	width:192px;
	height:65px;
	background:url(../images/home/logo.gif) 0 0 no-repeat;
}

#headerBanner{float:right;width:380px;height:60px;margin:8px 0 13px 0;padding:0 108px 0 0;}

#topNav{float:right;font-size:110%;padding:0;width:700px;}
#topNav ul#login{float:right;padding:0 0 0 20px;margin:0;}
#topNav ul#login li{font-size:120%;float:left;padding:0;margin:0 12px 0 5px;color:#ffffff;font-weight:bold;}
#topNav ul#login li a{padding:2px 0px 9px 0px;display:block;}
#topNav ul#login li.but-yellow{
margin:0 0 0 5px;background:url(../images/home/button-yellow-left.gif) 0 0 no-repeat;padding:0 0px 0 10px;}
#topNav ul#login li.but-yellow a{padding:2px 10px 2px 0;font-size:80%;font-weight:bold;color:#0e3635;background:url(../images/home/button-yellow-right.gif) 100% 0 no-repeat;}
#topNav ul#login li.but-yellow a:hover{color:#0e3635 !important;text-decoration:none;}
#topNav ul#nav{float:right;}
#topNav ul#nav li{float:left;}
#topNav ul#nav li a{color:#ffffff;font-size:120%;display:block;padding:0 8px;font-weight:bold;}
#topNav ul#nav li a:hover{text-decoration:none;}

#content{width:100%;float:left;}
#holdingDiv{width:923px;float:left;margin:0;padding:0;background:url(../images/home/holdingDiv-bg.gif) no-repeat 0 100%;}
#subContent{width:257px;float:left;text-align:left;padding:5px 0 0 0;}
#mainContent{width:666px;float:right;}

#flashBanner{width:409px;height:414px;float:left;}
#areaLinks{background:url(../images/home/recjobsmap.jpg) 0 0 no-repeat;height:414px;}
#areaLinks ul {float:left;list-style:none;color:#fff;margin:0;padding:120px 0 0 80px;background:url(../images/home/recjobsmap.jpg) no-repeat;width:409px;height:414px;}
#areaLinks ul li{float:left;width:300px;margin:0 0 5px 0;text-align:left;}
#areaLinks ul li a{color:#fff;text-decoration:none;}

#jobSearch{width:222px;padding:10px 14px;float:left;color:#ffffff;background:#054b48 url(../images/home/search_recruitment_jobs_bg.gif) 0 100% repeat-y;}
#jobSearch span{display:block;}
#jobSearch label{display:block;padding:4px 0;}
#jobSearch input.text{border:1px solid #014342;color:#666666;width:211px;padding:2px 1px;}
#jobSearch p.advSearch a{float:left;color:#ffffff;padding:18px 0 0 0;}
#jobSearch p input.submit{float:right;cursor:pointer;margin:18px 0 0 0;padding:5px 12px 8px 12px;width:88px;border:0;color:#0e3635;font-size:130%;font-weight:bold;background:url(../images/home/search_button.gif) no-repeat;}

#latestJobs{clear:both;margin:10px 0 0 0;width:228px;float:left;background:#0d6f6e;color:#ffffff;padding:10px 11px 0 11px;}
#latestJobs ul{width:100%;float:left;margin:0;padding:0;}
#latestJobs ul li{padding:0 0 18px 0;float:left;width:100%;margin:0;}

#latestJobs ul li p{float:left;width:160px;padding:0;margin:0;}
#latestJobs ul li p a{color:#ffcc33;}
#latestJobs ul li a.apply{width:55px;display:block;border:1px solid #218483;padding:4px;color:#ffffff;margin:2px 0 0 0;float:right;cursor:pointer;background: #0D6F6E;}
#latestJobs ul li a.apply:hover {text-decoration:none;}

#recJobs{width:257px;float:right;padding:5px 0 0 0;}
#recruitmentSecotrs{float:right;text-align:left;color:#ffffff;background:#0d6f6e;width:222px;padding:10px 14px;margin:0 0 10px 0;}
#recruitmentSecotrs ul{padding:0 0 12px 0;}
#recruitmentSecotrs ul li{clear:both;}
#recruitmentSecotrs ul li a{color:#ffffff;font-size:110%;display:block;padding:2px 0;cursor:pointer;}
#recruitmentSecotrs ul li a:hover {text-decoration:none;}
#recruitmentSecotrs ul li a span.sectorName{float:left;}
#recruitmentSecotrs ul li a span.vacNumbers{float:right;color:#ffcc33;}

#career-tools{float:right;text-align:left;color:#ffffff;background:#0d6f6e;width:222px;padding:10px 14px;margin:0;}
#career-tools h4{margin:0;padding:0 0 5px 0;}
#career-tools ul{margin:0;padding:0;}
#career-tools ul li{margin:0;padding:0 0 2px 0;}
#career-tools ul li a{padding:0;margin:0;font-size:110%;display:block;color:#fff;}
#career-tools ul li a:hover{color:#FFCC33;}

#topJob{text-align:left;margin:0 0 10px 0;width:228px;float:right;background:#054b48 url(../images/home/search_sector_bg.gif) 0 100% repeat-y;color:#ffffff;padding:10px 11px 0 11px;}
#topJob ul{padding:10px 0;margin:0;float:left;width:100%;}
#topJob ul li{clear:both;color:#ffcc33;}
#topJob p{float:right;width:90px;}
#topJob a, #topJob a strong, #topJob a:hover{color:#ffcc33; text-decoration:none !important;}
#topJob h4{float:left;width:120px;}
#topJob p a img{float:right;}

#nowRecruiting{text-align:center;clear:both;padding:10px 0;width:100%;float:left;margin:0;}
#nowRecruiting h4{width:120px;color:#ffffff;font-size:140%;float:left;padding:10px 10px 0 40px;}
#nowRecruiting ul{float:right;padding:0 40px 0 0;}
#nowRecruiting ul li{float:left;display:inline;padding:0 0 0 10px;}

#footer{width:100%;color:#ffffff;clear:both;padding:10px 0;}
#footer p{color:#ffffff;font-size:120%;}
#footer p.footer-links a{margin:0 10px 0 0;}
#footer p a{color:#ffcc33}
#footer p a.white{color:#ffffff;}