/* CSS - H4H */

/* reset */
    html, body, div, span, object, iframe, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

/* general */
    strong {font-weight: bold;}
    em {font-style: italic;}
    .left {float: left;margin-right: 1em;}
    .right {float: right;margin-left: 1em;}
    .center {text-align: center;}
    .clear {clear: both;}
    .hide {display: none;}
    .show {display: block;}
    body {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; background: #F2DCAB url(images/bg.jpg) repeat-x;}
    a {color: #ac190c; text-decoration: underline;}
    a:hover {text-decoration: none;}    

/* basic */
    #mainContainer, #headerContainer, #bodyContainer, #footerContainer {clear: both; width: 971px; margin: 0 auto;}
    
/* header */
    #headerContainer {height: 141px;}
    #headerLogo h1 {text-indent: -9999px;margin: 0;}
    #headerLogo a {display: block; float: right; background: url(images/logo.jpg) no-repeat; width: 189px; height: 141px; position: relative; left: 20px;}
    #headerNav {padding-top: 109px;}
    #headerNav li {list-style: none; float: left; margin-right: 5px;}
    #headerNav li a {display: block; background: url(images/nav.jpg) no-repeat; width: 100px; height: 25px; text-align: center; padding-top: 8px; font-weight: bold; font-size: 14px; color: #fff; text-decoration: none;}
    #headerNav li a:hover {background: url(images/nav_hover.jpg) no-repeat;}
    #headerNav .selectedPage {background: url(images/nav_hover.jpg) no-repeat;}


/* Hero */
    #hero {width: 971px; height: 273px; margin: 0 auto; background: url(images/hero.jpg) no-repeat;}
    #hero h1 {font-size: 26px; color: #656565; letter-spacing: .14em; text-transform:uppercase; padding-left: 316px; padding-top: 75px; margin: 0;}
    #hero h1 span {text-indent: 126px; display: block;}
    #hero .startButton {background: url(images/startherebutton.jpg) no-repeat; width: 195px; height: 59px; margin-left: 590px; margin-top: 10px;display: block; text-indent: -9999px;}
    #inside #hero .startButton {background: url(images/insidestartbutton.jpg) no-repeat; width: 119px; height: 37px; margin-left: 750px; margin-top: -100px;display: block; text-indent: -9999px;}
    #inside #hero {background: url(images/insidehero.jpg) no-repeat; height: 132px;}
    #inside #hero h1 {text-indent: -9999px;}
    #inside #hero h1 span {text-indent: -9999px;}
    
/* body */
    #bodyContainer {padding: 20px 0;}
    #leftCol {float: left; width: 600px;}
    #leftCol .contentHolder {background: url(images/lightbg.jpg) no-repeat 1px bottom; min-height: 50px; width: 600px; padding-bottom: 15px; margin-bottom: 20px;}
    #leftCol .contentContainer {background: url(images/lighttop.jpg) no-repeat top center; min-height: 20px; padding: 5px 25px 20px 20px;}
    #leftCol h2, #leftCol h1 {font-size: 18px; color: #383224; text-transform: uppercase;}
    #leftCol h2 span, #leftCol h1 span {color: #e31b24;}
    #leftCol h3 {font-size: 14px; color: #463c29;}
    #leftCol h4 {font-size: 12px; color: #463c29;}
    .inside #leftCol ul {padding-left: 30px;}
    .inside #leftCol li {padding-left: 18px; background: url(images/redbullet.jpg) no-repeat 0px 5px; list-style: none; margin-bottom: 5px;}
    #leftCol #social ul {padding: 0;}
    #leftCol #social li {list-style: none; display: inline; float: left; margin: 0 70px 0 0; background: none; padding: 0;}
    #leftCol #social .lastItem {margin-right: 0;}
    #social h4 {color: #ab986f; font-size: 14px; font-weight: normal; text-transform: uppercase; letter-spacing: .15em;}
    #social h4 span {color: #aabeaa;}
    #rightCol {float: right; width: 352px; font-size: 11px;}
    #rightCol h3 {font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: -5px;}
    #rightCol input {font-family: verdana, helvetica, arial, sans-serif;}
    #rightCol .inputButton, #rightCol .searchButton, #rightCol .submitButton {width: 102px; height: 32px; border: none; font-size: 14px; color: #fff; padding: 3px 0; text-transform: capitalize; margin-top:0; display: block; text-decoration: none; text-align: center; cursor: pointer;}
    #rightCol #search {min-height: 50px; padding-right: 15px;}
    #rightCol .searchButton {float: right; background: url(images/redbuttononbg.jpg) no-repeat;}
    #rightCol .searchInput {float: left; background: url(images/searchinput.jpg) no-repeat; width: 208px; height: 19px; border: none; font-size: 14px; color: #b1b1b1; padding: 10px 10px 5px 10px;}
    #rightCol .contentHolder {min-height: 50px; width: 352px; padding-bottom: 15px; margin-bottom: 10px;}
    #rightCol .contentContainer {min-height: 20px; padding: 5px 25px 10px 10px;}
    #rightCol .brownContent {background: url(images/brownbg.jpg) no-repeat bottom; color: #fff;}
#rightCol .brownContent a {color: #fff;}
    #rightCol .brownContent h3 span {color: #bca87d;}
    #rightCol .brownContent .contentContainer {background: url(images/browntop.jpg) no-repeat top center;}
    #rightCol .tanContent {background: url(images/tanbg.jpg) no-repeat bottom;}
    #rightCol .tanContent h3 span {color: #463c29;}
    #rightCol .tanContent .textField {border: 1px solid #999; background: url(images/inputbg.jpg) no-repeat; width: 305px; height: 20px;padding: 5px; color: #b1b1b1; font-size: 14px;}
    #rightCol .tanContent .submitButton {background: url(images/redbuttonontan.jpg) no-repeat; margin: 5px 0 0 5px; float: right;}
    #rightCol .tanContent .contentContainer {background: url(images/tantop.jpg) no-repeat top center;}
    #rightCol .greenContent {background: url(images/greenbg.jpg) no-repeat bottom;}
    #rightCol .greenContent h3 span {color: #736e41;}
#rightCol .tanContent h2 {display: none;}
    #rightCol .greenContent .contentContainer {background: url(images/greentop.jpg) no-repeat top center;}
    #rightCol .greenContent .inputButton {background: url(images/redbuttonongreen.jpg) no-repeat; }
    #rightCol #social li {list-style: none; margin: 20px; width: 125px; float: left;}

/* footer */
    #footerContainer {background: url(images/footerbg.jpg) no-repeat; height: 57px; margin-bottom: 20px;}
    #footerContent {padding: 20px 0 0 42px; font-size: 10px; color: #9f8a55}
    #footerContent p {margin: 0;}
    #footerContent li {display: inline; float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #9f8a55;}
    #footerContent li a {font-weight: bold; text-decoration: none; color: #9f8a55; line-height: .8em; display: block;}
    #footerContent li a:hover {text-decoration: underline;}
    #radium3 {float:right; margin:0 30px 0 0;}

/* Modified Suckerfish Dropdown */
     #headerNav ul {position: relative; z-index: 9995;}
    #headerNav ul li {position: relative;}
    #headerNav ul li ul {position: absolute;visibility: hidden;z-index: 9999;background: #455560; padding: 8px 0;left: 0px; top: 38px;text-align: left;}
    @media screen and (-webkit-min-device-pixel-ratio:0){
        
    } 
    #headerNav ul li ul li {font-size: 11px; height: auto; background: url(../img/subnavline.jpg) no-repeat bottom; margin: 0 0 8px 0; width: 140px; float: left; padding-right: 0!important;padding: 0 15px 8px 15px; clear: left;}
    #headerNav ul ul li span {padding: 0!Important;}
        #headerNav ul li ul .lastItem {padding-bottom: 0; margin-bottom: 0; background: none;}
    #headerNav ul li ul li a {background: none;width: auto; height: auto; color: #d5e6f2; padding: 0!important;}
    #headerNav ul li ul li a:hover {text-decoration: underline;background: none; color: #d5e6f2;}
    #headerNav ul li ul li ul {padding-left: 30px!important;}
    /* Sub level menu links style */
    #headerNav ul li a{display: block;text-decoration: none;}
    
    #activeHover {color: #fff;background: #455560;}
    #activeHover a {background: none!Important; padding-bottom: 2px!Important;}

    #rightCol .mainNav {padding-bottom: 20px;padding-left: 10px; margin-top: -20px; background: #EFE1C2; padding: 10px; margin-bottom: 20px; width: 320px;}
    #rightCol .mainNav li {list-style: none; font-size: 14px; margin-bottom: 10px; border-bottom: 1px solid #DFC999; padding-bottom: 10px;}
    #rightCol .mainNav li a {text-decoration: none; font-weight: bold;}
#rightCol .mainNav li .selectedPage {color: #B79D62;}
    #rightCol .mainNav li a:hover {text-decoration: underline;}
#rightCol .mainNav li ul {padding-left: 30px; padding-top: 10px;}
#rightCol .mainNav li ul li {margin-bottom: 5px; padding-bottom: 5px;}
#rightCol .mainNav li ul li a {font-size: 12px;}



#home .postTitle a {text-decoration: none; font-size: 14px;}
#home .postTitle a:hover {text-decoration: underline;}

    #bio {width: 375px; float: right;}
    #bio h2 {margin: 0;}

.peoplebio {width: 555px; padding: 0!Important;}
.peoplebio li {display: inline; list-style: none!importnat; float: left; width: 150px; margin: 10px 15px; min-height: 400px; *height: 400px; background: none!important;padding: 0!important;}
