/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#fff; font-family: Arial, Helvetica, sans-serif; color:#1d1d1d;}
* {margin: 0 auto; padding: 0;}
a img {border: none;}
a {text-decoration: underline;}
	a:hover, a.current {text-decoration: none;}
p { font-size:12px; padding:0 0 10px 0; line-height:17px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#1d1d1d;}

h1{color:#000; font-size:20px; padding:0 0 10px 0; line-height:20px;}
h2{color:#000; font-size:18px; padding:0 0 10px 0;}
h3{color:#000; font-size:16px; padding:0 0 10px 0;}
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;}

/* 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}
.rightimg{ border:1px solid #4f4f4f; float:right}
.sidebarimg{ border:2px solid #4f4f4f; margin-bottom:8px}
.bio{ clear:both}
.biopic{ border:2px solid #4f4f4f; margin-bottom:12px; margin-left:10px}
.toplink{ float:right; font-weight:bold; color:#000; size:16px; padding:5px 0 0 0}
.smalltxt{ font-size:12px; font-weight:normal}
.medtxt{ font-size:16px; font-weight:bold}

/************WRAPPERS*********************/
#PageWrapper{ width:943px;}

#HpTop{ background:#fff; height:37px; width:943px;}
#SubTop{ background:#fff; height:37px; width:943px;}

#Flash{ background:url(images/flash.gif) no-repeat; width:683px; height:222px; float:right; margin:10px 0 14px 0; padding:0 12px 0 0}
#GreyBar{ width:941px; padding:12px 1px; background:#9c9ea5; display:block}
#HpTxt{ background:url(images/txt-hp.gif) no-repeat; height:38px; width:941px; display:block;}
#HpMiddle{ padding:0 11px 0 21px; width:911px}
#HpMiddle p { font-size:13px; padding:0 0 10px 0; line-height:20px;}
#HpCopy{ width:443px; float:left; padding:0 18px 0 0}
#HpNews{
	width:209px;
	padding:4px;
	background-color:#fff;
	float:left;
	border:1px solid #ccc;
	height: 210px;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0;
}
#HpEvents{
	width:209px;
	padding:4px;
	background-color:#fff;
	float:left;
	border:1px solid #ccc;
	height: 210px;
}

.hpboxcopy{
	float:left;
	width:110px;
	font-size:11px;
	height:105px
}
.hpboxcopy a{ color:#ee3224; text-decoration:none;}

.hpboxcopy2{ float:left; width:200px; font-size:11px;}
.hpboxcopy2 a{ color:#ee3224; text-decoration:none;}

#SubBanner{ background:url(images/sub-banner.gif) no-repeat; height:128px; width:943px;}
#SubMiddle{ background:url(images/sub-slice.gif) repeat-y; width:943px;}
#SubMiddle ul{ font-size:12px; padding:0 0 10px 26px; line-height:17px; margin:0;}
#SubMiddle ol{ font-size:12px; padding:0 0 10px 26px; line-height:17px; margin:0;}
#SubMiddle li{ padding:0 0 6px 0; margin:0;}
#NavSidebar{ width:249px; padding:0 0 10px 0; float:left}
#SubCopy{ float:left; width:446px; padding:0 22px 0 18px;}
#SubCopy h1{ background-color:#b2bb1b; padding:2px 6px 4px 6px; margin-bottom:8px; color:#fff; font-size:18px;}
#SubCopy2{ float:left; width:638px; padding:12px 10px 0 18px;}
#SubCopy2 h1{ background-color:#b2bb1b; padding:2px 6px 4px 6px; margin-bottom:8px; color:#fff; font-size:18px;}
#Sidebar{ float:left; width:192px; padding:50px 0 18px 0}
#SidbarBg{
	width:176px;
	padding:8px;
	background-color:#fff;
	border:1px solid #ccc;
}
#SidbarBg p {
	font-size: 11px;
}


#HpBottom{ background:url(/images/bottom.gif) no-repeat; width:943px; height:76px; clear:both;}
#HpBottom1{ background:url(/images/bottom1.gif) no-repeat; width:943px; height:76px; clear:both;}
#HpBottom1 a {color:#666;}
#HpBottom1 a:hover {color:#EE3225;}

#footer {  clear:both; background:url(/images/footer-grad.png) repeat-x; padding-top:10px; margin: 0 1px; height:230px; }
#footer div { float:left; padding:0 20px;   }
#footer, #footer a { font-size:11px; color:#666; }
#footer a, #footer strong { padding:0 0 10px 0; margin:0; display:block; }


#SubBottom{ background:url(/images/bottom-sub.gif) no-repeat; width:943px; height:76px; clear:both}

#BottomText{
	font-size:11px;
	padding:19px 0 0 8px;
	float:left;
	 width:766px;
	color:#4f4f4f
}
#BottomText1{
	font-size:11px;
	padding:19px 0 0 8px;
	float:left;
	 width:726px;
	color:#4f4f4f
}
#BottomText a{ color:#4f4f4f; text-decoration:none;}
#BottomText a:hover{ color:#4f4f4f; text-decoration:underline}
#BottomBtns{ float:left; margin:26px 0 0 0;}
#SiteCreadits{ clear:both; font-size:11px; padding:10px 0 4px 2px; float:right}
.credits{ cursor:pointer}

