@charset "UTF-8";
/* CSS Document */

body {text-align:center; background: url(../images/homepage/bodybg.gif) repeat-x #531200; margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif;}


/* =Header
-----------------------------------------------------------------------------*/

#headwrap{background: url(../images/homepage/banner.gif) repeat-x;}
#header {margin: 0 auto; height: 65px; text-align: left; width: 901px;}
#banner {height: 49px; background-image:url(../images/homepage/logoFDCC46.gif); background-position: center left; background-repeat:no-repeat;}
#search_box {width: 185px; background: url(../images/homepage/searchbox.gif) no-repeat; float: right; margin-top: 13px;}
#search_box .s {float: left;padding: 0;margin: 6px 0 0 6px;border: 0;width: 159px;background: none; color: #5b1400;}
#search_box .go {float: right; margin-left: -6px;}
#bannerLinks {padding: 2px 4px 0 0;  font-size:10px; float:right; color:#fff; width: auto; height: 13px;}
#bannerLinks a{color: #fff; text-decoration: none;}
#bannerLinks a:hover{color: #fff; text-decoration: underline;}

/* =Content
-----------------------------------------------------------------------------*/
#contentwrapper{background: #fff; background-image: url(../images/homepage/background650.jpg); background-position: top center; background-repeat: no-repeat;}
#content{margin: 0 auto; text-align: left; width: 902px; background: url(../images/homepage/contentbg.gif) repeat;}
#topbox{}
.lastitle{padding: 9px 0 15px 15px;}
#titlenav{background: #fff; float: left; width: 243px; font-size: 14px; margin-left: 15px; border-left: 1px solid #765036; border-right: 1px solid #765036; border-bottom: 1px solid #765036; color: #5b1400;-moz-box-shadow: 2px 2px 2px #7b7b7b;-webkit-box-shadow: 2px 2px 2px #7b7b7b; box-shadow: 2px 2px 2px #7b7b7b; height:325px; }
#titlenav a{color: #5b1400; text-decoration: none;}
#titlenav a:hover{color: #5b1400; text-decoration: underline;}
#titlenav li{padding-bottom: 5px;}
#images{background: #fff; float: right; padding: 8px; border: 1px solid #765036; margin-top: 13px; margin-right: 14px;-moz-box-shadow: 2px 2px 2px #7b7b7b;-webkit-box-shadow: 2px 2px 2px #7b7b7b; box-shadow: 2px 2px 2px #7b7b7b;}
#bottomboxwrap{padding: 12px 0px;}
#bottombox{width: 870px; margin: 0 auto; background: url(../images/homepage/bottomboxbg.gif) repeat-x; border: 1px solid #765036; background-color: #fff;}
#bottombox ul{padding: 0; margin: 0; list-style: none;}
.colLeft{float: left; width: 250px; font-size: 11px; margin: 7px 20px 0px 20px;}
.colCenter{float: left; width: 250px; font-size: 11px; margin: 7px 20px 0px 20px;}
.colRight{float: left; width: 250px; font-size: 11px; margin: 7px 20px 0px 20px;}
.colimage{display: block;margin-left: auto;margin-right: auto;}

/* =Footer
-----------------------------------------------------------------------------*/
#footerwrapper{background: url(../images/homepage/footerbg.gif) repeat-x;}
#footer{margin: 0 auto; text-align: left; width: 901px; font-size: 9px; color: #b09b99; padding: 17px 0;}
#footer a{color: #b09b99; text-decoration: none;}
#footer a:hover{color: #fff; text-decoration: underline;}
.fbicon{padding-left: 5px;}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/*-------------------------------------------    
    Carousel
-------------------------------------------*/
#featureCarousel {margin-top: 10px; height: 280px; position:relative;}
#featureCarousel .feature {position:absolute;top:-10000px;border:3px solid white;}
#featureCarousel .feature > div { z-index:10; bottom:0px; left:0px; position:absolute;  background-color:#3c1708; width:100%;}
#featureCarousel .feature > div p {margin:0;padding:5px;font-weight:normal;font-size:12px;color:white;}
#featureCarousel .feature a {color:white;text-decoration:none}
#featureCarousel .feature a:hover {text-decoration:underline}
#featureCarousel .feature img {border: 0px;} /*hack for 2px white border that appears out of nowhere. fix later*/
#featureCarousel .feature .numberTag {font-size:12px; color:white;font-weight:bold;}
#featureCarousel .feature .right {float: right; padding-left: 10px; padding-bottom:5px;}
#featureCarousel .blipsContainer { position:absolute;color:white;right:30px; top:280px; padding:0; margin:0;}
#featureCarousel .blipsContainer .blip { margin:2px; height:14px; width:14px; color:#5A1300; padding-left:3px; font-size:10px;}
#featureCarousel .blipsContainer .blipSelected { color:#82A46D; background-image: url(../images/features/filledblip.png); background-repeat:no-repeat;font-weight:bold;}
#featureCarousel .noJavascript {margin:25px;}
#featureCarousel .noJavascriptImageContainer{float:left;width:548px;}
#featureCarousel .noJavascriptImage {border:5px solid #FFFFFF;}
#featureCarousel .noJavascriptDescription{float:left;width:352px;font-family: Arial, Helvetica, sans-serif;}
#featureCarousel .noJavascriptDescription a{color:#fff; text-decoration: none;}
#featureCarousel .noJavascriptDescription a:visited{color:#fff;text-decoration: none;}
#featureCarousel .noJavascriptDescription a:hover{color:#fff;text-decoration: underline;}
#featureCarousel .noJavascriptDescription .noJavascriptMessage {color:red;font-weight:bold;background-color:white;border:2px solid red;font-size: 12px;padding:5px;}