body, html
{
    padding: 0;
    margin: 0;
    background: #DEDBCA url('../images/body_bg.png') repeat scroll top left;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    width: 100%;
    height: 100%;
}

.floatsizer
{
    position: relative;
    width: 100%;
    height: 1px;
    clear: right;
}

.floatsizer2
{
    position: relative;
    width: 100%;
    height: 1px;
    clear: both;
}

.sepline
{
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin-bottom: 15px;
}

.content
{
    position: relative;
    width: 903px;
    margin: 0 auto;
}

.Head
{
    
}
.Head .logo
{
    padding: 12px 0 10px;
}
.Head .logoHTI
{
    position: absolute;
    right: 0px;
    top: 42px;
}

.BlueBar
{
    position: relative;
    height: 35px;
    width: 954px;
    margin: 0 auto;
}
.bluebar
{
    position:absolute;
    top: 2px;
    left: 0px;
    background: transparent url('../images/bluebar.png') no-repeat scroll top left;
    width: 954px;
    height: 47px;
}
.bluebar .content
{
    padding-top: 20px;
    color: #fff;
    font-weight: bold;
}
.bluebar .Announce
{
    font-size: 13px;
}
.bluebar .ToolLinks
{
    font-size: 12px;
    position: absolute;
    top: 20px;
    right: 0px;
}
.bluebar .ToolLinks a
{
    color: #fff;
    text-decoration: none;
}
.bluebar .ToolLinks a:hover
{
    text-decoration: underline;
}
.bluebar .ToolLinks span
{
    padding: 0 5px;
}

.Middle
{
    position: relative;
    width: 960px;
    margin: 0 auto;
}
.Middle .top
{
    position: relative;
    height: 21px;
    width: 960px;
    background: transparent url('../images/Middle_bg-top.png') no-repeat scroll top left;
}
.Middle .bottom
{
    position: relative;
    height: 21px;
    width: 960px;
    background: transparent url('../images/Middle_bg-bottom.png') no-repeat scroll top left;
    clear: both;
}
.Middle .contentArea
{
    position: relative;
    margin: 0 20px 0 20px;
    padding: 0 7px 0 8px;
    background-color: #f3f0ec;
    width: 905px;
}
.Middle .contentArea .shadowLeft
{
    position: absolute;
    left: -20px;
    top: 0px;
    width: 21px;
    height: 100%;
    background: transparent url('../images/Middle_bg-left.png') repeat-y scroll top left;
}
.Middle .contentArea .shadowRight
{
    position: absolute;
    right: -19px;
    top: 0px;
    width: 20px;
    height: 100%;
    background: transparent url('../images/Middle_bg-right.png') repeat-y scroll top left;
}
.Middle .Gozaic
{
    position: relative;
    margin: 0 0 8px 0;
}

.Foot
{
    background: #b2aea5 url('../images/foot_bg.png') repeat scroll top left;
    margin: -15px 0 0;
    padding: 20px;
    font-size: 12px;
}
.Foot .copyright
{
    position:relative;
    float: left;
    color: #333;
    margin-right: 10px;
}
.Foot .footerLinks
{
    
}
.Foot .footerLinks a:link,
.Foot .footerLinks a:visited,
.Foot .footerLinks a:hover,
.Foot .footerLinks a:active
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
.Foot .footerLinks a:hover
{
    text-decoration: underline;
}
.Foot .footerLinks ul
{
    position: relative;
    float: left;
    width: 168px;
    margin: 0 8px;
    padding: 0;
    list-style-type: none;
    border-top: solid 1px #8E8983;
}
.Foot .footerLinks li
{
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #8E8983;
    line-height: 21px;
    padding-left: 2px;
}

.colorStripe
{
    position: relative;
    height: 5px;
    background-color: #3f92a0;
}
.boxNav .colorStripe
{
    background-color: #a8a489;
}



/* ******** LOGIN PAGE EXCEPTIONS ******** */
.loginpage
{
    
}
.loginpage .Foot
{
    background: none;
}
.loginpage h1
{
    font-size: 20px;
    margin: -5px 0 10px;
    color: #3f92a0;
}
.loginpage h2
{
    font-size: 16px;
    margin: 0;
    color: #3f92a0;
}
.loginpage p
{
    margin-top: 8px;
}
.loginpage .Form
{
    padding-top: 20px;
    float: left;
    margin-left: 180px;
}
.loginpage .Form h1
{
    text-align: right;
}
.loginpage .trouble
{
    padding: 10px 0 0 60px;
    text-align: center;
}
.loginpage .IntroText
{
    float: left;
    width: 300px;
    margin-left: 30px;
    border-left: solid 1px #ccc;
    padding: 20px 0 30px 30px;
}
.loginpage .contentArea a
{
    font-weight: bold;
    color: #3f92a0;
    text-decoration: none;
}
.loginpage .contentArea a:hover
{
    text-decoration: underline;
}
.loginpage .loginError
{
    display: block;
    color: Red;
    text-align: right;
    font-weight: bold;
    margin-bottom: 5px;
}
.loginpage .remember
{
    float: left;
    font-size: 11px;
    line-height: 15px;
    margin-left: 65px;
}


