﻿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: left;
}

.content
{
    width: 721px;
    margin: 0 auto;
}

.Head
{
    
}
.Head .logo
{
    padding: 30px 0 10px;
}

.Middle
{
    position: relative;
    width: 760px;
    margin: 0 auto;
}
.Middle .top
{
    position: relative;
    height: 21px;
    width: 760px;
    background: transparent url('../images/Middle_bg-top.png') no-repeat scroll top left;
}
.Middle .bottom
{
    position: relative;
    height: 21px;
    width: 760px;
    background: transparent url('../images/Middle_bg-bottom.png') no-repeat scroll top left;
}
.Middle .contentArea
{
    position: relative;
    margin: 0 20px 0 20px;
    background-color: #f3f0ec;
}
.Middle .contentArea .shadowLeft
{
    position: absolute;
    left: -21px;
    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: -20px;
    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: 721px;
    padding-bottom: 15px;
}

.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;
    background-color: #a8a489;
}
.boxBecome .colorStripe
{
    background-color: #3e90a5;
}
.boxLogin .colorStripe
{
    background-color: #981d22;
}
.boxPartners .colorStripe
{
    background-color: #62ae3c;
}


/* ******** 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
{
    text-transform: uppercase;
}
.contentBox p
{
    margin: 0 0 10px 0;
}

/* ******* NAVIGATION ******** */
.navCol 
{
    width: 149px;
    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: 145px;
    height: 23px;
    border-bottom: solid 1px #ccc;
    cursor:pointer; cursor:hand;
    margin: 0;
    padding: 0;
}
.navBox li a
{
    text-decoration: none;
    color: #000;
    width: 133px;
    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: 140px;
}
.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: 16px;
    padding: 5px 8px 5px 12px;
}
.contactBox .text a
{
    font-weight: bold;
    text-decoration: none;
    color: #663300;
    font-size: 13px;
}
.contactBox .text .phone
{
    margin-top: 5px;
}
.contactBox strong
{
    font-size: 13px;
    padding-top: 5px;
}
.contactBox .text .decoded
{
    margin-left: 34px;
}


/* ******* CONTENT GENERAL ******** */
.midCol 
{
    position: relative;
    margin-left: 158px;
    width: 353px;
}
.midCol .contentBox
{
    margin-bottom: 10px;
}
.midCol .boxConnecting .boxContent
{
    padding-top: 5px;
}
.midCol .mosaicCircle
{
    float: right;
    padding: 2px 0 10px;
}
.midCol h1
{
    font-size: 22px;
    padding-bottom: 10px;
}
.midCol .contentBox ul
{
    color: #333;
    list-style-type: none;
    margin: 5px 0 15px 0;
}
.midCol .contentBox li
{
    padding-bottom: 5px;
}
.midCol .boxConnected ul
{
    padding: 0 0 0 15px;
}
.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;
}
.endHack
{
    font-size: 1px;
    line-height: 1px;
}

/* ******* CONTENT SUB-PAGES ******** */
.subCol 
{
    position: relative;
    margin-left: 160px;
    width: 560px;
}
.subCol, 
.subContent,
.subContent .inner
{
    min-height: 414px;
}
.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: 200px;
}
.rightCol .contentBox
{
    margin-bottom: 10px;
}
.rightCol .contentBox .boxContent
{
    padding-top: 5px;
}
.rightCol .contentBox h1
{
    font-size: 20px;
}
.rightCol .contentBox h1
{
    margin-bottom: 12px;
} 
.rightCol .contentBox .boxContent a
{
    font-weight: bold;
    text-decoration: none;
    color: #3F92A0;
}
.rightCol .contentBox .boxContent a:hover
{
    text-decoration: underline;
}

.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 5px;
}
.boxLogin .field input
{
    width: 160px;
}
.boxLogin .remember
{
    float: left;
    font-size: 11px;
    line-height: 15px;
}
.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: 5px;
    color: #62ae3c;
}
.boxPartners li
{
    margin-bottom: 5px;
}
.boxPartners li span
{
    color: #000;
}

.boxLogin .boxSpacer
{
    position: relative;
    height: 45px;
}
