/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#fff url(images/bg-slice.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#5a5a5a;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#0c751c;}
a:hover, a.current {text-decoration: underline;}
p { font-size:11px; padding:0 0 10px 0; line-height:16px}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#5a5a5a;}
hr{ border:#ccc solid 1px; margin-bottom:10px; background-color:#fff; height:1px; color:#ccc;}

h1{color:#0c751c; font-size:18px; padding:0 0 10px 0;}
h2{color:#04363D; font-size:16px; padding:0 0 10px 0;}
h3{color:#04363D; font-size:14px; padding:0 0 10px 0;}
h4{color:#04363D; font-size:12px; padding:0 0 10px 0;}
h5{color:#04363D; font-size:11px; padding:0 0 10px 0;}
h6{color:#04363D; 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}
.smtxt{ font-size:12px; font-weight:normal}

/*************NAVIGATION**************/
#Nav {width: 921px; height: 36px; list-style: none; padding: 0; position:relative; clear:both; display:block;}
#Nav ul {margin:0; padding:0; list-style:none}
#Nav li {float: left;}		
#Nav li a span {display: none; }				
#Nav li a {height: 36px; display: block; float: left; padding: 0;}				
#Nav li a.home {width:89px; background: url(images/nav_01.gif) no-repeat top;}
#Nav li a.aboutus {width:112px; background: url(images/nav_02.gif) no-repeat top;}		
#Nav li a.employers {width:125px; background: url(images/nav_03.gif) no-repeat top;}					
#Nav li a.jobseekers {width:136px; background: url(images/nav_04.gif) no-repeat top;}				
#Nav li a.search {width:134px; background: url(images/nav_05.gif) no-repeat top;}	
#Nav li a.resources {width:120px; background: url(images/nav_06.gif) no-repeat top;}
#Nav li a.blog {width:73px; background: url(images/nav_07.gif) no-repeat top;}
#Nav li a.contact{width:132px; background: url(images/nav_08.gif) no-repeat top;}
#Nav li a:hover {background-position: bottom; }
#Nav li a.current {background-position: bottom; }

/*************DIVS**************/
#PageWrapper{ width:932px; padding:18px 0 0 0;}

#HpTop{ background:url(images/banner-hp.jpg) no-repeat; width:932px; height:323px;}
#HpTop h1{ display:none}
#HpMiddle{ background:url(images/bodyslice-hp.jpg) repeat-y; width:921px; padding:0 9px 0 2px;}
#GreenBar{ background:url(images/green-bar.gif) no-repeat; width:921px; height:30px;}	
#HpCopy{ padding:0 10px 0 12px; width:280px; float:left}
#HpCopy h2{ font-size:12px;}
#TopJobs{ padding:0 10px 0 12px; width:280px; float:left}
#HpBtns{ padding:6px 0 0 24px; width:280px; float:left}
.btndownload{background:url(images/btn-download.gif) no-repeat top; width:255px; height:70px; margin-bottom:12px; cursor:pointer; clear:both}
.btndownload:hover{ background-position:bottom;}
.btnnews{background:url(images/btn-news.gif) no-repeat top; width:255px; height:70px; margin-bottom:12px; cursor:pointer; clear:both}
.btnnews:hover{ background-position:bottom;}
.btnsearch{background:url(images/btn-search.gif) no-repeat top; width:255px; height:70px; margin-bottom:12px; cursor:pointer; clear:both}
.btnsearch:hover{ background-position:bottom;}
.btncashcard{background:url(images/btn-cashcard.gif) no-repeat top; width:255px; height:70px; margin-bottom:12px; clear:both}


#SubWrapper{ background:url(images/bodyslice-sub.jpg) repeat-y; width:932px;}
#SubTop{ background:url(images/banner-sub.jpg) no-repeat; width:932px; padding:67px 0 0 0}
#SubTop h1.number{ text-align:right; padding:0 22px 10px 0; font-size:15px}
#SubTop h1.number strong{color:#000; font-size:18px;}
#SubMiddle{ width:921px; padding:0 9px 0 2px;}
#SubNav{ width:921px; height:24px;}
#SubNav ul{ margin:0; padding:0 0 0 19px; list-style:none; font-size:11px; background:url(images/sub-nav-indicator.gif) no-repeat left; height:15px; }
#SubNav li{ float:left; padding:4px 4px 0 0; margin:0}
#SubNav li a{ color:#fff; font-size:11px; text-decoration:none}
#SubNav li a:hover{ text-decoration:underline}
#SubNav li a.current{ text-decoration:underline}
#BannerAbout{ background:url(images/sub-banner-aboutus.jpg) no-repeat; width:921px; height:66px;}
#BannerEmployers{ background:url(images/sub-banner-employers.jpg) no-repeat; width:921px; height:66px;}
#BannerJobSeekers{ background:url(images/sub-banner-jobseekers.jpg) no-repeat; width:921px; height:66px;}
#BannerSearch{ background:url(images/sub-banner-searchjobs.jpg) no-repeat; width:921px; height:66px;}
#BannerResources{ background:url(images/sub-banner-resources.jpg) no-repeat; width:921px; height:66px;}
#BannerBlog{ background:url(images/sub-banner-blog.jpg) no-repeat; width:921px; height:66px;}
#BannerContact{ background:url(images/sub-banner-contactus.jpg) no-repeat; width:921px; height:66px;}
#SubCopy{ width:564px; padding:16px 16px 16px 22px; float:left}
#SubCopy ul{ font-size:11px; padding:0 0 10px 30px; line-height:16px; margin:0}
#SubCopy ol{ font-size:11px; padding:0 0 10px 30px; line-height:16px; margin:0}
#SubCopy li{ margin:0; padding:0}
#SubCopy h3{ padding:0 0 2px 0}
#SubSidebar{ width:294px; float:left; padding:16px 0 0 15px; color:#04363d}
#SubSidebar ul{ font-size:11px; padding:6px 0 10px 30px; line-height:16px; margin:0}
#SubSidebar ol{ font-size:11px; padding:6px 0 10px 30px; line-height:16px; margin:0}
#SubSidebar li{ margin:0; padding:0 0 4px 0}
#SubSidebar h3{ padding:0 0 2px 0; color:#04363d}
img.subpic{ padding:4px; background-color:#fff; border:1px solid #2a3562; margin-bottom:10px}

/**************FOOTER****************/
#HpFooter{ background:url(images/footer-hp.jpg) no-repeat; width:900px;padding:25px 17px 0 15px;}
#HpFooter p{color:#0c751c; font-size:10px;}
#HpFooter a{ text-decoration:none}

#SubFooter{ background:url(images/footer-sub.jpg) no-repeat; width:900px;padding:25px 17px 0 15px;}
#SubFooter p{color:#0c751c; font-size:10px;}
#SubFooter a{ text-decoration:none}

#site_credits{ cursor:pointer}

/*************JQuery Styles***************/
div.answer{display: none;}
.answer{padding:10px; margin-bottom:5px;}
div.question{ margin:8px 0 4px 0; background:#E6ECE8; 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;}	/* I don't currently rely on .clear */
.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;}