/******************Navigation***************/
#Nav {list-style: none; padding: 8px 0 0 0; position:relative; clear:both; display:block; float:left}
	#Nav ul {margin:0; padding:0; list-style:none;}
	#Nav li { padding:0 0 10px 30px; margin:0; clear:both}								
	#Nav li a {color:#000; text-decoration:none; font-size:14px}
	#Nav li a:hover { text-decoration:underline }
	#Nav li a.current { font-weight:bold}
	
#Nav ul ul{ padding:0 0 10px 18px; width:150px}
#Nav ul ul li a{width:150px}

/******************Navigation***************/
#FeatureNav {width:646px; height:170px; list-style: none; padding:5px 0 10px 0; position:relative; clear:both; display:block;}
	#FeatureNav ul {margin:0; padding:0; list-style:none}
	#FeatureNav li {float: left;}
					
	#FeatureNav li a span {display: none; }				
	#FeatureNav li a { height:170px; display: block; float: left; padding: 0;}
					
	#FeatureNav li a.applicant {width:215px; background: url(images/nav-features_01.gif) no-repeat top;}
	#FeatureNav li a.recruiter {width:216px; background: url(images/nav-features_02.gif) no-repeat top;}		
	#FeatureNav li a.admin {width:215px; background: url(images/nav-features_03.gif) no-repeat top;}
										
	/*hover*/
	#FeatureNav li a:hover {background-position: bottom; }
	#FeatureNav li a.current {background-position: bottom; }
	
/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	.answer h2{ padding:0;}
	div.question{ margin:10px 0 4px 0; background:#e6e6e6; padding:4px 8px 8px 8px; border:2px solid #000}
	div.question h4{padding:0; color:#000; font-size:16px;}
	div.question p{ padding:0}
	div.question:hover {background:#e6e6e6; cursor:pointer; border:2px solid #ed3326}
	div.question.active{background:#e6e6e6; border:2px solid #ed3326}
	
/***********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;}

/***********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;} 
#SubMiddle ul.newslists {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

#SubMiddle ul.newslists li{
	list-style-type: none;
	font-weight: bold;
	background-image: url(images/bullet-green.gif);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 22px;
}
#SubMiddle ul.newslists li ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-weight: normal;
}
#SubMiddle ul.newslists li ul li {
	background-image: url(images/bullet-green-lv2.gif);
	font-weight: normal;
}
a.preso-link {
	color: #EE3224;
	display: block;
	height: 44px;
	padding-top: 30px;
	padding-left: 112px;
	background-image: url(images/bondtalent-preso.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}
a.preso-link:hover {
	text-decoration:underline;
}
.blogtalkradio {
	background-image: url(images/blogtalkradio-button.gif);
	background-repeat: no-repeat;
	display: block;
	width: 385px;
	margin-bottom: 16px;
	padding-top: 32px;
	padding-left: 34px;
	padding-right: 10px;
	font-size: 12px;
}