/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background-color:#e4e4e4; font-family:Arial, Helvetica, verdana, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}	
a img {border: none;}
a { color:#005696;}
a:hover, a.current {text-decoration: underline;}
p { font-size:12px; padding:0 0 10px 0; line-height:17px}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#000;}

h1{color:#000; font-size:20px; padding:0 0 10px 0;}
h2{color:#000; font-size:18px; padding:0 0 10px 0;}
h3{color:#000; font-size:16px; padding:0 0 10px 0;}
h4{color:#000; font-size:14px; padding:0 0 10px 0;}
h5{color:#000; font-size:12px; padding:0 0 10px 0;}
h6{color:#000; font-size:10px; padding:0 0 10px 0;}

/*************REUSABLE CLASSES******************/
.right{float:right;}
.left{float:left;}

.full{position:relative; width:99%;}
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}

.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.dontshow{ display:none}

/*************NAVS**************/
#HpNav { background:#837C74 url(../images/hp-nav-end.jpg) no-repeat right; width: 910px; height: 30px; list-style: none; padding: 0; position:relative; clear:both; display:block;}
#HpNav ul {margin:0; padding:0; list-style:none}
#HpNav li {float: left;}		
#HpNav li a span {display: none; }				
#HpNav li a {height: 30px; display: block; float: left; padding: 0;}			
#HpNav li a.aboutus {width:93px; background: url(../images/hp-nav_01.gif) no-repeat top;}		
#HpNav li a.employers {width:102px; background: url(../images/hp-nav_02.gif) no-repeat top;}					
#HpNav li a.jobseekers {width:114px; background: url(../images/hp-nav_03.gif) no-repeat top;}				
#HpNav li a.jobkit {width:143px; background: url(../images/hp-nav_04.gif) no-repeat top;}
#HpNav li a.search {width:116px; background: url(../images/hp-nav_05.gif) no-repeat top;}	
#HpNav li a.contact{width:107px; background: url(../images/hp-nav_06.gif) no-repeat top;}
#HpNav li a:hover {background-position: bottom; }
#HpNav li a.current {background-position: bottom; }	

#SubNav {width: 603px; _width:603px; _float:left; height: 30px; list-style: none; padding: 0; position:relative; clear:both; display:block;}
#SubNav ul {margin:0; padding:0; list-style:none}
#SubNav li {float: left;}		
#SubNav li a span {display: none; }				
#SubNav li a {height: 30px; display: block; float: left; padding: 0;}			
#SubNav li a.home {width:62px; background: url(../images/sub-nav_01.gif) no-repeat top;}	
#SubNav li a.aboutus {width:73px; background: url(../images/sub-nav_02.gif) no-repeat top;}		
#SubNav li a.employers {width:80px; background: url(../images/sub-nav_03.gif) no-repeat top;}					
#SubNav li a.jobseekers {width:92px; background: url(../images/sub-nav_04.gif) no-repeat top;}				
#SubNav li a.jobkit {width:114px; background: url(../images/sub-nav_05.gif) no-repeat top;}
#SubNav li a.search {width:93px; background: url(../images/sub-nav_06.gif) no-repeat top;}	
#SubNav li a.contact{width:89px; _width:89px;  background: url(../images/sub-nav_07.gif) no-repeat top;}
#SubNav li a:hover {background-position: bottom; }
#SubNav li a.current {background-position: bottom; }	

#SubNavLinks{ font-size:11px; color:#000; padding:4px 0 4px 74px;}
#SubNavLinks ul{ list-style:none; margin:0; padding:0}
#SubNavLinks li{ float:left; padding:0 2px; margin:0}
#SubNavLinks li a{ text-decoration:none; color:#000;}
#SubNavLinks li a:hover{ text-decoration:underline;}
#SubNavLinks li a.current{ text-decoration:underline;}

/*************WRAPPERS**************/
#PageWrapper{ background:#fff; padding:20px 0 0 0;}
#Wrapper{ width:910px;}

#HpTop{ background:url(../images/hp-top.jpg) no-repeat; width:910px; height:397px;}
#HpFlashHolder{ padding:110px 0 0 266px}
#HpMiddle{ background:url(../images/hp-middle.jpg) no-repeat; width:910px; height:195px; overflow:hidden}
#HpCopy{ float:left; padding:48px 0 0 29px; width:600px;}

#SubWrapper{ width:910px; _width:911px; background-color:#c1bdb0;}
#SubSide{ float:left; width:279px; _width:293px; background:url(../images/sub-side.jpg) no-repeat; height:602px; padding:10px 14px 10px 14px; _padding:10px 0 10px 14px;}
#SubSideBoxFlash{ background:url(../images/bg-camera.gif) no-repeat; width:264px; border:1px solid #005696; float:left; padding:0; margin:0 0 2px 0; height:176px}
#SubSideBox{ background:url(../images/bg-camera.gif) no-repeat; width:248px; border:1px solid #005696; float:left; padding:8px; margin:0 0 2px 0}
#SubSideBox p{ color:#CBC4BA; font-size:13px;}
#SubSideBox a{ color:#FFFFFF; }
#SubSideBox strong{ color:#fff;}
#SidebarNav{ padding:12px 0; clear:both}
#SidebarNav ul{ margin:0; padding:0; list-style:none; width:266px; border:1px solid #000; border-width:1px 0 0 0; float:left; font-size:13px;}
#SidebarNav li{ margin:0; padding:10px 0 10px 18px; width:248px; border:1px solid #000; border-width:0 0 1px 0; background:url(../images/arrow-blue-lg.gif) no-repeat left}
#SidebarNav li a{ margin:0; display:block; padding:0; font-size:13px; font-weight:bold; color:#000; text-decoration:none}
#SidebarNav li a:hover{color:#005696;}
#SidebarContent{ padding:12px 0; clear:both}
#SidebarContent ul{ margin:0; padding:0; list-style:none; width:266px; border:1px solid #000; border-width:1px 0 0 0; float:left; font-size:13px;}
#SidebarContent li{ margin:0; padding:10px 0 10px 8px; width:258px; border:1px solid #000; border-width:0 0 1px 0; }
#SidebarContent li a{ margin:0; display:block; padding:0; font-size:13px; font-weight:bold; color:#000; text-decoration:none}
#SidebarContent li a:hover{color:#005696;}
#SubMain{ float:left; width:603px; _width:603px; background:url(../images/sub-main.jpg) no-repeat}
#ContactInfo{ height:88px; text-align:right}
#ContactInfo h1{ padding:48px 20px 0 0; font-size:18px;}
#ContactInfo strong{color:#005696;}

#SubCopy{ width:570px; float:left; clear:both; padding:14px 0 0 16px;}
#SubCopy ul{font-size:12px; padding:0 0 10px 40px; line-height:17px; margin:0;}
#SubCopy ol{font-size:12px; padding:0 0 10px 40px; line-height:17px; margin:0;}
#SubCopy li{ margin:0; padding:0 0 4px 0}

/**********BOTTOM***********************/
#Footer{ background:url(../images/bottom-slice.gif) repeat-x; color:#757575}
#Footer ul{ font-size:10px; color:#757575; list-style:none; margin:0; padding:0;}
#Footer li{ float:left; padding:0 2px 6px 0;}
#Footer li a{ text-decoration:none; color:#757575}
#Footer li a:hover{ text-decoration:underline}
#Footer p{ font-size:10px; color:#757575; clear:both; padding:0 0 6px 0; line-height:normal}
#Footer span{ font-size:10px;}

#HpBottom{ background:url(../images/hp-bottom.jpg) no-repeat; width:910px; height:52px; padding:48px 44px 10px 44px}
#SubBottom{ background:url(../images/sub-bottom.jpg) no-repeat; width:910px; height:52px; padding:48px 44px 10px 44px}

#FooterLeft{ width:450px; float:left;}
#FooterRight{ width:328px; float:right;}

#site_credits{ cursor:pointer}

/*************JQuery Styles***************/
div.answer{display: none;}
.answer{padding:10px; margin-bottom:5px;}
div.question{ margin:8px 0 4px 0; background:#ededed; padding:0;}
div.question h4{padding:4px; color:#000; font-size:12px}
div.question:hover {background:#dbdbdb; cursor:pointer}
div.question.active{background:#dbdbdb;}
	
/*************Form Styles**************/
input[type="text"]{width:150px;}
textarea{width:150px;}
select{width:150px;}
input[type="button"]{}
input[type="submit"]{}
input.disabled, select.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
input.required, textarea.required, select.required {border: 1px solid #00A8E6;}
input.validation-failed, textarea.validation-failed, select.validation-failed {border: 1px solid #FF3300;color: #FF3300;}
input.validation-passed, textarea.validation-passed, select.validation-passed {border: 1px solid #00CC00;color: #000;}
.validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color: #FFF;font-weight: bold;}
.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
fieldset {padding: 1em;margin-bottom: 0.5em;}
label {font-weight: bold;}
.form-row {clear: both; font-size:11px}
.field-label { float:left; width:180px; margin-bottom:10px;}
.field-widget { float:left; width:200px; margin-bottom:10px;}
.red{color:#990000;}

/*************s2k styles**************/	
.s2k_text_2006 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#000;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#000;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#000;}
.s2k_bold_2006 {font-weight:bold;color:#000;}
.s2k_byline_2006 {font-size:10px;font-style:italic;color:#000;}
.s2k_footer_2006 {font-size:10px;color:#000;}
.s2k_image_2006 {border:1px solid #000;}

/*************Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}
.min431px {height:431px;}

/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}