/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc);background:#00436a url(images/bg_slice.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; text-align:center}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a {font-family:Arial, Helvetica, sans-serif; color:#158243; text-decoration:underline;}
	a:hover, a.current {text-decoration: underline; color:#0a6922;}
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:18px; padding:0 0 10px 0;}
strong { color:#00436a;}

h1{color:#0a6922; font-size:20px; padding:0 0 10px 0;}
h2{color:#000; font-size:20px; padding:0 0 10px 0;}
h2 a{color:#000; font-size:20px; padding:0 0 10px 0; text-decoration:none}
h3{color:#0a6922; font-size:16px; padding:0 0 10px 0;}
h4{color:#000; font-size:16px; padding:0 0 10px 0;}
h4 a{color:#000; font-size:16px; padding:0 0 10px 0; text-decoration:none}
h5{color:#0a6922; font-size:14px; padding:0 0 10px 0;}
h6{color:#00436a; font-size:14px; 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;}
.split20{position:relative; width:138px;float:left;}
.copytext {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:14px}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff; text-align:left}
#PageWrapper { width:863px; margin-top:20px}
#Wrapper {background: #fff url(images/sub_bodySlice.gif) repeat-y; width:839px; margin-top:10px; border:1px solid #000; padding:12px;}

/* Nav */
#Nav { width: 839px; height: 35px; list-style: none; padding: 0; position:relative; margin:0 0 10px 0;}
	#Nav ul{margin:0; padding:0; list-style:none}
	#Nav li { float: left;}
					
	#Nav li a span { display: none; }				
	#Nav li a {	height: 35px; display: block; float: left; padding: 0; }
					
	#Nav li a.aboutus {width: 140px; background: url(images/nav_about.gif) no-repeat top;}		
	#Nav li a.employers {width: 139px; background: url(images/nav_emp.gif) no-repeat top;}					
	#Nav li a.jobseekers {width: 158px; background: url(images/nav_js.gif) no-repeat top;}				
	#Nav li a.searchjobs {width: 157px;background: url(images/nav_search.gif) no-repeat top;}
	#Nav li a.blog {width: 89px;background: url(images/nav_blog.gif) no-repeat top;}
	#Nav li a.contactus {width: 156px;background: url(images/nav_contact.gif) no-repeat top;}
										
	/*hover*/
	#Nav li a:hover { background-position: bottom; }
	#Nav li a.current { background-position: bottom; }
	
/* Banners */
#SUB_banner_blog {background:url(images/sub-banner-blog.jpg) no-repeat; width:839px; height:114px; clear:both;}

/*Home Page Body text*/
#HpCopyBg{ background:url(images/hp-bg.gif) no-repeat; width:839px; text-align:left}
#HP_copy {width:380px; padding:54px 5px 10px 18px; float:left;}
.clickbox{ width:208px; float:left; height:178px; margin-top:54px; margin-left:10px; cursor:pointer}
.clickbox p{ padding:100px 6px 0 10px;}	
	
/*Sub Pages*/	
#SubBgTop{ background:url(images/sub-bg-top.gif) no-repeat; width:839px; height:13px; margin-top:8px; overflow:hidden}
#SubBgMid{ background:url(images/sub-bg-slice.gif) repeat-y; width:839px; text-align:left}
#SubBgBot{ background:url(images/sub-bg-bot.gif) no-repeat; width:839px; height:13px; overflow:hidden}



#LeftCol{ width:180px; padding:6px 30px 10px 14px; float:left; text-align:left}	
#SubNav{ font-size:14px; font-weight:bold;}
	#SubNav ul{ padding:0 0 10px 0; list-style:url(images/arrow.gif);}
	#SubNav li{ padding:0 0 4px 2px;}
	#SubNav ul ul{padding:0 0 10px 30px;}
	#SubNav a{ font-family:Arial, Helvetica, sans-serif; color:#00436a; font-size:14px; font-weight:bold; text-decoration:none;}
	#SubNav a:hover{ font-family:Arial, Helvetica, sans-serif; color:#00436a; font-size:14px; font-weight:bold; text-decoration:underline;}
	#SubNav a.current{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; font-weight:bold; text-decoration:underline;}

#SideText{ font-size:9px; font-style:italic}
	
#SubCopy{ float:left; width:580px; padding:4px 0 2px 4px; text-align:left}
#SubCopy ul{ margin:0; padding:0 0 10px 24px; list-style:url(images/square.gif);}
#SubCopy ol{ margin:0; padding:0 0 0 20px;}
#SubCopy li{ font-size:12px; margin:0; padding:0 0 6px 0}

#SubCopy2{ float:left; width:830px; padding:10px 0 2px 4px; text-align:left}
#SubCopy2 ul{ margin:0; padding:0 0 10px 24px; list-style:url(images/square.gif);}
#SubCopy2 ol{ margin:0; padding:0 0 0 20px;}
#SubCopy2 li{ font-size:12px; margin:0; padding:0 0 6px 0}




		
#BtnSearch{ background:url(images/btn_search.gif) no-repeat top; width:190px; height:36px; margin-top:2px; cursor:pointer;}
#BtnSearch:hover{ background-position:bottom;}

#BtnSubmit{ background:url(images/btn_submit.gif) no-repeat top; width:190px; height:36px; margin-top:2px; cursor:pointer;}
#BtnSubmit:hover{ background-position:bottom;}

#BtnContact{ background:url(images/btn_contact.gif) no-repeat top; width:190px; height:36px; margin-top:2px; cursor:pointer;}
#BtnContact:hover{ background-position:bottom;}

#BtnDownload{ background:url(images/btn_download.gif) no-repeat top; width:190px; height:36px; margin-top:2px; cursor:pointer;}
#BtnDownload:hover{ background-position:bottom;}




/*Bottom Content - All pages*/
#Bottom { background:url(images/bottom.jpg) no-repeat; width:866px; height:23px; clear:both; float:left; position:relative; }

#Footer{ width:866px; clear:both; padding:4px 0 10px 0;}
	#Footer ul { padding:0; margin:0}
	#Footer li { padding:0 3px; float:right; list-style:none; color:#FFF; font-size:11px; text-transform:lowercase}
	#Footer a { font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; font-size:11px;}
	#Footer a:hover { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; text-decoration:underline;}
	#Footer a.current { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; text-decoration:underline;}
	#Footer span {font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:11px; text-decoration:none; float:left; padding:4px 4px 0 4px;}
	
/******************BLOG***************/

h2.widgettitle { margin:0; padding:0; }
form#searchform { margin:0 0 15px 0; font-weight:bold; font-size:18px; }
#comment { width:320px; }
img.alignright { float:right; margin:6px 0 1em 1em }
img.alignleft { float:left; margin:6px 1em 1em 0 }
img.aligncenter { display: block; margin-left: auto; margin-right: auto }
a img.alignright { float:right; margin:6px 0 1em 1em }
a img.alignleft { float:left; margin:6px 1em 1em 0 }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.postmetadata { padding:0 0 14px 0; margin-bottom:16px; border:#7f7f7f dashed 1px; border-width:0 0 1px 0; clear:both }
.entry { font-size:12px; line-height:18px; }
small{font-weight:bold;}
	
/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min394px {height:394px;}
/***************************************/

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