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;
}

.floatsizer
{
    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;
}

.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;
}
.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 .contentArea .mainIntro
{
    position: relative;
    width: 919px;
    margin-left: -7px;
    padding-bottom: 10px;
}

.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 #938e87;
}
.Foot .footerLinks li
{
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #938e87;
    line-height: 21px;
    padding-left: 2px;
}

.colorStripe
{
    position: relative;
    height: 5px;
}
.navCol .colorStripe
{
    background-color: #a8a489;
}
.boxBenefits .colorStripe
{
    background-color: #3f92a0;
}
.boxFlash .colorStripe
{
    background-color: #717171;
}
.boxWebinar .colorStripe
{
    background-color: #f7941e;
}
.boxBecome .colorStripe
{
    background-color: #f7941e;
}
.boxLogin .colorStripe
{
    background-color: #981d22;
}
.boxPartners .colorStripe
{
    background-color: #62ae3c;
}
.boxCommunity .colorStripe
{
    background-color: #a8a489;
}


/* ******** 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
{
    height: 26px;
}
.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;
}
.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%;
}
.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
{
    
}

/* ******* 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: 455px;
}
.midCol li
{
    margin-bottom: 3px;
}
.boxBenefits .inner
{
    background: #fff url('../images/boxMosaic_lrg_blue.gif') no-repeat scroll top right;
}
.boxFlash .boxContent
{
    text-align: center;
}

.boxCommunity
{
    line-height: 18px;
}
.boxCommunity ul
{
    margin: 10px 0 10px 10px;
    padding-left: 15px;
}
.boxCommunity li
{
    margin-bottom: 8px;
}
.boxCommunity li a
{
    text-decoration: none;
    color: #000;
    font-weight: normal;
}
.boxCommunity li a:hover
{
    text-decoration: underline;
}
.boxCommunity li span
{
    font-weight: bold;
    color: #3f92a0;
}
.boxCommunity li .date
{
    color: #A8A489;
}

.midCol .contentBox
{
    margin-bottom: 10px;
}
.endHack
{
    font-size: 1px;
    line-height: 1px;
}
.midCol .contentBox h1
{
    font-size: 22px;
    margin: -5px 0 10px;
}
.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 .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: 438px;
}
.subContent .inner h1
{
    color: #3f92a0;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
}
.subContent .inner h2
{
    font-size: 16px;
    margin: 30px 0 10px;
    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: 250px;
}
.rightCol .contentBox
{
    margin-bottom: 10px;
}
.rightCol .contentBox .boxContent
{
    padding-top: 5px;
}
.boxBecome .inner
{
    background: #fff url('../images/boxMosaic_sm_orange.gif') no-repeat scroll top right;
}
.boxBecome .inner .CTA
{
    padding: 5px;
    background-color: #fde6c7;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    line-height: 22px;
    border: solid 1px #FAA525;
    font-family: Trebuchet MS, Helvetica, sans-serif;
}
.boxBecome .inner .CTA span
{
    font-size: 17px;
    font-weight: normal;
}
.boxBecome .inner .CTA a
{
    color: #9A1F22;
}
.boxBecome .inner strong
{
    font-size: 19px;
    font-weight: bold;
    color: #9A1F22;
}
.boxBecome .inner .Form strong
{
    font-size: 13px;
}
.boxBecome .label
{
    text-align: right;
    color: #555;
    font-weight: bold;
    padding-right: 2px;
    font-size: 12px;
}
.boxBecome .field input
{
    width: 130px;
}

.boxLogin .inner
{
    background: #fff url('../images/boxMosaic_smWhole_red.gif') no-repeat scroll top right;
}
.boxLogin h2
{
    color: #981d22;
}
.boxLogin .Form
{
    margin: 10px 0 0 20px;
}
.boxLogin .field input
{
    width: 177px;
}
.boxLogin .remember
{
    float: left;
}
.boxLogin .forgot
{
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
}
.boxLogin .forgot a
{
    color: #666;
    text-decoration: none;
}
.boxLogin .forgot a:hover
{
    text-decoration: underline;
}
.boxPartners .inner
{
    background: #fff url('../images/boxMosaic_sm_green.gif') no-repeat scroll top right;
}
.boxPartners h3
{
    color: #666666;
}
.boxPartners ul
{
    margin: 10px 0 10px 10px;
    padding-left: 15px;
    color: #62ae3c;
}
.boxPartners li
{
    margin-bottom: 5px;
}
.boxPartners li span
{
    color: #000;
}
.boxPartners li a
{
    color: #3F92A0;
    font-weight: bold;
    text-decoration: none;
}

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


.rightCol .boxConnected ul
{
    padding: 0;
    color: #333;
    list-style-type: none;
    margin: 5px 0 15px 0;
}
.rightCol .boxConnected li a
{
    line-height: 28px;
    font-weight: bold;
    text-decoration: none;
    color: #666;
}
.rightCol .boxConnected li a:hover
{
    text-decoration: underline;
}
.rightCol .boxConnected li
{
    padding-left: 35px;
    margin-bottom: 5px;
}
.rightCol .contentBox .liGozaic
{
    background: transparent url('../images/icon_gozaic.gif') no-repeat scroll top left;
}
.rightCol .contentBox .liTwitter
{
    background: transparent url('../images/icon_twitter.gif') no-repeat scroll top left;
}
.rightCol .contentBox .liFacebook
{
    background: transparent url('../images/icon_facebook.gif') no-repeat scroll top left;
}
.rightCol .contentBox .liRss
{
    background: transparent url('../images/icon_rss.gif') no-repeat scroll top left;
}

.boxConnected .boxSpacer
{
    position: relative;
    height: 252px;
}