/* ******** FORMS ******** */
.Form .field input,
.Form .bigText textarea
{
    border: solid 1px #bbb;
    background: #fff url('../images/field_shadow.png') repeat-x scroll top left;
}
.Form .bigText textarea
{
    padding: 2px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    color: #888;
}
.Form .field,
.Form .label
{
    padding-bottom: 5px;
}
.Form .label
{
    font-weight: bold;
    color: #666;
    text-align: right;
    padding-right: 5px;
}
.Form .field input
{
    height: 20px;
    font-weight: bold;
    color: #888;
    font-size: 13px;
    padding-left: 3px;
    line-height: 20px;
}
.Form .button
{
    text-align: right;
    padding-top: 5px;
}
.Form .clearButton
{
    float: left;
}
.Form .required
{
    text-align: right;
    font-size: 11px;
    color: #F7941E;
    font-weight: bold;
}
.Form .sectionHead
{
    background-color: #ccc;
    padding: 3px;
    border-top: solid 10px #fff;
    border-bottom: solid 5px #fff;
}
.thanksMsg
{
    font-weight: bold;
    color: #9A2023;
    margin: 0 0 20px 0;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #ffffcc;
}


/* ******* CONTENT BOX ******** */
.contentBox /* SIZE THIS */
{
    position: relative;
}
.contentBox .tlshadow
{
    position: absolute;
    height: 5px;
    width: 100%;
    padding-right: 5px;
    top: -5px;
    left: -5px;
    background: transparent url('../images/tlshadow.png') no-repeat scroll top left;
}
.contentBox .trshadow
{
    position: absolute;
    width: 5px;
    height: 5px;
    right: -5px;
    top: -5px;
    background: transparent url('../images/trshadow.png') no-repeat scroll top left;
}
.contentBox .leftshadow
{
    position: absolute;
    top: 0px;
    left: -5px;
    width: 5px;
    height: 100%;
    background: transparent url('../images/leftshadow.png') repeat-y scroll top left;
}
.contentBox .inner
{
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 100%;
}
.subContent .inner
{
    min-height: 366px;
}
.contentBox .rightshadow
{
    position: absolute;
    top: 0px;
    right: -5px;
    width: 5px;
    height: 100%;
    background: transparent url('../images/rightshadow.png') repeat-y scroll top left;
}
.contentBox .blshadow
{
    position: absolute;
    height: 5px;
    width: 100%;
    padding-right: 5px;
    bottom: -5px;
    left: -5px;
    background: transparent url('../images/blshadow.png') no-repeat scroll top left;
}
.contentBox .brshadow
{
    position: absolute;
    width: 5px;
    height: 5px;
    right: -5px;
    bottom: -5px;
    background: transparent url('../images/brshadow.png') no-repeat scroll top left;
}
.contentBox .boxMarginedContent {
   position: relative;
   padding: 5px;
}
.contentBox .boxContent
{
    position: relative;
    padding: 10px;
}
.contentBox h1
{
    margin: 0;
    padding: 0;
    font-family: Trebuchet MS, Helvetica, Sans-Serif, Arial;
    font-weight: bold;
}
.contentBox h2,
.contentBox h3
{
    font-size: 12px;
    line-height: 14px;
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}
.contentBox h2
{
    
}
.contentBox h4
{
    color: #f07c00;
    margin: 0 0 5px 0;
    padding: 0;
}

/* ******* NAVIGATION ******** */
.navCol 
{
    width: 180px;
    float: left;
}
.navBox
{
    margin: 0 2px;
    padding-top: 10px;
}
.navBox ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.navBox li
{
    font-size: 12px;
    font-weight: bold;
    line-height: 23px;
    width: 176px;
    height: 23px;
    border-bottom: solid 1px #ccc;
    cursor:pointer; cursor:hand;
    margin: 0;
    padding: 0;
}
.navBox li a
{
    text-decoration: none;
    color: #000;
    width: 164px;
    height: 100%;
    display: block;
    padding-left: 12px;
}
.navBox li a:hover
{
    background-color: #eee;
    border-left: solid 5px #ccc;
    padding-left: 7px;
}
.navBox li.selected
{
    border-left: solid 5px #3e90a5;
    border-bottom: none;
    background-color: #daf2f6;
    width: 171px;
}
.navBox li.selected a,
.navBox li.selected a:hover
{
    border-left: none;
    padding-left: 7px;
}
.navShadow
{
    height: 14px;
    width: 100%;
    background: transparent url('../images/nav_shadow.png') repeat-x scroll top left;
    padding-bottom: 60px;
}

