/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#968f7f url(images/bgslice.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; }
* { margin: 0 auto; padding: 0; }		/*<------<--------<-----| This assumes we're centering!!! */
a img { border: none; }
a { }
a:hover, a.current { text-decoration: underline; }
p { padding:0 0 12px 0; }
ul, ol { margin:0; padding:0 0 12px 30px;}
li { margin:0; padding:0 0 4px 0}
td, th, tr { }
strong { }
hr{ color:#ccc; border:1px solid #ccc; border-width:1px 0 0 0; margin:10px 0;}

h1 { color:#96b5e1; font-size:18px; padding:0 0 10px 0; }
h2 { color:#96b5e1; font-size:16px; padding:0 0 10px 0; }
h3 { color:#96b5e1; font-size:15px; padding:0 0 10px 0; }
h4 { color:#96b5e1; font-size:14px; padding:0 0 10px 0; }
h5 { color:#96b5e1; font-size:12px; padding:0 0 10px 0; }
h6 { color:#96b5e1; 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; }
.links{ float:left; padding:0 16px 0 18px; width:270px;}

/*************WRAPPERS**************/
#PageWrapper { width:920px;}
#Top{ background:url(images/top.jpg) no-repeat; height:51px; margin:22px 0 0 0;}
#SubTop{ background:url(images/common/bagg_04.gif) no-repeat; height:50px; width:810px;}
	#SmIcons{ float:right; width:140px; padding:13px 13px 0 0;}
	#SmIcons2{ float:right; width:100px; padding:15px 13px 0 0;}
	#SmIconsBlue{ float:right; width:250px; background-color:#305695; height:32px; margin:10px 6px 0 0;}
#Wrapper { width:918px; border:1px solid #000; border-width:0 1px;}
#HpBanner{ background:url(images/hp-banner.jpg) no-repeat; width:918px; height:177px;}
	#HpFlash{ width:572px; height:153px; float:left}
#Middle{ background:url(images/middle.jpg) repeat-y; width:918px;}
	#HpCopy{ float:left; padding:14px; width:460px;}
	#Btn1{ float:left; width:107px;}
		.btn1{ background:url(images/btns_01.jpg) no-repeat top; width:107px; height:229px; display:block}
		.btn1:hover{ background-position:bottom;}
	#Btn2{ float:left; width:107px;}
		.btn2{ background:url(images/btns_02.jpg) no-repeat top; width:107px; height:229px; display:block}
		.btn2:hover{ background-position:bottom;}
	#QuickLinks{ float:left; background:url(images/btns_03.jpg) no-repeat top left; padding:10px 0 0 18px; color:#fff; width:190px;}
	#QuickLinks a{ color:#fff; text-decoration:underline; font-weight:bold}	
	#QuickLinks a:hover{ text-decoration:none;}
	#QuickLinks ul{ list-style:none; margin:0; padding:0 0 0 10px;   }
	#QuickLinks ul li{line-height:15px; background:url(images/square.jpg) no-repeat left top; padding:0 0 8px 20px}
	#QuickLinks ul li strong{font-size:10px; color:#fff; font-weight:normal;}
#MiddleLinks{ border:#315695 solid 1px; background:url(images/middle-links-slice.jpg) repeat-y; border-width:14px 0; padding:0 0 0 0; width:918px;}
#MiddleLinks h3{ margin:0; padding:0; color:#fff;}
#MiddleLinks h3 a{ color:#fff; text-decoration:none}
#MiddleLinks a{ color:#96b5e1}
#Bottom{ width:900px; background:#000; margin:0 0 10px 0; padding:10px; color:#fff;}
#Bottom a{ color:#fff;}
#Bottom p{ padding:0; font-size:11px;}
#Bottom2{ text-align:center; font-size:11px; color:#4a463f;}
#Bottom2 a{ color:#4a463f;}
#site_credits { cursor:pointer }

/*************NAV**************/
#Nav{width:918px; height:20px; *height:24px; list-style:none; padding:0; position:relative; display:block;}
#Nav ul{ width:572px; float:left; margin:0; padding:0 0 0 26px; list-style:none}
#Nav li{float:left;}				
#Nav li a span{display:none;}				
#Nav li a{height:20px; display: block; float: left; padding: 0;}
#Nav li a.home{width:85px; background: url(images/bagg_07.gif) no-repeat top;}				
#Nav li a.clients{width:112px; background: url(images/bagg_08.gif) no-repeat top;}
#Nav li a.candidates{width:135px; background: url(images/bagg_09.gif) no-repeat top;}		
#Nav li a.about{width:113px; background: url(images/bagg_10.gif) no-repeat top;}
#Nav li a.contact{width:127px; background: url(images/bagg_11.gif) no-repeat top;}
#Nav li a.home:hover{width:85px; background: url(images/bagg_over_07.gif) no-repeat top;}				
#Nav li a.clients:hover{width:112px; background: url(images/bagg_over_08.gif) no-repeat top;}
#Nav li a.candidates:hover{width:135px; background: url(images/bagg_over_09.gif) no-repeat top;}		
#Nav li a.about:hover{width:113px; background: url(images/bagg_over_10.gif) no-repeat top;}
#Nav li a.contact:hover{width:127px; background: url(images/bagg_over_11.gif) no-repeat top;}


/*************JQuery Styles***************/
div.answer { display: none; }
.answer { padding:10px; margin-bottom:5px; }
div.question { margin:8px 0 4px 0; background:#ededed; padding:0; }
div.question h4 { padding:4px; color:#000; font-size:12px }
div.question:hover { background:#dbdbdb; cursor:pointer }
div.question.active { background:#dbdbdb; }

/****RSS Blog Feed***********************/
.rssxpressdivider { display:none; height:1px; }
.rssxpresschannel { text-align : left; overflow:hidden; height:140px; *height:146px; padding:0; }
.rssxpresschtitle { display:none; overflow:hidden; }
.rssxpresschdesc { display:none; overflow:hidden; }
.rssxpressittitle { background:#315695 url(images/arrow.jpg) no-repeat left top; padding:0 0 0 12px; margin:0; text-align:left; border:0; }
.rssxpressitdesc { display:none; }
.rssxpresstable { background-color:#315695; text-align:left; margin:0; padding:0; border:0; }
.rssxpresstable a{margin:0; padding:0; border:0; color:#fff !important;}
/* 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. */	
input[type="text"] { width:250px; }
textarea { width:250px; }
select { width:250px; }
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:230px; }
.field-widget { float:left; width:250px; }
/* Anything extra... */	
.red { color:#990000; }

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