/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#011933 url(images/bg-slice.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#2fa8e0; font-weight:bold}
a:hover, a.current {text-decoration: underline; color:#D56617; font-weight:bold}
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;}

h1{color:#203e79; font-size:24px; padding:0 0 10px 0;}
h2{color:#203e79; font-size:18px; padding:0 0 10px 0;}
h3{color:#203e79; font-size:16px; padding:0 0 10px 0;}
h4{color:#203e79; font-size:14px; padding:0 0 10px 0;}
h5{color:#203e79; font-size:12px; padding:0 0 10px 0;}
h6{color:#203e79; 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 ****/
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}

.txt{ font-size:12px;}

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

.btnrefer{background:url(images/btn-square-refer.jpg) no-repeat top; width:175px; height:144px; margin:0; cursor:pointer; clear:both; float:left; border:1px solid #fff; border-width:0 0 1px 0; }
.btnrefer:hover{ background-position:bottom;}

.btntransit{background:url(images/btn-transit.gif) no-repeat top; width:175px; height:74px; margin:0; cursor:pointer; clear:both; float:left; border:1px solid #fff; border-width:0 0 1px 0; }
.btntransit:hover{ background-position:bottom;}
.btntransit.current{ background-position:bottom;}

.btndefense{background:url(images/btn-defense.gif) no-repeat top; width:175px; height:74px; margin:0; cursor:pointer; clear:both; float:left; border:1px solid #fff; border-width:0 0 1px 0; }
.btndefense:hover{ background-position:bottom;}
.btndefense.current{ background-position:bottom;}

.btninfa{background:url(images/btn-infa.gif) no-repeat top; width:175px; height:74px; margin:0; cursor:pointer; clear:both; float:left; border:1px solid #fff; border-width:0 0 1px 0; }
.btninfa:hover{ background-position:bottom;}
.btninfa.current{ background-position:bottom;}

/*************WRAPPERS**************/
#Nav{ background:url(images/nav-bg.jpg) no-repeat; width:155px; padding:6px 10px; border:1px solid #fff; border-width:0 0 1px 0; height:276px; text-transform:uppercase}
#Nav ul{ margin:0; text-align:right; list-style:none; padding:0}
#Nav li{ padding:3px 0;}
#Nav li a{ text-decoration:none; color:#ccc; font-size:11px; font-weight:normal}
#Nav li a:hover{ color:#1378d7}
#Nav li a.current{ font-weight:bold; color:#fff;}
#Nav ul ul{margin:0; padding:0 10px 2px 0}
#Nav ul ul li{padding:0 0 2px 0}
#Nav ul ul li a{ font-weight:bold; color:#C1CFDC; font-size:10px;}
#Nav ul ul li a:hover{ text-decoration:underline}
#Nav ul ul li a.current{ text-decoration:underline}

#PageWrapper{ width:860px; padding:0 24px; border:1px solid #7f7f7f; margin-top:14px; background-color:#fff;}
#Top{ width:860px; height:67px; border:4px solid #000; border-width:0 0 4px 0; background:url(images/logo-tsi.gif) no-repeat right;}
	#NumberBorder{ border:1px solid #000; width:171px; float:left; background-color:#fff; padding:1px; margin:18px 0 0 0}
	#Number{ padding:4px 6px; color:#fff; background-color:#000; font-size:14px}
#HpMiddle{ width:860px; border:1px solid #fff; border-width:1px 0; height:433px;}
#SubMiddle{ width:860px; border:1px solid #fff; border-width:1px 0; background:url(images/sub-bgslice-side.jpg) repeat-y}
#SubMiddleBlank{ width:860px; border:1px solid #fff; border-width:1px 0; background:url(images/sub-bgslice.jpg) repeat-y}
	#SideBarLeft{ width:175px; background-color:#000; border:1px solid #fff; border-width:0 1px 0 0; float:left}
	#Flash{ background:url(images/hp-flash.jpg) no-repeat; width:684px; height:433px; float:left}
#HpButtons{ background:url(images/hp-btns.jpg) no-repeat; width:860px; height:151px; border:4px solid #000; border-width:4px 0 0 0; padding:10px 0}
#SubContent{ float:left; width:684px;}
#SubCopy{ float:left; width:470px; padding:0 18px 15px 20px}
	#SubCopy ul{ padding:0 0 10px 26px; margin:0;font-size:12px; line-height:16px }
	#SubCopy ol{ padding:0 0 10px 26px; margin:0;font-size:12px; line-height:16px }
	#SubCopy li{ padding:0; margin:0}
#SubCopyBlank{ float:left; width:636px; padding:0 18px 15px 20px}
	#SubCopyBlank ul{ padding:0 0 10px 26px; margin:0;font-size:12px; line-height:16px }
	#SubCopyBlank ol{ padding:0 0 10px 26px; margin:0;font-size:12px; line-height:16px }
	#SubCopyBlank li{ padding:0; margin:0}
#SideBarRight{ float:left; width:156px; padding:10px 8px 10px 12px;}
#SideBarRight a{ color:#fff; text-decoration:none}
#SideBarRight a:hover{ text-decoration:underline}
	

#BannerAbout{ background:url(images/sub-banner-aboutus.jpg) no-repeat; width:684px; height:132px; border:14px solid #fff; border-width:0 0 14px 0}
#BannerContact{ background:url(images/sub-banner-contactus.jpg) no-repeat; width:684px; height:132px; border:14px solid #fff; border-width:0 0 14px 0}
#BannerEmployers{ background:url(images/sub-banner-employers.jpg) no-repeat; width:684px; height:132px; border:14px solid #fff; border-width:0 0 14px 0}
#BannerJobSeekers{ background:url(images/sub-banner-jobseekers.jpg) no-repeat; width:684px; height:132px; border:14px solid #fff; border-width:0 0 14px 0}
#BannerResources{ background:url(images/sub-banner-resources.jpg) no-repeat; width:684px; height:132px; border:14px solid #fff; border-width:0 0 14px 0}
#BannerSearch{ background:url(images/sub-banner-searchjobs.jpg) no-repeat; width:684px; height:132px; border:14px solid #fff; border-width:0 0 14px 0}
#BannerTransit{ background:url(images/sub-banner-transit.jpg) no-repeat; width:684px; height:132px; border:14px solid #fff; border-width:0 0 14px 0}
#BannerAec{ background:url(images/sub-banner-aec.jpg) no-repeat; width:684px; height:132px; border:14px solid #fff; border-width:0 0 14px 0}
#BannerDefense{ background:url(images/sub-banner-defense.jpg) no-repeat; width:684px; height:132px; border:14px solid #fff; border-width:0 0 14px 0}

#Footer{ border:4px solid #000; border-width:4px 0 0 0; padding:14px 0 16px; font-size:10px; text-align:center; color:#666;}

#Wrapper{}


#site_credits{ cursor:pointer}

/*************JQuery Styles***************/
div.answer{display: none;}
.answer{padding:0 10px; margin-bottom:2px;}
div.question{ margin:4px 0 6px 0; background:#C0D0E0; border:1px solid #02519E; padding:0; clear:both}
div.question h4{padding:4px; color:#203e79; font-size:13px;}
div.question span a{ font-size:11px; text-decoration:none; color:#203e79; display:inline; padding:0 0 4px 4px;}
div.question:hover {background:#fff; cursor:pointer}
div.question.active{background:#fff;}

div.answer div.question{border:0; background-color:#fff}
div.answer div.question li{text-decoration:underline}
div.answer div.question li:hover{text-decoration:none}

div.answer1{display: none;}
.answer1{padding:0 10px; margin-bottom:2px;}
div.question1{ margin:4px 0 2px 0; padding:0; clear:both}
div.question1 h4{padding:0 0 2px 0; color:#203e79; font-size:13px;}
div.question1 span a{ font-size:11px; text-decoration:none; color:#203e79; display:inline; padding:0 0 4px 4px;}
div.question1:hover { cursor:pointer; text-decoration:underline}
div.question1.active{ text-decoration:underline}

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