/******************Styles***************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;}
* {margin: 0 auto; padding: 0;}
a img {border: none;}
a {}
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:#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;}
h3.bgtag{color:#fff; font-size:15px; padding:2px 4px; margin-bottom:6px; background-color:#981d30; text-transform:uppercase}
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;}

hr{ border:1px solid #fff; border-width:0 0 1px 0; margin-bottom:10px; background-color:#c9bead}

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

/******************WRAPPers***************/
#HpWrapper{ background:url(images/hp_bgslice.gif) repeat-x;}
#SubWrapper{ background:url(images/sub_bgslice.gif) repeat-x;}

#HpPageWrapper{ background:url(images/hp_top.gif) no-repeat; width:916px; padding:76px 0 0 0;}
#SubPageWrapper{ background:url(images/sub_top.gif) no-repeat; width:916px; padding:0 0 0 0;}
#HomeLink{ height:76px; width:766px; padding:0 0 0 150px}

#Nav{ width:630px; height:20px; float:right; position:relative}
#Nav ul{ float:left; font-size:12px; font-weight:bold; list-style:none}
#Nav li{ float:left; padding:0 4px 0 20px}
#Nav li a{ color:#333333; text-decoration:none;}
#Nav li a:hover{ color:#981d30; text-decoration:none}
#Nav li a.current{ color:#981d30; text-decoration:none}

.lavaLamp li{list-style:none; display:block;}
.lavaLamp li.back {background: url(images/dot-logo.gif) no-repeat; background-position:5px 5px; z-index:8; position:absolute; height:30px;}
.lavaLamp li.current {background: url(images/spacer.gif) no-repeat; background-position:5px 5px;}
.lavaLamp li a {z-index:10; position:relative; overflow:hidden;}   
	.lavaLamp li a:hover {border: none;}  

#Banner{ width:916px; height:290px; clear:both}
#Banner span{ display:none}

#HpCopy{ padding:0 0 0 244px; width:600px;}
#HpCopy h1{ color:#333; font-size:16px; padding:10px 0 4px 0}
#HpCopy h1 a{ color:#333; font-size:16px; padding:10px 0 4px 0; text-decoration:none}

#GoodPeople{ width:600px;}
#GoodJobs{ width:600px; clear:both;}

#SideBubbles{margin:7px 0 0 0; width:280px; float:left}

#SubPicAbout{ background:url(images/sub-pic-about.jpg) no-repeat; width:247px; height:251px; float:left; }
#SubPicAboutWhy{ background:url(images/sub-pic-about-why.jpg) no-repeat; width:247px; height:251px; float:left; }
#SubPicAboutAff{ background:url(images/sub-pic-about-aff.jpg) no-repeat; width:247px; height:251px; float:left; }
#SubPicSearch{ background:url(images/sub-pic-search.jpg) no-repeat; width:247px; height:251px; float:left; }
#SubPicJob1{ background:url(images/sub-pic-job-6.jpg) no-repeat; width:247px; height:251px; float:left; }
#SubPicJob2{ background:url(images/sub-pic-job-2.jpg) no-repeat; width:247px; height:251px; float:left; }
#SubPicJob3{ background:url(images/sub-pic-job-4.jpg) no-repeat; width:247px; height:251px; float:left; }
#SubPicJob4{ background:url(images/sub-pic-job-5.jpg) no-repeat; width:247px; height:251px; float:left; }
#SubPic05{ background:url(images/sub-pic-05.jpg) no-repeat; width:247px; height:251px; float:left; }

#RedCircle{background:url(images/btn_large.gif) no-repeat top; width:118px; height:118px; cursor:pointer; float:right; padding:10px; text-align:center}
#RedCircle:hover{ background-position:bottom;}
#RedCircle h1{ color:#fff; text-decoration:none;}

#SubCopy{ float:left; width:404px; padding:56px 10px 0 20px}
#SubCopy ul{ font-size:11px; line-height:16px; margin:0; padding:0 0 10px 28px}
#SubCopy ol{ font-size:11px; line-height:16px; margin:0; padding:0 0 10px 28px}
#SubCopy li{ padding:0 0 4px 0}

#SubCopy2{ float:left; width:590px; padding:56px 10px 0 20px}
#SubCopy2 ul{ font-size:11px; line-height:16px; margin:0; padding:0 0 10px 28px}
#SubCopy2 ol{ font-size:11px; line-height:16px; margin:0; padding:0 0 10px 28px}
#SubCopy2 li{ padding:0 0 4px 0}

#Sidebar{ width:181px; float:left; padding:48px 10px 0 10px; float:right; font-size:11px;}
#SidebarTop{ background:url(images/sidebar_top.gif) no-repeat; width:181px; height:19px;}
#SidebarMiddle{ padding:0 10px; background-color:#c9bead}
#SidebarBottom{ background:url(images/sidebar_bottom.gif) no-repeat; width:181px; height:19px;}
#Sidebar h1{ color:#991e30; font-size:12px; text-transform:uppercase}
#Sidebar ul{font-size:11px; line-height:16px; margin:0; padding:0 0 10px 28px}
#Sidebar ol{font-size:11px; line-height:16px; margin:0; padding:0 0 10px 28px}
ul#Subnav{list-style:url(images/red-dot.gif);}
ul#Subnav li{ padding:0 0 6px 0;}
ul#Subnav a{ color:#fff; font-weight:bold; text-decoration:none; font-size:12px}
ul#Subnav a:hover{ color:#991e30; font-weight:bold; text-decoration:none; font-size:12px}
ul#Subnav a.current{ color:#991e30; font-weight:bold; text-decoration:none; font-size:12px}

/******************HP Buttons***************/
#BtnGoodPeople{background:url(images/btn_goodpeople.gif) no-repeat top; width:80px; height:80px; cursor:pointer; float:left}
#BtnGoodPeople:hover{ background-position:bottom;}
#BtnGoodPeople span{ display:none}

#BtnGoodJobs{background:url(images/btn_goodjobs.gif) no-repeat top; width:80px; height:80px; cursor:pointer; float:left}
#BtnGoodJobs:hover{ background-position:bottom;}
#BtnGoodJobs span{ display:none}

.BtnEmail{background:url(images/btn_email.gif) no-repeat top; width:64px; height:23px; cursor:pointer; float:left; margin:2px 0 6px 0;}
.BtnEmail:hover{ background-position:bottom;}
.BtnEmail span{ display:none}

#Footer{ width:827px; background:url(images/bottom_bgslice.gif) repeat-x; height:66px; border:1px solid #fff; border-width:0 30px; clear:both}
#Footer span{float:right; font-size:11px;}

/******************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**************/
/* 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:180px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}
	
#site_credits{ cursor:pointer}
/***********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;}