/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(js/csshover.htc); background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color:#404040;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#0075d9; text-decoration:underline; font-weight:bold}
	a:hover, a.current {text-decoration: none;}
p { font-size:11px; padding:0 0 10px 14px; line-height:17px;}
ul, ol {padding:4px 0 10px 44px; line-height:17px; margin:0}
li {font-size:11px; margin:0; padding:0 0 4px 0}
td, th, tr {font-size:11px;}
strong { color:#000;}

h1{color:#469536; font-size:20px; padding:0 0 8px 0;}
h2{color:#469536; font-size:18px; padding:0 0 8px 0;}
h3{color:#469536; font-size:16px; padding:0 0 8px 0;}
h4{color:#469536; font-size:14px; padding:0 0 8px 0;}
h5{color:#469536; font-size:12px; padding:0 0 8px 0;}
h6{color:#469536; font-size:10px; padding:0 0 8px 0;}

hr{ color:#787878; border:1px solid #787878; border-width:0 0 1px 0; margin:0 10px 10px 10px}

/* reusable classes */
.right{float:right;}
.left{float:left;}
.full{position:relative; width:530px;}
.split50{position:relative; width:265px;float:left;}
.split30{position:relative; width:176px;float:left;}
.formpadding td {padding: 0 0 10px 0;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}

/* Wrappers */
#PageWrapper{ border:1px solid #000; background:url(images/new-images/top.gif) no-repeat; width:810px; padding:4px 0 0 0; margin-top:14px;}
#Logo{ width:810px; height:80px; clear:both}

/* Wrappers */
#PageWrapperSub{ border:1px solid #000; background:url(images/new-images/top-sub.gif) no-repeat; width:810px; padding:4px 0 0 0; margin-top:14px;}
#LogoSub{ width:810px; height:60px; clear:both}

#main-navigation {width:810px; height:30px; list-style:none; padding: 0;}
	#main-navigation ul{ list-style:none; margin:0; padding:0}
	#main-navigation li { float: left;}
	#main-navigation li a span { display: none; }
	#main-navigation li a {height: 30px;display: block;	float: left;padding: 0;}
			#main-navigation li a.home {width: 90px;background: url(images/new-images/nav_01.gif) no-repeat top;}
			#main-navigation li a.aboutus {width: 108px;background: url(images/new-images/nav_02.gif) no-repeat top;}
			#main-navigation li a.employers {width: 113px;background: url(images/new-images/nav_03.gif) no-repeat top;}
			#main-navigation li a.jobseekers {width: 130px;	background: url(images/new-images/nav_04.gif) no-repeat top;}
			#main-navigation li a.searchjobs {width: 130px;	background: url(images/new-images/nav_05.gif) no-repeat top;}
			#main-navigation li a.resources {width: 120px;background: url(images/new-images/nav_06.gif) no-repeat top;}
			#main-navigation li a.contactus {width: 119px;background: url(images/new-images/nav_07.gif) no-repeat top;}
			#main-navigation li a:hover{background-position:bottom;}
			#main-navigation li a.current {background-position: bottom;}		

#Wrapper{ padding:0 10px 0 10px;}
#WrapperSub{ padding:0 0 0 12px;}

#SubContentArea{ float:left; width:748px; padding:0 4px 0 0}
#SubGreenBar{ float:right; background:url(images/new-images/logo-bar.jpg) no-repeat; width:41px; height:544px;}

#HpBanner{ background:url(images/new-images/hp-banner.jpg) no-repeat; width:790px; height:206px; margin-bottom:3px}
#subBanner_about{float:left;background:#fff url(images/subBanner_about.jpg) no-repeat;height:206px; width:748px;}
#subBanner_js{float:left;background:#fff url(images/subBanner_jobseekers.jpg) no-repeat; height:206px; width:748px}
#subBanner_emp{float:left;background:#fff url(images/subBanner_employers.jpg) no-repeat;height:206px; width:748px;}
#subBanner_search{float:left;background:#fff url(images/subBanner_search.jpg) no-repeat;height:206px; width:748px;}
#subBanner_resc{float:left;background:#fff url(images/subBanner_resources.jpg) no-repeat;height:206px; width:748px;}
#subBanner_div{float:left;background:#fff url(images/subBanner_divisions.jpg) no-repeat;height:206px; width:748px;}
#subBanner_contact{float:left;background:#fff url(images/subBanner_contact.jpg) no-repeat;height:206px; width:748px;}

.subnav{font-size:10px; color:#000;}
.subnav a{font-weight:bold; text-decoration:none}
.subnav a:hover{font-weight:bold; text-decoration:underline;}
.subnav a.current{font-weight:bold; text-decoration:underline;}

/* Resources = _resc */		
#subNav_resc{float:left;background:#fff url(images/subNav_resources.jpg) no-repeat; height:29px; width:618px; margin:6px 0 0 0; padding:8px 0 0 130px;}
#subNav_resc a{color: #5fb75c;}
	#Content_resc {padding: 10px 0 10px 8px; width:530px; float:left;}
	#Content_resc h2{font-size: 16px; color: #5fb75c;}
	#Content_resc h1 a{font-size: 16px; color: #5fb75c;}
	#Content_resc .post h2 a{color:#469536; font-size:14px; padding:0;}
		#Content_resc a{font-size: 10px;color: #3f749f;text-decoration: none;}
		#Content_resc a:hover{text-decoration: underline;}
				
#Buttons{position:relative; float:right; top:9px; width:188px; overflow:hidden;display:block;}
	#Buttons .button{position:relative; margin-top:6px;}	
		
#FooterInfo{ padding:0 0 10px 0; width:790px; font-size:10px;}
#FooterInfo span{ padding:2px 0 0 0; color:#787878}
#FooterInfo ul{ list-style:none; margin:0; padding:0; float:right}
#FooterInfo li{ padding:0 0 0 12px; margin:0; float:left}
#FooterInfo li a{ color:#787878; text-decoration:none; text-transform:lowercase; font-size:10px; font-weight:normal;}

/******************BLOG***************/
small{font-weight:bold; display:block; padding:0 0 10px 0;}
#sidebar { float:left; width:180px; padding:20px 0 0 20px; margin:0; color:#000;}
ul#sidebar{list-style:none; padding:0 0 10px 20px;; margin:0}
  #sidebar li ul{margin:0 0 20px 0;}
  #sidebar li li{margin:0 0 0 25px; padding:0; list-style:disc; font-size:11px; }
  #sidebar ul{margin:0; padding:0 0 10px 20px;}
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:#8a8a8a dashed 1px; border-width:0 0 1px 0; clear:both}
small{font-size:11px;}
/* -- 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;}