/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:url(images/bg_slice.jpg) repeat-x; background-color:#9a9a9a; font-family:Verdana, Arial, Helvetica, sans-serif; color:#292828;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#ed1b2e; font-weight:bold; 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 {}
td, th, tr {font-size:11px;}
strong { color:#000;}
blockquote{ padding:4px 20px 4px 20px}

h1{color:#83a56c; font-size:20px; padding:0 0 10px 0; text-transform:uppercase}
h2{color:#ed1b2e; font-size:18px; padding:0 0 10px 0; text-transform:uppercase}
h3{color:#83a56c; font-size:16px; padding:0 0 10px 0; text-transform:uppercase; font-weight:bold;}
h4{color:#ed1b2e; font-size:13px; padding:0 0 10px 0;}
h5{color:#83a56c; font-size:12px; padding:0 0 10px 0;}
h6{color:#ed1b2e; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}

.red{color:#ed1b2e;}
.green{color:#83a56c;}

.full{position:relative; width:99%; float:left}	/*<------<--------<-----| This works better w/ px based widths */
.full2{position:relative; width:629px; float:left}
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}

.formpadding td {padding: 0 0 10px 0;}
.indent { padding:0 20px 0 12px;}
.indentbox { padding:2px 20px 0 160px;}
.xsmtxt { font-size:8px;}
.smtxt { font-size:10px;}
.medtxt { font-size:13px;}
.largetxt { font-size:16px;}
.toppad{ margin-top:8px;}
.black { color:#000;}

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

/******************s2k styles***************/
.s2k_text_2006 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#292828;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#83a56c;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#ed1b2e;}
.s2k_bold_2006 {font-weight:bold;color:#000;}
.s2k_byline_2006 {font-size:10px;font-style:italic;color:#292828;}
.s2k_footer_2006 {font-size:10px;color:#292828;}
.s2k_image_2006 {border:1px solid #292828;}


/*.box3{ width:250px; border:1px #ccc solid; padding:10px; float:left; height:120px; margin-right:10px; margin-bottom:10px;}*/
.box3{ background:url(images/btn_hitech.jpg) no-repeat; height:147px; width:280px; padding:10px; float:left;}

/*wrappers*/
#PageWrapper{ width:946px; background:url(images/bg_subSlice.gif) repeat-y; margin-top:0px;}

/*WPPages*/
#WPWrapper{ background:url(images/bg_sub.gif) no-repeat; width:946px; }
#WPWrapper{ width:946px;}
#WPMainCopy{ width:704px; float:right; padding:18px 0px 0px 20px}
#WPRightCopy{ width:170px; float:right; padding:18px 0 0 0;}
/* top right bottom left */

/*homepage*/
#HPWrapper{ background:url(images/bg_home.gif) no-repeat; height:313px; width:946px;}
#HPWrapper{ width:946px;}
#HPMainCopy{ width:504px; float:left; padding:18px 30px 0 20px}
#HPRightCopy{ width:360px; float:left; padding:18px 0 0 0;}
#HPBottomCopy{ width:880px; float:left; padding:18px 30px 0 20px;}

#Box1{ padding:0; margin-bottom:12px; cursor:pointer; height:110px; position:relative}
#Box2{ padding:0; cursor:pointer; height:110px; position:relative}

#Box1Pic{ position:absolute; background:url(images/photo_1.jpg) no-repeat top; width:141px; height:75px; top:38px; left:8px;}
#Box2Pic{ position:absolute; background:url(images/photo_2.jpg) no-repeat top; width:141px; height:75px; top:38px; left:8px;}

#Box1Pic:hover{ background-position:bottom;}
#Box2Pic:hover{ background-position:bottom;}

/*subpage*/
#SubWrapper{ background:url(images/bg_sub.gif) no-repeat; width:946px;}
#SideBar{ float:left; padding:14px 18px 12px 20px; width:234px;}
	#SideBar a{ color:#fff; text-decoration:none}
	#SideBar a:hover{ text-decoration:underline;}
	#SideBar ul{padding:0px 0px 0 20px; list-style:none; margin-bottom:10px;}
	#SideBar li{background:url(images/arrow_white2.gif) no-repeat;  padding:0 0 4px 16px; font-size:11px; margin:0;}
#SubLeftCol{ width:234px; background:url(images/sidebar_slice.gif) repeat-y;}
#SubLeftColCopy{ padding:10px 16px 10px 10px;}
#SubLeftColTop{ background:url(images/sidebar_top.gif) no-repeat;}
#SubLeftColBottom{ background:url(images/sidebar_bottom.gif) no-repeat; height:16px; width:234px}

#SubRightCopy{ width:640px; float:left; padding:22px 0 10px 0; margin-bottom:10px;}
	
	#SubRightCopy ol{ padding:10px 0 10px 40px; margin:0; font-size:11px}
	#SubRightCopy ol li{ padding:0 0 0 4px; margin:0 0 6px 0;}
	
	#SubRightCopy ul{ padding:10px 0 10px 30px; margin:0; font-size:11px; list-style:none}
	#SubRightCopy ul li{ background:url(images/arrow_red2.gif) no-repeat; padding:0 0 0 14px; margin:0 0 6px 0;}
#CopyPadding{ padding:0 30px 0 0;}

#SubAllCopy{ width:946px; float:left; padding:10px 10px 10px 0; margin-bottom:10px; font-size: 11px;}
	
	#SubAllCopy ol{ padding:10px 0 10px 40px; margin:0; font-size:11px}
	#SubAllCopy ol li{ padding:0 0 0 4px; margin:0 0 6px 0;}
	
	#SubAllCopy ul{ padding:10px 0 10px 30px; margin:0; font-size:11px; list-style:none}
	#SubAllCopy ul li{ background:url(images/arrow_red2.gif) no-repeat; padding:0 0 0 14px; margin:0 0 6px 0;}

/*Headers and Top*/
#TopIcons{ background-color: #FFFFFF; width:946px; height:48px; margin-top:4px; }
#TopRed{ background:url(images/top_red.gif) no-repeat; width:946px; height:128px;}
#TopGreen{ background:url(images/top_green.gif) no-repeat; width:946px; height:128px;}

#Flash{ background:url(images/hp_flash.jpg) no-repeat; height:150px; width:946px;}

#HeaderAbout{ background:url(images/header_about.jpg) no-repeat; height:123px; width:946px;}
#HeaderEmployers{ background:url(images/header_employers.jpg) no-repeat; height:123px; width:946px;}
#HeaderJobseekers{ background:url(images/header_jobseeker.jpg) no-repeat; height:123px; width:946px;}
#HeaderSearch{ background:url(images/header_search.jpg) no-repeat; height:123px; width:946px;}
#HeaderResources{ background:url(images/header_resources.jpg) no-repeat; height:123px; width:946px;}
#HeaderContact{ background:url(images/header_contact.jpg) no-repeat; height:123px; width:946px;}
#HeaderGreen{ background:url(images/header_green.jpg) no-repeat; height:123px; width:946px;}
#HeaderBlank{ background:url(images/header_blank.jpg) no-repeat; height:123px; width:946px;}

/*Address Bar*/
#AddressBar{ width:895px; padding:6px 33px 0 18px; margin-top:20px; font-size:9px; text-align:center} 
#AddressBarSub{ width:895px; padding:0 33px 0 18px;} 
#AddressBarSub p{ font-size:9px; text-align:center}

/* Navigation */
#Nav {width: 946px; height: 27px; 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: 27px; display: block; float: left; padding: 0;}
					
	#Nav li a.homered {width:86px; background: url(images/nav_home_red.gif) no-repeat top;}
	#Nav li a.homegreen {width:86px; background: url(images/nav_home_green.gif) no-repeat top;}
	#Nav li a.about {width:129px; background: url(images/nav_about.gif) no-repeat top;}		
	#Nav li a.employers {width:137px; background: url(images/nav_employers.gif) no-repeat top;}					
	#Nav li a.jobseekers {width:154px; background: url(images/nav_jobseekers.gif) no-repeat top;}				
	#Nav li a.search {width:152px; background: url(images/nav_search.gif) no-repeat top;}	
	#Nav li a.resources {width:138px; background: url(images/nav_resources.gif) no-repeat top;}
	/*#Nav li a.contact {width:150px; background: url(images/nav_contact.gif) no-repeat top;}*/
	#Nav li a.news_blogs {width:150px; background: url(images/nav_news_blogs.gif) no-repeat top;}
										
	/*hover*/
	#Nav li a:hover {background-position: bottom; }
	#Nav li a.current {background-position: bottom; }

/*Subnav*/	
#SubNav{}
#SubNav ul{padding:0px 0px 0 20px; list-style:none; margin-bottom:10px;}
#SubNav li{padding:0 0 4px 0; margin:0;}
#SubNav li a{ background:url(images/arrow_white2.gif) no-repeat;  padding:0 0 0 16px; font-size:12px; margin:0;}
#SubNav li a:hover{ background:url(images/arrow_white2.gif) no-repeat;  padding:0 0 0 16px; font-size:12px; margin:0; text-decoration:underline}
#SubNav li a.current{ background:url(images/arrow_white2.gif) no-repeat;  padding:0 0 0 16px; font-size:12px; margin:0; text-decoration:underline}

/*Bottom*/
#Bottom { background:url(images/bottom.gif) no-repeat; width:946px; height:12px;}
#Footer { width:926px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#323232; padding:13px 4px 10px 4px; float:left}
	#Footer ul {padding:0 0 0 0; margin:0;}
	#Footer li {font-size:11px; padding:0 0 0 6px; float:right; list-style:none; color:#323232;}
	#Footer a { font-size:11px; text-decoration:none; color:#323232; font-weight:normal;}
	#Footer a:hover {color:#000; font-size:11px; text-decoration:underline;}
	#Footer a.current {color:#000; font-size:11px; text-decoration:underline;}
	#Footer span { float:left; font-size:11px}


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