.contactBox
{   
    color: #663300;
    font-size: 12px;
    margin: 0 2px;
    padding-bottom: 60px;
}
.contactBox .title
{
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
    border-left: solid 5px #717171;
    padding-left: 7px;
    line-height: 23px;
    background-color: #e8e8e8;
}
.contactBox .text
{
    line-height: 20px;
    padding: 5px 12px;
}
.contactBox .text a
{
    font-weight: bold;
    text-decoration: none;
    color: #663300;
    font-size: 13px;
}

/* ******* CONTENT GENERAL ******** */
.boldBrown
{
    color: #663300;
    font-weight: bold;
}
.decoded
{
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
}

.midCol 
{
    position: relative;
    margin-left: 190px;
    width: 352px;
}
.midCol li
{
    margin-bottom: 3px;
}

.midCol .boxRow
{
    width: 714px;
    position: relative;
}

.midCol .contentBox
{
    width: 352px;
    margin-bottom: 10px;
    position: relative;
}
.midCol .leftBox
{
    float: left;
}
.midCol .rightBox
{
    float: right;
}
.midCol .spanBox
{
    float: none;
    width: 714px;
}

.midCol #row1 .contentBox
{
    
}
.midCol #row2 .contentBox
{
    height: 250px;
}
.midCol #row3 .contentBox
{
    height: 280px;
}
.midCol #row4 .contentBox
{
    
}
.midCol #row5 .contentBox
{
    
}

.endHack
{
    font-size: 1px;
    line-height: 1px;
}
.midCol .contentBox h1
{
    font-size: 20px;
    margin: -5px 0 10px;
    color: #3f92a0;
}
.midCol .contentBox strong
{
    color: #666;
}
.midCol .contentBox ul
{
    color: #333;
    list-style-image: url('../images/smArrow_right_gray.png');
    margin-top: 5px;
}
.midCol .contentBox li
{
    
}

.midCol .boxConnected ul
{
    padding: 0 0 0 15px;
    margin-bottom: 30px;
    list-style-type: none;
    list-style-image: none;
}
.midCol .boxConnected li a
{
    line-height: 28px;
}
.midCol .boxConnected li
{
    padding-left: 35px;
}
.midCol .contentBox .liGozaic
{
    background: transparent url('../images/icon_gozaic.gif') no-repeat scroll top left;
}
.midCol .contentBox .liTwitter
{
    background: transparent url('../images/icon_twitter.gif') no-repeat scroll top left;
}
.midCol .contentBox .liFacebook
{
    background: transparent url('../images/icon_facebook.gif') no-repeat scroll top left;
}
.midCol .contentBox .liRss
{
    background: transparent url('../images/icon_rss.gif') no-repeat scroll top left;
}

.midCol .contentBox a
{
    color: #3f92a0;
    font-weight: bold;
    text-decoration: none;
}
.midCol .contentBox a:hover
{
    text-decoration: underline;
}

/* ******* CONTENT SUB-PAGES ******** */
.subCol 
{
    position: relative;
    margin-left: 190px;
    width: 715px;
}
.subCol, 
.subContent,
.subContent .inner
{
    min-height: 366px;
}
.subContent .inner h1
{
    color: #3f92a0;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
}
.subContent .inner h2
{
    font-size: 16px;
    margin: 30px 0 5px;
    color: #666;
    font-weight: bold;
}
.subContent .inner h3
{
    font-size: 13px;
    margin: 0;
    font-weight: bold;
}
.subContent .inner p
{
    margin: 0 0 10px;
}
.subContent .inner ul
{
    
}
.subContent .inner li
{
    margin-bottom: 10px;
}
.subContent .inner a
{
    color: #3f92a0;
    font-weight: bold;
    text-decoration: none;
}
.subContent .inner a:hover
{
    text-decoration: underline;
}
.subContent .inner .field,
.subContent .inner .label
{
    padding-bottom: 5px;
}
.subContent .inner .label
{
    font-weight: bold;
    color: #666;
    text-align: right;
    padding-right: 5px;
}
.subContent .inner .field input
{
    width: 300px;
}
.subContent .inner .bigText
{
    padding: 0;
}
.subContent .inner textarea
{
    width: 99%;
}
.subContent .inner .Form table
{
    margin: 10px 0 0 60px;
}
.subContent .inner .btt a
{
    font-weight: normal;
    line-height: 14px;
}


/* ******* RIGHT COLUMN ******** */
.rightCol 
{
    float: right;
    width: 352px;
}
.rightCol .contentBox
{
    margin-bottom: 10px;
}

.rightCol .contentBox h1
{
    font-size: 20px;
}
.rightCol .contentBox h1
{
    margin-bottom: 12px;
}