/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:#00123f url(images/bg_slice.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#646761; font-size:11px; text-align:center;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a {color:#af0120; text-decoration:none;}
	a:hover, a.current {text-decoration: underline;}
p { font-size:11px; padding:0 0 10px 0;}
ul, ol {padding:4px 0 0 0;}
li {font-size:11px;}
td, th, tr {font-size:11px;}
strong {}

hr{color:#af0120; background:#af0120; border:#af0120; clear:both;}

h1{color:#af0120; font-size:20px; padding:0 0 10px 0;}
h2{color:#af0120; font-size:18px; padding:0 0 10px 0;}
h3{color:#283361; font-size:16px; padding:0 0 10px 0;}
h4{color:#283361; font-size:14px; padding:0 0 10px 0;}
h5{color:#af0120; font-size:12px; padding:0 0 10px 0;}
h6{color:#af0120; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right; text-align:right;}
.left{float:left;}
.hide{visibility:hidden;}
.red{color:#af0120;}
.click{cursor:pointer;}

.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;}

/* Navigation */
#Nav {margin:0 4px; width: 921px; height: 32px; list-style: none; background-color: #fff; padding: 0; position:relative; clear:both; display:block;}
	#Nav ul {margin:0; padding:0; list-style:none}
	#Nav li {float: left;}
					
	#Nav li a span {display: none; }				
	#Nav li a {height: 32px; display: block; float: left; padding: 0;}
					
	#Nav li a.home {width:109px; background: url(images/nav_home.jpg) no-repeat top;}
	#Nav li a.aboutus {width:128px; background: url(images/nav_aboutus.jpg) no-repeat top;}
	#Nav li a.employers {width:121px; background: url(images/nav_employers.jpg) no-repeat top;}				
	#Nav li a.jobseekers {width:140px; background: url(images/nav_jobseekers.jpg) no-repeat top;}
	#Nav li a.searchjobs {width:145px; background: url(images/nav_searchjobs.jpg) no-repeat top;}	
	#Nav li a.resources {width:133px; background: url(images/nav_resources.jpg) no-repeat top;}
	#Nav li a.contactus {width:142px; background: url(images/nav_contactus.jpg) no-repeat top;}
										
	#Nav li a:hover {background-position: bottom; }
	#Nav li a.current {background-position: bottom; }

/* SubNav */
#SubNav {background:#000; margin:4px 2px; width:921px; height:25px;}
#SubNavContent {padding:0px;}
	#SubNavContent a{ color:#fff; font-size:11px; padding:0 14px 0 0; margin:2px 0;}	


/* Wrappers */
#PageWrapper{margin-top:22px; width:933px; text-align:left;}
/* Home Page */
	#HPWrapper{margin-top:22px; background:url(images/bg_home.jpg) no-repeat; width:933px; height:539px; text-align:left;}
		#HPTop{height:325px;}
		#HPCopy{width:464px; float:left; padding:130px 20px 10px 20px; color:#fff; }
	/*#HPFlash{background:url(images/flash.jpg) no-repeat; width:387px; height:324px; float:right}*/
	#HPBottom{position:relative; padding:30px 20px 10px 20px}
		#HPBottom  h3{visibility:hidden;}
	#HP_People{height:132px; width:270px; float:left; margin-right:40px; cursor:pointer;}
	#HP_Work{height:132px; width:270px; float:left; margin-right:40px; cursor:pointer;}
	#HP_Start{height:132px; width:270px; float:left; cursor:pointer;}

/* Sub Page */
#Wrapper{width:933px; background:url(images/bg_subSlice.png) repeat-y;}
#Top{ width:933px; height:117px; background:url(images/bg_subTop.jpg) no-repeat; overflow:hidden; text-indent:-1000px;}
	/*#Top a{text-ind}*/
#ContentWrapper{margin:0; padding:0; background:url(ima-ges/bg_subBody.jpg) no-repeat;}
#Bottom{ width:933px; height:27px; background:url(images/bg_subFoot.jpg) no-repeat}

#Logo{position:relative; width:933px; padding:0 0 2px 16px;}
#HeaderAbout{width:918px; background:url(images/headerAbout.jpg); height:69px; overflow:hidden; margin:0 3px; padding:0;}
#HeaderEmployers{width:918px; background:url(images/headerEmployers.jpg); height:69px; overflow:hidden; margin:0 3px; padding:0;}
#HeaderJobSeeker{width:918px; background:url(images/headerJobseekers.jpg); height:69px; overflow:hidden; margin:0 3px; padding:0;}
#HeaderSearchJobs{width:918px; background:url(images/headerSearch.jpg); height:69px; overflow:hidden; margin:0 3px; padding:0;}
#HeaderResources{width:918px; background:url(images/headerResources.jpg); height:69px; overflow:hidden; margin:0 3px; padding:0;}
#HeaderContactus{width:918px; background:url(images/headerContact.jpg); height:69px; overflow:hidden; margin:0 3px; padding:0;}

#Content{}
	#Content ol{ padding:0 0 10px 30px;}
	#Content ul{ padding:0 0 10px 30px;}
	#Content li{ padding:2px 0 2px 2px; font-size:11px;}
#LeftContentAll{ width:566px; padding:10px 30px 30px 30px; float:left; }
#LeftContent{ width:600px; padding:24px 10px 10px 16px; float:left; }
	#BoxTop{ width:590px;}
		#ContentTop{ float:left; width:590px; padding:4px 0 0 14px; font-size:12px; margin-bottom:10px}
		#Testimonial{ background:url(images/test_bg.jpg) no-repeat; width:218px; height:230px; float:right;}
		#Testimonial p{ padding:14px 12px 8px 18px; color:#9d0a0e; font-size:12px; line-height:16px;}
		#Testimonial h5{padding:6px 12px 10px 18px; color:#9d0a0e; font-size:10px;}
	#BoxBottom{ width:576px; padding:4px 10px 10px 24px; float:left; }
		#SubPic{float:left; border:1px solid #565656; padding:4px;}
		#ContentBottom{ padding:0 0 0 30px; float:left; width:300px;}
			#ContentBottom ul{ padding:0 20px 8px 20px; font-size:11px; line-height:14px}
			#ContentBottom li{ padding:2px 0 3px 2px;}

#RightContent{ float:left; width:260px; padding:24px 0px 0px 16px;}
	#RightContent ul{margin:0 0 0 25px; padding:0;}
	#Btns{ float:left}
	#Btns a img{ margin-bottom:4px;}
	#RedBox{border:1px solid #9d0a0e; padding:4px 8px 4px 14px; width:216px; clear:both; margin-top:12px; margin-bottom:12px;}
	#RedBox2{border:1px solid #9d0a0e; padding:4px 8px 4px 14px; width:216px; clear:both; margin-top:12px; margin-bottom:12px;}
	
#BottomContent{ width:910px;}
	#BottomContentLeft{ float:left; width:612px; padding:0 0 0 20px;}
	#BottomContentRight{ float:left; background:url(images/logo_asa.gif) no-repeat; padding:0 10px 0 10px; width:252px; height:52px;}
	#BottomContent img{ padding-right:10px;}

/*************s2k*************/
.src_title, .src_synopsis_title, .src_synopsis_title a{font-weight:bold !important; font-size:16px !important;}
.src_title a:hover, .src_synopsis_title a:hover{font-weight:bold; font-size:16px !important;}
.src_synopsis_heading{font-size:14px !important; font-weight:bold; visibility:hidden;}
.src_synopsis{margin-bottom:10px;}

.s2k_text_2006 {font-family:Arial, Helvetica, sans-serif;font-size:11px;line-height:normal;color:#000000;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#7386AD;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#7B5D73;}
.s2k_bold_2006 {font-weight:bold;color:#9F383A;}
.s2k_byline_2006 {font-size:10px;font-style:italic;color:#000000;}
.s2k_footer_2006 {font-size:10px;color:#000000;}
.s2k_image_2006 {border:1px solid #000000;}

#Footer { width:900px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0 0 20px 0}
	#Footer ul {padding:0 0 0 0}
	#Footer li {font-size:11px; padding:0 0 0 6px; float:right; list-style:none; color:#fff;}
	#Footer a { font-size:11px; text-decoration:none; color:#fff;}
	#Footer a:hover, #Footer a.current {color:#af0120; font-size:11px; text-decoration:none;}
/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}
.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;} 