/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(file:///H|/Design/CMS%20Templates/RenoirStaffing/js/csshover.htc); background:#626264 url(images/bg-slice.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#8e8e8e;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a {color:#3b8081}
	a:hover, a.current {text-decoration: none;}
p { font-size:12px; padding:0 0 10px 0; line-height:16px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:12px;}
strong { color:#8e8e8e;}
hr{ color:#e5e5e5; background:#e5e5e5; border:1px solid #e5e5e5; margin:0 0 10px 0; border-width:1px 0 0 0;}

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

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

/* reusable classes */
.right{float:right;}
.left{float:left;}

.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split70{position:relative; width:69%;float:left;}
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:30%;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}

/* Wrappers */

#PageWrapper{ width:908px; background:url(images/body-slice.png) repeat-y; margin-top:20px;}
#LightboxWrapper{ background:#fff; padding:6px;}
#PageWrapperTop{ background:url(images/wrapper-top.gif) no-repeat; width:908px; height:4px; overflow:hidden}
#PageWrapperBottom{ background:#626264 url(images/wrapper-top.gif) no-repeat top; width:908px; padding:10px 0;}
#Wrapper{ padding:0 4px;}

#HpTop{ background:url(images/top.gif) no-repeat bottom; width:900px; height:103px;}
#Flash{ background:url(images/flash.jpg) no-repeat; height:370px; width:900px;}
#ContentArea{ width:900px;}
#ContentArea2{ width:900px; background-color:#fff;}
#ContentArea ul{ margin:0; padding:0 0 10px 40px;}
#ContentArea ol{ margin:0; padding:0 0 10px 40px;}
#ContentArea li{ font-size:12px; line-height:16px; margin:0; padding:0 0 4px 0;}
#Copy{ float:left; padding:14px 32px 4px 22px; width:550px;}
#Copy2{ float:left; padding:14px 32px 4px 22px; width:800px;}
#Sidebar{ float:left; padding:14px 0 14px; width:278px;}

#Bottombar{ background:#fff url(images/bottombar.gif) no-repeat right; height:49px; border:1px solid #e5e5e5; border-width:1px 0 0 0; padding:0 0 0 20px;}
#Search{ float:left; padding:12px 0 0 0}
#Links{ float:right; width:440px;}

#Footer{ padding:0 6px 10px 6px; font-size:10px; color:#e0e0e1;}
#Footer a{ color:#e0e0e1; text-decoration:underline}
#site_credits { cursor:pointer }

#SubTop{ background:url(images/top-sub.gif) no-repeat bottom; width:900px; height:103px;}

#BannerEmployers{ background:url(images/banner-employers.jpg) no-repeat; width:900; height:125px;}
#BannerAboutUs{ background:url(images/banner-aboutus.jpg) no-repeat; width:900; height:125px;}
#BannerJobSeekers{ background:url(images/banner-jobseekers.jpg) no-repeat; width:900; height:125px;}
#BannerContactUs{ background:url(images/banner-contactus.jpg) no-repeat; width:900; height:125px;}
#BannerResources{ background:url(images/banner-resources.jpg) no-repeat; width:900; height:125px;}
#BannerSearchJobs{ background:url(images/banner-searchjobs.jpg) no-repeat; width:900; height:125px;}
#BannerBlog{ background:url(images/banner-blog.jpg) no-repeat; width:900; height:125px;}
#BannerPrivacy{ background:url(images/banner-privacy.jpg) no-repeat; width:900; height:125px;}
#BannerSiteMap{ background:url(images/banner-sitemap.jpg) no-repeat; width:900; height:125px;}
#BannerNewsletter{ background:url(images/banner-newsletter.jpg) no-repeat; width:900; height:125px;}

#Nav{ float:right; padding:2px;}
#Nav ul{ list-style:none; margin:0; padding:0;}
#Nav li{ float:left; padding:0 1px; margin:0;}
#Nav li a{ padding:4px 8px; background-color:#3b8081; color:#fff; display:block; text-transform:lowercase; font-size:11px; text-decoration:none;}
#Nav li a:hover{ background-color:#ed7912}
#Nav li a.activeMenuItem{ background-color:#ed7912}

#SubNav{ background:#ed7912; padding:8px 10px 8px 18px; width:872px; color:#000; font-size:12px; height:16px;}
#SubNav a{ color:#000; text-decoration:none; text-transform:lowercase; padding:0 4px 0 4px;}
#SubNav a:hover{ text-decoration:underline; text-transform:lowercase}
#SubNav .activeSubMenuItem{ text-decoration:underline; text-transform:lowercase}

/******************BLOG***************/

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; }
small{font-weight:bold;}
#Sidebar ul{margin:0; padding:0}
#Sidebar ul ul{ margin:0; padding:0 0 10px 40px}
/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:6px; margin-bottom:0;}
	div.question{ margin:0 0 8px 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**************/
/* 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:160px;}
	textarea{width:160px;}
	select{width:160px;}
	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:220px; margin-bottom:10px;}
	.field-widget { float:left; width:220px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}
	.chart-label {float:left; width:70%;}
	.chart-widget {float:left; width:30%; text-align:center;}
	.formWrap{border:1px solid #999; padding:2px; clear:both; background:#f7f7f7; margin-bottom:10px;}
		.formWrap h5{background:#666;text-align:center; color:#fff; font-size:14px; padding:3px; margin:2px 0;}
	.tri{width:30%; display:block; float:left; text-align:center;}
	.borders{border:1px solid #999;}
	.rowColor{background:#dedede;}
	
#submitSearch{height:20px; width:20px; margin:0 0 0 4px; padding:0; border:0; background: #fff url(images/arrow-orange-lg.gif) no-repeat; text-align:right; text-indent: -1000px !important; font-size:0px; font-family:Arial, Helvetica, sans-serif;  cursor: pointer; /* hand-shaped cursor */cursor: hand; /* for IE 5.x */}
	#submitSearch .button{text-indent:-1000px !important; font-size:1%;}
	#submitSearch .inputBox { margin:0}
/***********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;}