/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:#d1d1d1 url(../images/bg_slice.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#231f20;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#741d27; text-decoration:underline; }
	a:hover, a.current {text-decoration: none;}
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:#231f20;}

h1{color:#d63347; font-size:18px; padding:0 0 10px 0;}
h2{color:#231f20; font-size:18px; padding:0 0 10px 0;}
h3{color:#d63347; font-size:16px; padding:0 0 10px 0;}
h4{color:#231f20; font-size:14px; padding:0 0 10px 0;}
h5{color:#d63347; font-size:12px; padding:0 0 10px 0;}
h6{color:#231f20; 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;}
.formpadding td {padding: 0 0 10px 0;}
.whiteLine { border:1px solid #fff; border-width:0 0 1px 0; margin:10px 0 10px 10px; width:200px; clear:both;}
.padd{ padding:10px}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ width:909px; padding:33px 0 0 0;}
#Top{ background:url(../images/top.png) no-repeat; _background:url(../images/top.gif) no-repeat; width:909; height:106px; margin-left:1px}
#Number{ float:right; text-align:right; font-size:18px; color:#FFF; font-weight:bold; padding:53px 20px 0 0;}
#Number strong{ font-size:20px; color:#FFF;}
#HpWrapper{ background:url(../images/hp-slice.png) repeat-y; width:892px; padding:0 10px 0 10px}
#SubWrapper{ background:url(../images/sub-slice.png) repeat-y; _background:url(../images/sub-slice.gif) repeat-y; width:892px; padding:0 10px 0 10px}
#SubWrapperBlank{ background:url(../images/sub-slice-blank.png) repeat-y; width:892px; padding:0 10px 0 10px}

#HpBottom{ background:url(../images/hp-bottom.png) no-repeat; width:899px; padding:22px 8px 10px 5px}
#SubBottom{ background:url(../images/sub-bottom.png) no-repeat; width:899px; padding:22px 8px 10px 5px}
#Wrapper{}

#Left{ width:222px; float:left}
#Right{ width:667px; float:left}
#Right ul{ padding:0 0 14px 30px; font-size:11px; list-style:url(../images/list-arrow.gif)}
#Right ol{ padding:0 0 14px 30px; font-size:11px; list-style:url(../images/list-arrow.gif)}
#Right li{ padding:0 0 6px 0}
#MainContent{ padding:10px 13px 10px 16px; width:434px; float:left}
#MainContent2{ padding:10px 13px 10px 16px; width:638px; float:left; background:#fff;}
#Sidebar{ width:204px; float:left; background:url(../images/sidebar-fade.jpg) no-repeat}

#Red{ background:url(../images/hp-redbar4.jpg) no-repeat; width:869px; clear:both; float:left; border:4px #fff solid; border-width:4px 0 0 0; padding:54px 10px 0 10px; position:relative}
#Red ul{ padding:0 0 14px 30px; margin:0 0 10px 0; font-size:11px; list-style:url(../images/list-arrow.gif)}
#Red ol{ padding:0 0 14px 30px; font-size:11px; list-style:url(../images/list-arrow.gif)}
#Red li{ padding:0 0 6px 0}
#Redone{ width:420px; float:left; padding:0 27px 23px 0;}
#Redtwo{ width:200px; float:left; padding:0 24px 43px 0;}
#Redthree{ width:190px; float:left}

#BannerHome{ background:url(../images/hp-img.jpg) no-repeat; width:667px; height:247px;}
#BannerAbout{ background:url(../images/banner-about.jpg) no-repeat; width:667px; height:177px;}
#BannerEmp{ background:url(../images/banner-emp.jpg) no-repeat; width:667px; height:177px;}
#BannerJs{ background:url(../images/banner-js.jpg) no-repeat; width:667px; height:177px;}
#BannerSearch{ background:url(../images/banner-search.jpg) no-repeat; width:667px; height:177px;}
#BannerResources{ background:url(../images/banner-res.jpg) no-repeat; width:667px; height:177px;}
#BannerContact{ background:url(../images/banner-contact.jpg) no-repeat; width:667px; height:177px;}
#BannerBlog{ background:url(../images/banner-blog.jpg) no-repeat; width:667px; height:177px;}

/***********NAV**************/
#HpNav{ background:#ccc url(../images/nav-bg.gif) no-repeat; width:214px; height:247px; padding:0 8px 0 0; text-align:right; overflow:hidden}
	#HpNav ul {padding:0 6px 0 0; margin:0; list-style:none}
	#HpNav li { margin:0; padding:2px 0 0 0; *padding:1px 0 0 0; list-style:none; color:#000; width:214px; _width:200px}
	#HpNav li a {padding:0 14px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:13px; text-decoration:none; font-weight:bold; background:url(../images/nav-arrow-red.gif) no-repeat right;}
	#HpNav li a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color:#d63347; font-size:13px; font-weight:bold; background:url(../images/nav-arrow-up.gif) no-repeat right;}
	#HpNav li a.current {font-family:Verdana, Arial, Helvetica, sans-serif; color:#d63347; font-size:13px; font-weight:bold; background:url(../images/nav-arrow-up.gif) no-repeat right; _background:url(../images/nav-arrow-over6.gif) no-repeat;}
	
#Nav{ background:#ccc url(../images/nav-bg.gif) no-repeat; width:214px; height:280px; *height:310px; padding:0 8px 0 0; text-align:right; overflow:hidden}
	#Nav ul {padding:0 6px 0 0; margin:0; list-style:none}
	#Nav li { margin:0; padding:0px 0 0 0; *padding:0px 0 0 0; list-style:none; color:#000; width:214px; _width:200px}
	#Nav li a {padding:0 14px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:13px; text-decoration:none; font-weight:bold; background:url(../images/nav-arrow-blk.gif) no-repeat right;}
	#Nav li a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color:#d63347; font-size:13px; font-weight:bold; background:url(../images/nav-arrow-up.gif) no-repeat right;}
	#Nav li a.current {font-family:Verdana, Arial, Helvetica, sans-serif; color:#d63347; font-size:13px; font-weight:bold; background:url(../images/nav-arrow-up.gif) no-repeat right; _background:url(../images/nav-arrow-over6.gif) no-repeat;}

#SubNav{ text-align:right; width:200px; float:right; padding:0 20px 6px 0; margin:0;}
	#Nav ul div#SubNav ul {padding:0 0 8px 0; margin:0; list-style:none}
	#Nav ul div#SubNav li { margin:0; padding:0; height:14px;}
	#Nav ul div#SubNav li a {padding:0 14px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:10px; text-decoration:none; font-weight:normal; background:url(../images/spacer.gif) no-repeat right;}
	#Nav ul div#SubNav li a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#000; font-size:10px; font-weight:normal; background:url(../images/spacer.gif) no-repeat right;}
	#Nav ul div#SubNav li a.current {font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#000; font-size:10px; font-weight:normal; background:url(../images/spacer.gif) no-repeat; _background:url(../images/spacer.gif) no-repeat right;}
	/********#Nav ul #SubNav ul{padding:0 0 0 0; margin:0 10px 0 0; *margin:0 0 0 0; text-align:right}
	#Nav ul #SubNav ul li{ padding:0 0 0 0; margin:0; list-style:none; color:#000; height:14px; *height:10px; display:block;}
	#Nav ul #SubNav ul li a {color:#000; font-size:10px; line-height:normal; text-decoration:none; font-weight:normal; margin:0; padding:0; background:url(../images/spacer.gif) no-repeat;}
	#Nav ul #SubNav ul li a:hover{ text-decoration:underline; margin:0; padding:0; background:url(../images/spacer.gif) no-repeat;}
	#Nav ul #SubNav ul li a.current{ text-decoration:underline; margin:0; padding:0; background:url(../images/spacer.gif) no-repeat;}***********/
	
/************Rollovers***************/
#BtnGo{ position:absolute; bottom:0; right:6px; _bottom:-18px; _right:-44px; background:url(../images/btn-go.gif) no-repeat top; width:118px; height:37px; cursor:pointer;}
#BtnGo:hover{ background-position:bottom;}

#BtnMore{ position:absolute; bottom:0; right:230px; _bottom:-42px; _right:-44px; background:url(../images/btn-more.gif) no-repeat top; width:118px; height:37px; cursor:pointer;}
#BtnMore:hover{ background-position:bottom;}

#BtnApply{background:url(../images/btn-apply2.gif) no-repeat top; width:118px; height:37px; cursor:pointer;}
#BtnApply:hover{ background-position:bottom;}

/*************Blog Settings***************/
#Redtwo.fl {float: left; display: inline;}
#Redtwo.messaging {display:block;}
#Redtwo .prev, .news_slider .next {position: absolute; display: none;}
#Redtwo .next {right: 0;}
#Redtwo .container {position:relative; top:0; left:0; overflow:hidden;}
#Redtwo .news_items {position: relative; top: 0;  overflow: hidden;}
#Redtwo .view_all {display:none;padding: 5px; margin: 0 0 2px 0; text-align: center;}
#Redtwo .item{ }
#Redtwos .item .blogcopy{float:left; margin:0; padding:0;}	
#Redtwo .item.fl h3{ font-size:10px; margin:2px 0 2px 0; padding:0;}
#Redtwo .item.fl h4{ margin-top:-3px; padding:0; font-size:12px !important;}
#Redtwo .item.fl h4 a{text-decoration:none;}
#Redtwo .item.fl p{font-size:11px; clear:both; padding:0 0 14px 0}

/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	div.question{ margin:8px 0 4px 0; background:#ededed; padding:0; cursor:pointer}
	div.question h4{padding:4px; color:#000; font-size:12px; cursor:pointer}
	div.question:hover {background:#dbdbdb; cursor:pointer}
	div.question.active{background:#dbdbdb;}
	
/*********FORM STYLES**********************************************/
	input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	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: #FF3300;color: #FFF;font-weight: bold;}
	.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
/* Define the basic form layout */
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	.form-row {clear: both; font-size:11px}
	.field-label { float:left; width:200px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}

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

/**********BLOG*********************/
.blogContainer{font-size:11px}
.blogPostedBy{ display:none;}
.blogMainDate{ font-size:10px; font-weight:bold;}
.blogTitle{ font-weight:bold; font-size:18px; margin:0; padding:0 0 8px 0}
.blogControlContainer{ background-color:#fff; padding:2px 2px 4px 2px; margin:0 0 6px 0; font-size:10px; display:block;}
.blogPostedOnDate{display:none;}
.blogPostedOn2{display:none;}
.blogComments2{}
.blogBody{padding:0 0 10px 0}
/***********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;}