/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:url(images/bg-tile.gif) repeat; font-family:Tahoma, Geneva, sans-serif; color:#344559; }
* { margin: 0 auto; padding: 0; }		/*<------<--------<-----| This assumes we're centering!!! */
a img { border: none; }
a { color:#3668af; text-decoration:underline }
a:hover, a.current { text-decoration:none; }
p { font-size:12px; padding:0 0 14px 10px; line-height:17px }
ul, ol { padding:4px 0 0 0; }
li { }
td, th, tr { font-size:12px; }
strong { }
h1 { color:#002e62; font-size:27px; padding:0 0 10px 0; font-weight:normal }
h1 strong{ font-family:Georgia, "Times New Roman", Times, serif; font-size:35px;}
h2 { color:#002e62; font-size:18px; padding:0 0 10px 0; }
h2 strong{ font-family:Georgia, "Times New Roman", Times, serif; font-size:28px;}
h3 { color:#002e62; font-size:16px; padding:0 0 10px 0; }
h3.nopadd{ padding:4px 0 6px 0; margin:0;}
h4 { color:#002e62; font-size:14px; padding:0 0 10px 0; }
h5 { color:#002e62; font-size:12px; padding:0 0 10px 0; }
h6 { color:#002e62; font-size:10px; 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; }
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both }
#Smicons{ background:url(images/sm-icons-lg.gif) no-repeat; width:120px; height:40px; margin:3px 0 10px 38px}

/*************WRAPPERS**************/
#PageWrapper { background:url(images/bg-slice.gif) repeat-x;}
#Wrapper { width:945px;}

#Middle{ padding:14px 0 10px 0}
#Copy{ float:left; padding:0 30px 0 20px; width:540px;}
#Copy ul{font-size:12px; padding:0 0 14px 36px; margin:0; line-height:17px }
#Copy ol{font-size:12px; padding:0 0 14px 36px; margin:0; line-height:17px }
#Copy li{ margin:0; padding:0 0 6px 0;}
#Copy2{ float:left; padding:0 30px 0 20px; width:870px;}
#Copy2 ul{font-size:12px; padding:0 0 14px 36px; margin:0; line-height:17px }
#Copy2 ol{font-size:12px; padding:0 0 14px 36px; margin:0; line-height:17px }
#Copy2 li{ margin:0; padding:0 0 6px 0;}
#Sidebar{ float:left; padding:6px 0 0 0; width:334px;}
#Sidebar p{padding:4px 20px 10px 38px}
#Sidebar h2{ margin:0; padding:8px 0 0 40px; color:#344559; text-transform:uppercase; font-weight:normal}
#Sidebar h2 a{ color:#344559; text-decoration:none; font-weight:normal}
#Sidebar h2 a:hover{ color:#344559; text-decoration:underline; font-weight:normal}
#Sidebar h2.barsearch{ background:url(images/bar-search.gif) no-repeat; width:294px; height:34px;}
#Sidebar h2.barblog{ background:url(images/bar-blog.gif) no-repeat; width:294px; height:34px;}
#Sidebar h2.barother{ background:url(images/bar-other.gif) no-repeat; width:294px; height:34px;}
#Sidebar h2.barapply{ background:url(images/bar-other.gif) no-repeat; width:294px; height:34px; margin:0 0 6px 0}
#Sidebar h2.bardownload{ background:url(images/bar-download.gif) no-repeat; width:294px; height:34px; margin:0 0 6px 0}

/*************TOP**************/
#Top{ background:url(images/top.gif) no-repeat; width:945px; height:88px;}
#Logo{ float:left; width:300px;}
#TopRight{ float:right; width:300px; text-align:right; padding:10px 10px 0 0;}
#Login{ font-size:12px;}
#Number{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:20px; padding:32px 0 0 0}

/******************NAVIGATION***************/
#Nav {width: 945px; height: 40px; list-style: none; 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: 40px; display: block; float: left; padding: 0;}					
#Nav li a.home {width:102px; background: url(images/nav_01.gif) no-repeat top;}
#Nav li a.about {width:115px; background: url(images/nav_02.gif) no-repeat top;}		
#Nav li a.employers {width:123px; background: url(images/nav_03.gif) no-repeat top;}					
#Nav li a.jobseekers {width:134px; background: url(images/nav_04.gif) no-repeat top;}				
#Nav li a.search {width:137px; background: url(images/nav_05.gif) no-repeat top;}	
#Nav li a.resources {width:125px; background: url(images/nav_06.gif) no-repeat top;}	
#Nav li a.blog {width:82px; background: url(images/nav_07.gif) no-repeat top;}	
#Nav li a.contactus {width:127px; background: url(images/nav_08.gif) no-repeat top;}
#Nav li a:hover {background-position: bottom; }
#Nav li a.current {background-position: bottom; }

#SubNav{ background:url(images/subnav-bar.gif) no-repeat; width:937px; height:38px; margin:6px 0;}
#SubNav ul{ margin:0; padding:13px 10px 0 20px; font-size:14px; color:#386ab2; list-style:none}
#SubNav li{ float:left; margin:0; padding:0 8px 0 0;}
#SubNav li a{ color:#386ab2; font-weight:bold; text-decoration:none}
#SubNav li a:hover{ color:#002e62}
#SubNav li a.current{ color:#002e62; text-decoration:underline}

/*************TOP**************/
#BodyWrapper{ background:url(images/body-slice.png) repeat-y; padding:0 4px; width:937px;}
#Flash{ background:url(images/flash-banner.jpg) no-repeat; width:937px; height:260px;}
#Blue{ background:url(images/blue-slice.gif) repeat-x; width:937px; height:15px;}

#BannerAbout{ background:url(images/sub-banner-about.jpg) no-repeat; width:937px; height:123px;}
#BannerBlog{ background:url(images/sub-banner-blog.jpg) no-repeat; width:937px; height:123px;}
#BannerContact{ background:url(images/sub-banner-contact.jpg) no-repeat; width:937px; height:123px;}
#BannerEmployers{ background:url(images/sub-banner-employers.jpg) no-repeat; width:937px; height:123px;}
#BannerJs{ background:url(images/sub-banner-js.jpg) no-repeat; width:937px; height:123px;}
#BannerResources{ background:url(images/sub-banner-resources.jpg) no-repeat; width:937px; height:123px;}
#BannerSearch{ background:url(images/sub-banner-search.jpg) no-repeat; width:937px; height:123px;}
#BannerBlank{ background:url(images/sub-banner-blank.jpg) no-repeat; width:937px; height:123px;}

/*****SLIDESHOW*****/
#slideshow { position:relative; height:260px; width:937px;}
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active { z-index:10; opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}

/************Bottom********************************/
#Bottom{ background:url(images/bottom.png) no-repeat; width:945px; height:42px; color:#d8e2f1; margin:0 0 10px 0}
#Bottom div{ float:left; font-size:11px; padding:5px 0 0 12px; float:left}
#Bottom ul{ list-style:none; margin:0; padding:0;}
#Bottom li{float:left; font-size:11px; padding:0 4px 0 0; margin:0}
#Bottom li a{ color:#d8e2f1; text-decoration:none }
#Bottom span.copy{ float:right; padding:10px 8px 0 0; font-size:11px;}

#Bottom2{ background:url(images/bottom-sm.png) no-repeat; width:945px; height:42px; color:#d8e2f1; margin:0 0 10px 0}
#Bottom2 div{ float:left; font-size:11px; padding:5px 0 0 12px; float:left}
#Bottom2 ul{ list-style:none; margin:0; padding:0;}
#Bottom2 li{float:left; font-size:11px; padding:0 4px 0 0; margin:0}
#Bottom2 li a{ color:#d8e2f1; text-decoration:none }
#Bottom2 span.copy{ float:right; padding:10px 8px 0 0; font-size:11px;}

#site_credits { cursor:pointer }

/*************JQuery Styles***************/
div.answer { display: none; }
.answer { padding:4px 10px; margin-bottom:5px; }
div.question { margin:2px 0 4px 10px; padding:0; }
div.question h4 {  background:#002e62 url(images/arrow-right.gif) no-repeat right; padding:4px; color:#fff; font-size:13px; cursor:pointer; }
div.question h4 strong{ font-size:11px; font-weight:normal}
div.question h4:hover { background:#002e62 url(images/arrow-down.gif) no-repeat right; cursor:pointer; color:#fff }
div.question.active h4 { background:#96afd2 url(images/arrow-down2.gif) no-repeat right; color:#002e62 }

/****RSS Blog Feed***********************/
.rssxpressdivider { display:none; height:1px; }
.rssxpresschannel { text-align : left; overflow:hidden; height:45px; padding:0 0 0 36px }
.rssxpresschtitle { display:none; overflow:hidden; }
.rssxpresschdesc { display:none; overflow:hidden; }
.rssxpressittitle { background-color:#fff; padding:0 6px 3px 6px; overflow:hidden; margin:0; text-align:left; }
.rssxpressitdesc { display:none; }
.rssxpresstable { text-align : left; }
/* rssxpressdivider is a special case - it is a single pixel, single column row on the rssxpress
channel - to alter it's colour just change the background-color image. */

/*************Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */	
form{ padding:0 0 0 10px}
input[type="text"] { width:220px; }
textarea { width:220px; }
select { width:220px; }
input[type="button"] { }
input[type="submit"] { }
/* Define the various event states */	
input.disabled, select.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required, select.required { border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF3300; color: #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color: #000; }
.validation-advice { margin: 5px 0; padding: 5px; background-color: #990000; color: #fff; font-weight: bold; }
.custom-advice { margin: 5px 0; padding: 5px; background-color: #990000; color : #fff; font-weight: bold; }
/* Define the basic form layout */
fieldset { padding: 1em; margin-bottom: 0.5em; }
label { font-weight: bold; }
.form-row { font-size:12px; margin:0 0 8px 0 }
.field-label { float:left; width:280px; }
.field-widget { float:left; width:220px; }
/* Anything extra... */	
.red { color:#990000; }

/*************s2k styles**************/	
.s2k_text_2006 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#000; }
.s2k_heading_2006 { font-weight:bold; font-size:16px; color:#000; }
.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; }

/*************Min-Height Hack**************/
.prop { float:left; width:1px; }
.clear { clear:both; height:1px; overflow:hidden; }	/* I don't currently rely on .clear */
.min431px { height:360px; }

/***************************************/	

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