/*********GLOBAL STYLES**********************************************/
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:#364679 url(../images/bg-slice.gif) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;}
* {margin: 0 auto; padding: 0;}
a img {border: none;}
a {color:#03b4a0; text-decoration:underline;}
a:hover, a.current {text-decoration: none;}
a strong {color:#03b4a0; text-decoration:underline;}
a strong:hover, a strong.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:11px;}
strong { color:#000;}
hr{ height:1px; background-color:#364679; color:#364679; border:1px solid #364679; border-width:1px 0 0 0; margin-bottom:12px;}
h1{color:#364679; font-size:20px; padding:0 0 10px 0;}
h2{color:#03b4a0; font-size:18px; padding:0 0 10px 0;}
h3{color:#c86f09; font-size:16px; padding:0 0 10px 0;}
h3 a{color:#c86f09; font-size:14px; padding:0 0 6px 0; text-decoration:none}
h3 a:hover{color:#c86f09; font-size:14px; padding:0 0 6px 0; text-decoration:underline}
h4{color:#364679; font-size:14px; padding:0 0 10px 0;}
h5{color:#03b4a0; font-size:12px; padding:0 0 10px 0;}
h6{color:#c86f09; font-size:10px; padding:0 0 10px 0;}
blockquote{ padding:0 0 0 14px;}

/*********CLASSES**********************************************/
.right{float:right;}
.left{float:left;}
.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.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 #333; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.whiteline { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.small{ font-size:10px;}


/*********NEWS CLASSES**********************************************/
.eventBody{ font-size:12px;}
.eventDate{ font-size:10px; font-weight:bold; padding:0 0 4px 0;color:#c86f09;}
.eventTitle{color:#03b4a0; font-size:18px; clear:both; padding:0 0 4px 0;}
.shortDescriptionBoxOuter{ padding:0 0 10px 14px;}

/*********BLOG CLASSES**********************************************/
.blogControlMain{ font-size:12px;}
.blogControlContainer{ font-size:12px; padding:0 0 12px 0; float:left}
.blogControlNext{ font-size:12px; float:left}
.blogContainer{ font-size:12px; float:left; clear:both; width:667px;}
.blogMainDate{ font-size:12px; float:left}
.blogTopSeperator{ font-size:12px;}
.blogTitle{color:#03b4a0; font-size:18px; clear:both}
.blogPostedBy{ font-size:10px; font-weight:bold; padding:0 0 10px 0;color:#c86f09;}
.blogMood{ font-size:12px; display:none}
.blogMusic{ font-size:12px; display:none}
.blogBody{ font-size:12px;}
.blogPostedOn2{ font-size:10px; font-weight:bold; padding:0 0 0px 0;color:#c86f09; float:left}
.blogPostedOnDate{ font-size:10px; font-weight:bold; padding:0 0 0px 0;color:#c86f09; float:left}
.blogComments2{ font-size:12px; clear:both}
.blogTagList{ font-size:12px;}
.blogSocialImages{ font-size:12px;}

/*********WRAPPERS**********************************************/
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#Wrapper{ width:923px;}

/*********HOMEPAGE**********************************************/
#HpPageWrapper{ width:923px; background:url(../images/hp-slice-blue.gif) repeat-y; margin-top:30px; padding:0}
#HpTop{ background:url(../images/hp-top.gif) no-repeat; width:913px; height:100px; padding:5px;}
#HpFlash{ background:url(../images/hp-flash.jpg) no-repeat; width:918px; height:220px; padding:0 4px 0 0; margin-left:1px}
#HpTitle{ background:url(../images/hp-title.gif) no-repeat; width:920px; height:54px; padding:0 3px 0 0;}
#HpBody{ width:920px;}
#HpBodyCopy{ width:434px; float:left; padding:6px 20px 2px 20px}
#FurstLook{ width:151px; padding:8px 0 0 0; float:left; border:1px #ccc solid; border-width:0 1px 0 0; height:199px}

/*********SUBPAGE************************************************/
#SubPageWrapper{ width:923px; background:url(../images/sub-slice.gif) repeat-y; margin-top:30px}
#SubTop{ background:url(../images/sub-top.gif) no-repeat; width:923px; height:70px;}
#SubBannerCand{ background:url(../images/banner-cand.jpg) no-repeat; height:160px;}
#SubBannerClient{ background:url(../images/banner-client.jpg) no-repeat; height:160px;}
#SubBannerRes{ background:url(../images/banner-res.jpg) no-repeat; height:160px;}
#SubBannerSearch{ background:url(../images/banner-search.jpg) no-repeat; height:160px;}
#SubBannerApply{ background:url(../images/banner-apply.jpg) no-repeat; height:160px;}
#SubBannerWho{ background:url(../images/banner-who.jpg) no-repeat; height:160px;}
#SubBannerContact{ background:url(../images/banner-contact.jpg) no-repeat; height:160px;}
#SubBannerBlank{ background:url(../images/banner-blank.jpg) no-repeat; height:160px;}
#SubBody{ width:920px;}
#SideBarHolder{ width:179px; padding:10px; float:left}
#SideBarCopy{ padding:10px 4px 10px 10px;}
#SideBarCopy ul{ padding: 0 0 0 14px; font-size:12px}
#SideBarCopy li{ padding:0 0 4px 0}
#Testim{ padding:10px 5px 5px 5px; color:#03b4a0; font-weight:bold}
#SubBodyCopy{ width:457px; float:left; padding:14px 20px 10px 20px}
#SubBodyCopy p{font-size:12px; padding:0 0 10px 14px; line-height:18px}
#SubBodyCopy ul{ margin:0; padding:0 0 10px 50px}
#SubBodyCopy ol{ margin:0; padding:0 0 10px 50px}
#SubBodyCopy li{ padding:0 0 8px 0; font-size:12px; line-height:16px}
#SubBodyCopy2{ width:667px; float:left; padding:14px 20px 10px 20px}
#SubBodyCopy2 p{font-size:12px; padding:0 0 10px 14px; line-height:18px}
#SubBodyCopy2 ul{ margin:0; padding:0 0 10px 50px}
#SubBodyCopy2 ol{ margin:0; padding:0 0 10px 50px}
#SubBodyCopy2 li{ padding:0 0 8px 0; font-size:12px; line-height:16px}
#RightSideBarHolder{ padding:24px 0 4px 0;}
#RightSideBar{ float:left; width:216px; padding:2px; border:#f9e4cc solid 1px; border-width:0 0 0 1px;}
#SidePics{ padding:0 4px;}
#SidePics .pic01{ background:url(../images/pic_01.jpg) no-repeat; width:175px; height:145px;}
#SidePics .pic02{ background:url(../images/pic_02.jpg) no-repeat; width:175px; height:145px;}
#SidePics .pic03{ background:url(../images/pic_03.jpg) no-repeat; width:175px; height:145px;}
#SidePics .pic04{ background:url(../images/pic_04.jpg) no-repeat; width:175px; height:145px;}
#SidePics .pic05{ background:url(../images/pic_05.jpg) no-repeat; width:175px; height:145px; margin-bottom:10px;}
#SidePics .pic06{ background:url(../images/pic_06.jpg) no-repeat; width:175px; height:145px;}
#SidePics .pic07{ background:url(../images/pic_07.jpg) no-repeat; width:175px; height:145px;}
#SidePics .pic08{ background:url(../images/pic_08.jpg) no-repeat; width:175px; height:145px;}
#SidePics .pic09{ background:url(../images/pic_09.jpg) no-repeat; width:175px; height:145px;}
#SidePics .pic10{ background:url(../images/pic_10.jpg) no-repeat; width:175px; height:145px;}
#SidePics .pic11{ background:url(../images/pic_11.jpg) no-repeat; width:175px; height:145px;}

/*********BOTTOM************************************************/
#Bottom{ background:url(../images/bottom.gif) no-repeat; width:923px; height:45px; font-size:10px; color:#777576;}
#Bottom ul{ list-style:none; padding:14px 0 0 12px; float:left}
#Bottom li{ float:left; padding:0 8px 0 0;}
#Bottom li a{ color:#777576; text-decoration:none}
#Bottom li a:hover{ color:#777576; text-decoration:underline}
#Bottom li a.current{text-decoration:underline}
#Bottom span{ float:right; padding:14px 12px 0 0}
#Bottom span a{ color:#777576; text-decoration:none}
#Bottom span a:hover{ color:#777576; text-decoration:underline}

/*********NAVIGATION************************************************/
#Nav {width: 920px; height: 30px; list-style: none; padding: 0; position:relative; clear:both; display:block; padding:0 3px 0 0;}
	#Nav ul {margin:0; padding:0; list-style:none;}
	#Nav li {float: left;}					
	#Nav li a span {display: none; }				
	#Nav li a {height: 30px; display: block; float: left; padding: 0;}					
	#Nav li a.home {width:87px; background: url(../images/nav-home.gif) no-repeat top;}
	#Nav li a.cand {width:147px; background: url(../images/nav-cand.gif) no-repeat top;}		
	#Nav li a.client {width:120px; background: url(../images/nav-client.gif) no-repeat top;}					
	#Nav li a.res {width:96px; background: url(../images/nav-res.gif) no-repeat top;}				
	#Nav li a.search {width:105px; background: url(../images/nav-search.gif) no-repeat top;}
	#Nav li a.apply {width:106px; background: url(../images/nav-apply.gif) no-repeat top;}	
	#Nav li a.who {width:106px; background: url(../images/nav-who.gif) no-repeat top;}
	#Nav li a.contact {width:153px; background: url(../images/nav-contact.gif) no-repeat top;}										
	/*hover*/
	#Nav li a:hover {background-position: bottom; }
	#Nav li a.current {background-position: bottom; }

/*********SUBNAV************************************************/
#SubNav{ font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; padding:4px 0 0 0;}
	#SubNav ul{ padding:2px 0 0 6px; list-style:none; clear:both}
	#SubNav li{ padding:0 0 13px 0}
	#SubNav li a{ color:#fff; background:url(../images/arrow-blue.gif) no-repeat; padding:2px 0 0 12px; text-decoration:none; font-weight:bold}
	#SubNav li a:hover{ background:url(../images/arrow-orange.gif) no-repeat; cursor:pointer}
	#SubNav li a.current{ background:url(../images/arrow-orange.gif) no-repeat; cursor:pointer}
	
/**********SLIDER STYLES******************/
#Slider{ height:207px; width:291px; *width:292px; float:left; background-color:#c2c7df;}
#Slider ul{list-style: none;  margin: 0;  padding: 0; float:left}
#Slider ul li{float: left;  padding:0; margin:0;  display: block;}
#Slider ul li a{display: block; cursor:pointer;  overflow: hidden;  height: 207px;  width: 15px; text-decoration:none; float:left}

#Slider #a1{width:240px;}
#Slider ul li img{position: absolute;}
#Slider ul li p{margin: 0; color:#10152d; padding:10px 0 10px 30px;  width: 190px;  display: block; text-decoration:none}
#Slider strong{ text-decoration:none}

/**********SLIDER STYLES******************/
#Slider2{ height:480px; width:660px; *width:660px; float:left; background-color:#e0e0e0; margin:6px 0 14px 0;}
#Slider2 ul{list-style: none;  margin: 0;  padding: 0; float:left}
#Slider2 ul li{float: left;  padding:0; margin:0;  display: block;}
#Slider2 ul li a{display: block;  overflow: hidden;  height: 480px;  width: 70px; text-decoration:none; float:left}

#Slider2 #a2{width:310px;}
#Slider2 ul li img{position: absolute;}
#Slider2 ul li p{margin: 0; color:#10152d; padding:10px 0 10px 90px;  width: 200px;  display: block; text-decoration:none}
#Slider2 strong{ text-decoration:none}

/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	div.question{ margin:8px 0 4px 0; background:#ededed; padding:0; cursor:pointer}
	div.question h4{padding:4px; color:#000; font-size:12px; cursor:pointer}
	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. */	
	form{ padding:0 0 14px 14px;}
	#myForm.mceVisualAid p { padding:0 0 10px 0;}
	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;}
select.textfield40{ width:40px;}

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

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