/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:center }
/*_html body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}*/
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#c03129;}
	a:hover, a.current {text-decoration: underline;}
p { font-size:11px; padding:0 0 10px 0}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr { height:28px; font-size:11px}

h1{color:#000; font-size:20px;}
h2{color:#c03129; font-size:18px; padding:0 0 8px 0}
h3{color:#000; font-size:16px; padding:6px 0 6px 0}
h4{color:#c03129; font-size:14px; padding:0 0 8px 0}
	h4 a{color:#c03129; font-size:14px; padding:0 0 8px 0; text-decoration:none}
h5{color:#000; font-size:12px; padding:0 0 8px 0}
h6{color:#c03129; font-size:10px; padding:0 0 10px 0;}

strong{ color:#c03129}

/* reusable classes */
.right{float:right;}
.left{float:left;}

.red{color:#c03129}
.redgrey{color:#aa8583}
.grey {color:#777;}

.test{ color:aa8583; font-style:italic; }

.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:40%;float:left;}
.split30{position:relative; width:33%;float:left;}

/***********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:#c03129;}
.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;}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#PageWrapper{ width:892px; margin:0 auto; margin-top:12px; padding-bottom:12px; text-align:left}
/*_html #PageWrapper{ width:892px; margin-top:12px; padding-bottom:12px;}*/

/* home page */
#HPTop{ background:url(images/hp_top.jpg) no-repeat; width:892px; height:313px;}
	#Nav{ padding:65px 20px 0 0 }
		#Nav ul {padding:0 4px 0 0}
		#Nav li {padding:0 28px 0 0; float:right; list-style:none; color:#fff;}
		#Nav a {font-family:Arial, Verdana, Helvetica, sans-serif; color:#fff; font-size:11px; text-decoration:none;}
		#Nav a:hover {font-family:Arial, Verdana, Helvetica, sans-serif; color:#fff; font-size:11px; text-decoration:underline;}
		#Nav a.current {font-family:Arial, Verdana, Helvetica, sans-serif; color:#fff; font-size:11px; text-decoration:underline;}
	
#HPMiddle{ background:url(images/hp_slice.gif) repeat-y; width:892px;}
	#HPText{ float:left; width:520px; padding:16px 0 20px 100px}
	#HPBlue{ float:left; width:220px; padding:6px 0 50px 0}
		#HPBlue img { padding:0 0 18px 40px}
	
#HPButtons{ background:url(images/hp_btnSection.jpg) no-repeat; width:892px; height:230px; padding:0 52px 0 52px}
*html #HPButtons{ background:url(images/hp_btnSection.jpg) no-repeat; width:788px; height:230px; padding:0 52px 0 52px}
	#HPButtons p { padding:126px 4px 0 4px; font-size:10px; height:82px;}
	#HPButtons a { color:#000000; text-decoration:none}
	#B1 { float:left; width:186px; height:213px; margin-right:16px; cursor:pointer;}
	#B2 { float:left; width:186px; height:213px; margin-right:16px; cursor:pointer;}
	#B3 { float:left; width:186px; height:213px; margin-right:16px; cursor:pointer;}
	#B4 { float:left; width:186px; height:213px; cursor:pointer;}
	
/* sub page */
#SubTop{ background:url(images/sub_top.jpg) no-repeat; width:892px; height:195px;}
	#Home { float:left; width:193px; height:138px; margin:36px 0 0 32px; cursor:pointer;}
	#Header { width:603px; height:99px; float:right; margin:7px 32px 0 0;}
	*html #Header { width:603px; height:99px; float:right; margin:7px 16px 0 0}
	
	#Header2 { width:603px; height:99px; float:right; margin:7px 32px 0 0; }
		
#SubMiddle{ background:url(images/sub_slice.gif) repeat-y; width:892px}
	#SubNav {width: 224px; height: 28px; list-style: none; padding: 0; float:left; padding-left:33px}
		#SubNav span{ width:224px; height:32px;}
		
		#SubNav ul {margin:0; padding:0; list-style:none}
		#SubNav li {float: left;}			
		#SubNav li a span {display: none; }				
		#SubNav li a {height: 28px; display: block; float: left; padding: 0;}
						
		#SubNav li a.about1 {width:224px; background: url(images/subnav_a1.gif) no-repeat top;}
		#SubNav li a.about2 {width:224px; background: url(images/subnav_a2.gif) no-repeat top;}		
		#SubNav li a.about3 {width:224px; background: url(images/subnav_a3.gif) no-repeat top;}					
		#SubNav li a.about4 {width:224px; background: url(images/subnav_a4.gif) no-repeat top;}	
		
		#SubNav li a.e1 {width:224px; background: url(images/subnav_e1.gif) no-repeat top;}
		#SubNav li a.e2 {width:224px; background: url(images/subnav_e2.gif) no-repeat top;}		
		#SubNav li a.e3 {width:224px; background: url(images/subnav_e3.gif) no-repeat top;}					
		#SubNav li a.e4 {width:224px; background: url(images/subnav_e4.gif) no-repeat top;}		
		#SubNav li a.e5 {width:224px; background: url(images/subnav_e5.gif) no-repeat top;}					
		#SubNav li a.e6 {width:224px; background: url(images/subnav_e6.gif) no-repeat top;}			
		
		#SubNav li a.js1 {width:224px; background: url(images/subnav_js1.gif) no-repeat top;}
		#SubNav li a.js2 {width:224px; background: url(images/subnav_js2.gif) no-repeat top;}		
		#SubNav li a.js3 {width:224px; background: url(images/subnav_js3.gif) no-repeat top;}					
		#SubNav li a.js4 {width:224px; background: url(images/subnav_js4.gif) no-repeat top;}		
		#SubNav li a.js5 {width:224px; background: url(images/subnav_js5.gif) no-repeat top;}					
		#SubNav li a.js6 {width:224px; background: url(images/subnav_js6.gif) no-repeat top;}
		#SubNav li a.js7 {width:224px; background: url(images/subnav_search.gif) no-repeat top;}
		#SubNav li a.js8 {width:224px; background: url(images/subnav_apply.gif) no-repeat top;}	
		#SubNav li a.js9 {width:224px; background: url(images/subnav_resume.gif) no-repeat top;}	
		
		#SubNav li a.r1 {width:224px; background: url(images/subnav_r1.gif) no-repeat top;}					
		#SubNav li a.r2 {width:224px; background: url(images/subnav_r2.gif) no-repeat top;}			
		/*hover*/
		#SubNav li a:hover {background-position: bottom; }
		#SubNav li a.current {background-position: bottom; }
		
		#LeftCol{ width:203px; padding:4px; border:1px #77231e solid; background-color:#fff; float:left; margin-left:6px; margin-top:6px; margin-right:6px}
			#LeftCol p{ font-size:9px}
	
	#Copy{ float:left; width:342px; padding:12px 0 10px 20px}
		#Copy ul { padding:0 0 10px 50px;}
		#Copy ol { padding:0 0 10px 50px;}
		#Copy li { padding:2px 0 2px 2px; font-size:11px;}
		#Copy p {padding:0 0 10px 20px}
		#Copy img { border:1px #77231e solid; margin-top:6px}
		
	#Copy2{ float:left; width:562px; padding:12px 0 10px 20px}
		#Copy2 ul { padding:0 0 10px 34px; margin:0}
		#Copy2 ol { padding:0 0 10px 34px; margin:0}
		#Copy2 li { padding:2px 0 2px 2px; font-size:11px;}
		#Copy2 p {padding:0 0 10px 20px; margin:0;}
		
	#Copy3{ width:826px; background-color:#fff;}
		#Copy3 ul { padding:0 0 10px 34px;}
		#Copy3 ol { padding:0 0 10px 34px;}
		#Copy3 li { padding:2px 0 2px 2px; font-size:11px;}
		#Copy3 p {padding:0 0 10px 20px}
		
		
	#Sidebar{ float:left; width:220px; padding:22px 0 0 24px}
		#Photo{}
			#Photo img { border:1px #77231e solid;}
		#Testimonial { margin-top:10px; width:190px; padding:4px 10px 0 0}
			#Testimonial span { float:left; font-size:11px; width:145px; padding-top:2px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic}
			#Testimonial p { padding:4px 12px 0 0; float:right; font-size:10px}
		#Info { margin-top:10px; width:190px; padding:4px 10px 0 0}
		
#NavRes{ width:542px; padding-top:2px; padding-bottom:14px}
	#NavRes ul { padding:4px 0 0 4px;}
	#NavRes li { padding:0 20px 0 0px; float:left; list-style:none; color:#000; font-size:10px}
	#NavRes a { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:10px; text-decoration:none;}
	#NavRes a:hover { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:10px; text-decoration:underline;}
	#NavRes a.current { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:10px; text-decoration:underline;}
		
	
	
/* all */
#Bottom{ background:url(images/footer.gif) no-repeat; width:892px; height:43px; position:relative; margin:0}
	#Footer{ width:800px; padding-top:20px; text-align:left; float:left}
		#Footer ul { padding:4px 0 0 36px; text-align:left; margin:0 auto}
		#Footer li { padding:0 8px 0 0px; float:left; list-style:none; color:#7f7f7f; font-size:10px; margin:0}
		#Footer a { font-family:Arial, Helvetica, sans-serif; color:#7f7f7f; font-size:10px; text-decoration:none;}
		#Footer a:hover { font-family:Arial, Helvetica, sans-serif; color:#7f7f7f; font-size:10px; text-decoration:underline;}
		#Footer a.current { font-family:Arial, Helvetica, sans-serif; color:#7f7f7f; font-size:10px; text-decoration:underline;}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.min480px {height:476px;}
/***************************************/	

/* -- 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;} 