/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(js/csshover.htc); background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}
a img {border: none;}
a { color:#b3170c; text-decoration:none}
	a:hover, a.current {text-decoration: underline;}
p { font-size:11px; 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;}
hr{ color:#ccc; border-width:1px 0 0 0; margin-bottom:10px; height:1px;}

h1{color:#b3170c; font-size:18px; padding:0 0 10px 0;}
h2{color:#b3170c; font-size:15px; padding:0 0 10px 0;}
h3{color:#b3170c; font-size:14px; padding:0 0 10px 0;}
h4{color:#b3170c; font-size:12px; padding:0 0 10px 0;}
h5{color:#b3170c; font-size:11px; padding:0 0 10px 0;}
h6{color:#b3170c; 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;}

.formpadding td {padding: 0 0 10px 0;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.padd10{ padding:10px}
.border{ border:1px solid #ccc;}


/* Wrappers */	
#HpWrapper{ background:#fff url(images/bg-slice-hp.gif) repeat-x;}
#HpTop{ background:url(images/img-hp.jpg) right no-repeat; width:917px; height:381px}
#HpCopy{ clear:both; padding:30px 0 0 0; width:435px; float:left}
#HpBoxes{ background:url(images/boxes-hp.gif) no-repeat; width:917px; margin-top:30px; padding:22px 0 0 0}
#HpBoxes p{ font-size:10px; line-height:normal}
#StaffingServices{ float:left; width:252px; padding:0 8px 0 0}
#JobSeekers{ float:left; width:254px; padding:0 16px 0 12px}

#SubWrapper{ background:#fff url(images/bg-slice-sub.gif) repeat-x;}
#SubTopAbout{ background:url(images/img-aboutus.jpg) right no-repeat; width:917px; height:249px}
#SubTopBlog{ background:url(images/img-blog.jpg) right no-repeat; width:917px; height:249px}
#SubTopContact{ background:url(images/img-contact.jpg) right no-repeat; width:917px; height:249px}
#SubTopJobSeekers{ background:url(images/img-js.jpg) right no-repeat; width:917px; height:249px}
#SubTopSearch{ background:url(images/img-search.jpg) right no-repeat; width:917px; height:249px}
#SubTopStaffing{ background:url(images/img-ss.jpg) right no-repeat; width:917px; height:249px}

#MiddleAbout{ background:url(images/bg-about.jpg) repeat-y; width:917px;}
#MiddleBlog{ background:url(images/bg-blog.jpg) repeat-y; width:917px;}
#MiddleContact{ background:url(images/bg-contact.jpg) repeat-y; width:917px;}
#MiddleJobSeekers{ background:url(images/bg-js.jpg) repeat-y; width:917px;}
#MiddleSearch{ background:url(images/bg-search.jpg) repeat-y; width:917px;}
#MiddleStaffing{ background:url(images/bg-ss.jpg) repeat-y; width:917px;}
#Middle{ width:911px; padding:0 3px; border:3px solid #fff; border-width:0 0 3px 0;}
#Middle ul{ font-size:11px; padding:0 0 10px 0; line-height:17px; margin:0; padding:0 0 10px 24px;}
#Middle ol{ font-size:11px; padding:0 0 10px 0; line-height:17px; margin:0; padding:0 0 10px 24px;}
#Middle li{ margin:0; padding:0 0 4px 0}

#SubCopy{ padding:10px 18px 10px 14px; width:520px; float:left}
#Sidebar{ width:359px; float:left;}
#Sidebar a{ color:#000; font-weight:bold; text-decoration:underline}
#Sidebar a:hover{ text-decoration:none}
#Sidebar .lgtxt{ font-size:14px;}
#Sidebar .lgtxt a{ text-decoration:none;color:#b3170c;}

#SidebarBlog{ width:359px; float:left;}
#SidebarBlog ul{ margin:0; padding:0 0 10px 0}
#SidebarBlog ul ul{padding:0 0 10px 20px}
#SidebarBlog h2{ color:#fff}
#SidebarBlog a{ color:#000; font-weight:bold; text-decoration:none;}
#SidebarBlog a:hover{ text-decoration:underline;}
#SidebarBlog .lgtxt{ font-size:14px;}
#SidebarBlog .lgtxt a{ text-decoration:none;color:#b3170c;}

#SubNav{ background:#000 url(images/amp.gif) no-repeat right; width:359px; color:#fff;}
#SubNav ul{ list-style:url(images/redbox.gif); text-transform:uppercase; margin:0; padding:10px 0 10px 34px;}
#SubNav li{ margin:0; padding:0 6px 0 0;}
#SubNav li a{ color:#fff; text-decoration:none; font-weight:normal}
#SubNav li a:hover{ color:#fff; text-decoration:underline}
#SubNav li a.current{ color:#b3170c; text-decoration:none}

#Quicklinks{ float:left; width:150px; height:99px; padding:3px 0 0 0; position:relative; display:block;}
#Quicklinks ul{margin:0; padding:0;list-style:none}
#Quicklinks li{float:left;}				
#Quicklinks li a span{display:none;}				
#Quicklinks li a{ width:150px; display: block; float: left; padding: 0;}
#Quicklinks li a.hrres{height:18px; background: url(images/ql-nav_01.gif) no-repeat left;}				
#Quicklinks li a.jsres{height:20px; background: url(images/ql-nav_02.gif) no-repeat left;}
#Quicklinks li a.blog{height:21px; background: url(images/ql-nav_03.gif) no-repeat left;}		
#Quicklinks li a.brochure{height:20px; background: url(images/ql-nav_04.gif) no-repeat left;}
#Quicklinks li a.newsletter{height:20px; background: url(images/ql-nav_05.gif) no-repeat left;}		
#Quicklinks li a:hover{background-position:right; }
#Quicklinks li a.current{background-position:right; }
#FeaturedJobs{ float:left; width:200px; padding:0 0 0 20px}

#Wrapper{ width:917px;}
#Logo{ height:119px; widows:917px;}
#Nav{ width:917px; padding:2px 0 0 0}
#Nav ul{ list-style:none; float:left; margin:0; padding:0 0 0 0;}
#Nav li{ float:left; padding:0 16px 0 0; margin:0;}
#Nav li a{ text-transform:uppercase; color:#fff; font-size:10px; text-decoration:none}
#Nav li a:hover{ text-decoration:underline}
#Nav li a.current{ text-decoration:none; color:#ee3124}

#BottomWrapper{ background:#000;}
#BottomWrapperSub{ background:#000; border:14px solid #ee3124; border-width:14px 0 0 0}
#Footer{ width:917px; color:#fff; padding:10px 0; font-size:10px;}
#Footer a{ color:#fff; 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:#F8C842; padding:0;}
div.question h4{padding:4px; color:#000; font-size:12px}
div.question h4:hover{padding:4px; color:#fff; font-size:12px}
div.question:hover {background:#b3170c; cursor:pointer}
div.question.active{background:#b3170c;}
div.question.active h4{background:#b3170c; color:#fff}
	
/***********Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */	
	input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	input[type="button"]{}
	input[type="submit"]{}
/* Define the various event states */	
	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;}
/* Define the basic form layout */
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	.form-row {clear: both; font-size:11px}
	.field-label { float:left; width:210px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	/* Anything extra... */	
	.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;}

/******************BLOG***************/
small{font-weight:bold; display:block; padding:0 0 10px 0;}
#BlogSidebarArea{ padding:0 0 0 10px;}
#BlogSidebarArea ul{ padding:0 0 10px 20px; margin:0; text-align:left}
#BlogSidebarArea ul h2{font-size:16px; text-align:left}
#BlogSidebarArea ul ul{ padding:4px 0 14px 20px; margin:0; text-align:left}
#BlogSidebarArea li{ font-size:12px;}
  #BlogSidebarArea li ul{margin:0 0 20px 0;}
  #BlogSidebarArea li li{margin:0 0 0 25px; padding:0; list-style:disc; font-size:12px; }
  #BlogSidebarArea ul{margin:0; padding:0;}
h2.widgettitle{margin:0; padding:0;}
form#searchform{margin:0 0 15px 0; font-weight:bold; font-size:18px;}
#comment{width:320px;}
img.alignright {float:right; margin:6px 0 1em 1em}
img.alignleft {float:left; margin:6px 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:6px 0 1em 1em}
a img.alignleft {float:left; margin:6px 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.postmetadata{ padding:0 0 14px 0; margin-bottom:16px; border:#7f7f7f dashed 1px; border-width:0 0 1px 0; clear:both}
.entry { font-size:12px; line-height:18px;}

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

/* -- 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;}