/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#eaeade; font-family:Arial, Helvetica, sans-serif; color:#00385e; }
* { margin: 0 auto; padding: 0; }		/*<------<--------<-----| This assumes we're centering!!! */
a img { border: none; }
a { color:#0067ac; font-weight:bold; text-decoration:underline}
a:hover, a.current { text-decoration:none; }
p { font-size:12px; padding:0 0 10px 0; }
ul, ol { padding:4px 0 0 0; }
li { }
td, th, tr { font-size:12px; }
strong {  }
h1 { color:#00385e; font-size:16px; padding:0 0 10px 0; }
h1 sup{ font-size:8px;}
h2 { color:#00385e; font-size:15px; padding:0 0 10px 0; }
h3 { color:#00385e; font-size:14px; padding:0 0 10px 0; }
h4 { color:#00385e; font-size:13px; padding:0 0 10px 0; }
h5 { color:#00385e; font-size:12px; padding:0 0 10px 0; }
h6 { color:#00385e; 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 }
/*************WRAPPERS**************/
#HpPageWrapperTop { background:#0067ac url(../images/hp-bgslice.jpg) repeat-x }
#HpWrapperTop { background:url(../images/hp-bgimage.jpg) no-repeat top; width:975px; padding:0 0 0 0; }
#HpPageWrapperBottom { background:#eaeade url(../images/footer-hp-bgslice.gif) repeat-x }
#HpWrapperBottom { background:url(../images/footer-hp-bgimage.gif) no-repeat top; width:975px; }
#SubPageWrapperTop { background:#eaeade url(../images/sub-bgslice.gif) repeat-x }
#SubWrapperTop { background:url(../images/sub-bgimage.gif) no-repeat top; width:975px; padding:0 0 0 0; }
#SubPageWrapperBottom { background:#eaeade url(../images/footer-sub-bgslice.gif) repeat-x }
#SubWrapperBottom { background:url(../images/footer-sub-bgimage.gif) no-repeat top; width:975px; }

/*************Nav**************/
#NavTxt { float:right; }
#NavTxt ul { margin:0; padding:0; list-style:none }
#NavTxt li { margin:0; padding:0 4px; float:left }
#NavTxt li a { padding:8px 12px 8px 12px; color:#000; font-size:14px; text-decoration:none; font-weight:normal; display:block }
#NavTxt li a:hover { background:#0067ac; color:#fff; }
#NavTxt li a.current { background:#0067ac; color:#fff; }

/*****************NAV****************/
#TopNav{ font-size:11px; text-align:right; color:#fff; height:23px; padding:8px 10px 0 0}
#TopNav a{ color:#fff; font-weight:normal; text-decoration:none}

#Nav{width:687px; height:40px; list-style:none; padding:0; position:relative; display:block; float:right}
#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:62px; background: url(../images/nav_01.gif) no-repeat top;}				
#Nav li a.it{width:220px; background: url(../images/nav_02.gif) no-repeat top;}
#Nav li a.ex{width:141px; background: url(../images/nav_03.gif) no-repeat top;}		
#Nav li a.about{width:118px; background: url(../images/nav_04.gif) no-repeat top;}
#Nav li a.contact{width:96px; background: url(../images/nav_05.gif) no-repeat top;}		
#Nav li a.blog{width:50px; background: url(../images/nav_06.gif) no-repeat top;}

#Nav li a:hover{background-position:bottom; }
#Nav li a.current{background-position:bottom; }


#Flash { background:url(../images/hp-f-lash.gif) no-repeat; width:610px; height:280px; float:right; clear:both; margin:17px 0 0 0; }
#HpCopyHolder { width:935px; padding:30px 10px 0 30px; color:#fff; clear:both }
#HpCopyHolder h1 { font-size:16px; color:#fff; }
#HpCopyHolder h2 { color:#fff; }
#HpCopyHolder h3 { color:#fff; }
#HpCopyHolder h4 { color:#fff; }
#HpCopyHolder h5 { color:#fff; }
#HpCopyHolder h6 { color:#fff; }
#HpCopy1 { float:left; width:350px; }
#HpCopy2 { float:left; padding:1px 0 0 20px; width:279px; }
#HpCopy3 { float:left; padding:1px 0 0 20px; width:264px; }

#SubTop{ height:191px;}
#HeadlineAbout{ background:url(../images/headline-about.gif) no-repeat; width:501px; height:76px; float:right; margin:33px 0 0 0; }
#HeadlineBlog{ background:url(../images/headline-blog.gif) no-repeat; width:501px; height:76px; float:right; margin:33px 0 0 0; }
#HeadlineContact{ background:url(../images/headline-contact.gif) no-repeat; width:501px; height:76px; float:right; margin:33px 0 0 0; }
#HeadlineEx{ background:url(../images/headline-ex.gif) no-repeat; width:501px; height:76px; float:right; margin:33px 0 0 0; }
#HeadlineIt{ background:url(../images/headline-it.gif) no-repeat; width:501px; height:76px; float:right; margin:33px 0 0 0; }

/*************SUBNAV**************/
#SubNav { color:#bbbbb2; font-size:13px; }
#SubNav a { color:#0067ac; text-decoration:none; font-weight:normal }
#SubNav a:hover { text-decoration:underline }
#SubNav a.activeSubMenuItem { text-decoration:underline }

/*************SUBPAGE**************/
#SubCopyHolder { width:975px; padding:20px 0 20px 0; clear:both }
#SubCopy { float:left; width:380px; padding:0 20px 0 0; }
#SubCopy ul { margin:0; padding:0 0 10px 30px; font-size:12px; }
#SubCopy ol { margin:0; padding:0 0 10px 30px; font-size:12px; }
#SubCopy li { margin:0; padding:0 0 4px 0; }
#SubCopy2 { float:left; width:930px; padding:0 20px 0 0; }
#SubCopy2 ul { margin:0; padding:0 0 10px 30px; font-size:12px; }
#SubCopy2 ol { margin:0; padding:0 0 10px 30px; font-size:12px; }
#SubCopy2 li { margin:0; padding:0 0 4px 0; }
#SubBox { }
#SubBox h4 { color:#000; font-size:11px; text-transform:uppercase; padding:0 0 0 6px; height:36px; }
#SubBox p { color:#000; font-size:11px; line-height:14px; padding:0 0 8px 6px; }
#SubBox ul { margin:0; padding:0 0 10px 30px; font-size:11px; }
#SubBox ol { margin:0; padding:0 0 10px 30px; font-size:11px; }
#SubBox li { margin:0; padding:0 0 4px 0; color:#000; }
#SubBox1 { float:left; width:184px; padding:0 10px 0 0 }
#SubBox2 { float:left; width:184px; padding:0 10px 0 0 }
#SubBox3 { float:left; width:184px; }
#SmIcons { padding:0 0 0 196px; height:50px;}

/*************FOOTER**************/
#HpFooterBoxes { width:975px; padding:6px 30px 10px 20px; height:94px; color:#77787b; margin:0 }
#HpFooterBoxes h1 { color:#77787b; font-size:12px; text-transform:uppercase; padding:0 0 4px 2px; }
#HpFooterBoxes a{ text-decoration:none; color:#77787b; font-weight:normal}
#HpFooterBoxes a:hover{ text-decoration:underline}
#HpFooterBoxes h1 a{ text-decoration:none; color:#77787b; font-weight:bold}
.hpBox { width:298px; float:left; padding:0 10px; }
#HpFooterBoxes p{ margin:0; padding:6px 0 0 2px;}
#Footer { color:#75756f; font-size:10px; width:975px; margin:0; padding:0 }
#Footer a { color:#75756f; text-decoration:none }
#Footer a:hover { text-decoration:underline }
#site_credits { cursor:pointer }

/*************JQuery Styles***************/
div.answer { display: none; }
.answer { padding:6px 0; margin-bottom:0; }
div.question { padding:0 0 4px 0; }
div.question h4 { background:#00406a; padding:4px; color:#fff; font-size:12px; cursor:pointer; font-weight:normal }
div.question h4:hover { background:#0067ac; cursor:pointer }
div.question h4.active { background:#0067ac; }

/*************BLOG**************/
.rssxpressdivider { display:none; height:1px; }
.rssxpresschannel { text-align:left; overflow:hidden; height:180px; float:left; margin:0; padding:0; }
.rssxpresschtitle { display:none; overflow:hidden; margin:0; padding:0 }
.rssxpressittitle a{margin:0; padding:0 0 0 0; text-decoration:none; color:#000; font-size:11px; font-weight:normal;}
.rssxpressittitle a:hover{text-decoration:underline;}
.rssxpresschdesc { display:none; overflow:hidden; }
.rssxpressittitle { background-color:#eaeade; padding:0; overflow:hidden; margin:0; text-align:left; }
.rssxpressitdesc { display:none; }
.rssxpresstable { text-align:left; margin:0; padding:0 0 0 4px; }
.rssxpresstable tbody{ margin:0; padding:0; vertical-align:top;}

.shortDescriptionBoxOuterAutostuff{font-size:12px; padding:4px 0 0 2px;}
.shortDescriptionBoxHeaderAutostuff a{margin:0; padding:1px 0 1px 0; text-decoration:none; color:#77787b; font-size:12px;}
.shortDescriptionBoxHeaderAutostuff a:hover{text-decoration:underline;}

.shortDescriptionBoxOuter{font-size:12px;}
.shortDescriptionBoxText{ padding:0 0 10px 0}
.shortDescriptionBoxHeader{ font-size:14px;}
.shortDescriptionBoxSubheader{font-size:11px; padding:0 0 4px 0}
.breadcrumbs{ padding:0 0 10px 0; font-size:12px;}
.articleBodyDate{ font-size:11px; padding:0 0 4px 0; font-weight:bold;}
.pageControls{font-size:12px;}


/*****************JQUERY SLIDER*****************/
#HpBoxes{ width:610px; height:280px;}

#HpInteractive{ float:left; width:610px; position:relative; background:url(../images/flash-bg.jpg) no-repeat top; z-index:0}
	.scrollLeft{ background:url(../images/flash-left.gif) no-repeat; left:0; top:0px; width:11px; height:227px; position:absolute; z-index:10}
	.scrollRight{ background:url(../images/flash-right.gif) no-repeat; right:0; top:0px; width:11px; height:227px; position:absolute; z-index:10}
	#int-navigation {width: 610px; height: 53px; list-style: none; padding:0; position:relative; clear:both; display:block;}
	#int-navigation ul {margin:0; padding:0; list-style:none}
	#int-navigation li {float: left;}					
	#int-navigation li a span {display: none; }				
	#int-navigation li a {height: 53px; display: block; float: left; padding: 0;}					
	#int-navigation li a.one {width:163px; background: url(../images/flash-nav_01.jpg) no-repeat top;}
	#int-navigation li a.two {width:141px; background: url(../images/flash-nav_02.jpg) no-repeat top;}		
	#int-navigation li a.three {width:64px; background: url(../images/flash-nav_03.jpg) no-repeat top;}					
	#int-navigation li a.four {width:115px; background: url(../images/flash-nav_04.jpg) no-repeat top;}				
	#int-navigation li a.five {width:127px; background: url(../images/flash-nav_05.jpg) no-repeat top;}		
	#int-navigation li a:hover {background-position: bottom; }
	#int-navigation li a.selected {background-position: bottom; }
	.scroll{width:550px; padding:0 30px; height:227px; margin:0; overflow:auto; overflow-x:hidden; position:relative; clear:left;}
	.scrollContainer div{ width:550px; padding:10px 30px;}
	.scrollContainer div a{font-size:14px; font-weight:bold; text-decoration:none; color:#fff;}
	.scrollContainer div span.contain{width:350px; float:right}
	.scrollContainer div span.contain span{}
	.scrollContainer div h2{ padding:10px 0 10px 0; color:#fff; font-size:20px;}
	.scrollContainer div p{ padding:0 0 10px 0; font-size:12px; line-height:17px; color:#fff; }
	.intArea{width: 550px;float: left; position: relative; text-align:justify;}

/*************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:200px; }
textarea { width:180px; }
select { width:180px; }
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:160px; }
.field-widget { float:left; width:180px; }
/* 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: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; }