/********************************************
* Cole
* Developed by I-ology
* http://www.i-ology.com
*
* Created 10/17/07 - BD
*
* General Style Definitions
********************************************/

/*********************************
* HTML Mods 
*********************************/

body {
    margin: 0;
    padding: 0;
    background: #E1D6B7 url(/images/bg_body.jpg) top center repeat-x;
}

* {
    margin: 0; 
    padding: 0;
    font-size: 11px; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    line-height: 18px;
}

a {
    color: #002C5F;
    outline: none;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

p {
    padding: 0 0 15px 0;
}

h2,
h4,
h2 a {
    color: #85421E;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", serif;
}

sup {
    color: #85421E;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", serif;
}

/*********************************
* Layout Definitions
*********************************/

#content {
    width: 926px;
    margin: 0 auto;
    background: url(/images/bg_content_main.jpg) top left repeat-y;
}

#bg {
    width: 926px;
    background: url(/images/bg_content_top.jpg) 0 96px no-repeat;
    overflow: hidden;
}

#header {
    width: 926px;
    height: 96px;
    margin-bottom: 36px;
    background: url(/images/bg_header.jpg) top left no-repeat;
    overflow: hidden;
}

#header-left {
    width: 216px;
    height: 96px;
    float: left;
}

#header-right {
    width: 470px;
    height: 96px;
    float: right;
}

#section-photo {
    width: 856px;
    height: 81px;
    margin-left: 34px;
}

#left-column {
    width: 261px;
    background: url(/images/bg_left_column.jpg) 0 81px no-repeat;
    margin: -81px 0 0 34px;
    _margin: -83px 0 0 17px;
    padding-left: 5px;
    width/**/:/**/ 256px;
    float: left;
}

#right-column {
    width: 595px;
    margin-right: 36px;
    _margin-top: -2px;
    padding: 0;
    float: right;
}

a#logo {
    width: 160px;
    height: 60px;
    display: block;
    margin: 36px 0 0 57px;
    text-indent: -9999px;
    background: url(/images/logo_02.jpg) top left no-repeat;
}

#interior-content {
    width: 530px;
    margin-left: 35px;
    padding-bottom: 25px;
}

#left-photo {
    width: 249px;
    margin: 15px 0 15px 0;
    background: #EDE6D4;
}

#left-photo img {
    width: 233px;
    margin: 7px 0 7px 7px;
    border: 1px solid #8E4721;
}

#interior-content p {
    line-height: 16px;
}

#interior-content .content-photo {
    margin: 3px 15px 10px 0;
    padding-bottom: 4px;
    float: left;
    clear: left;
    width: 135px;
    background: #EDE6D4;
}

#interior-content .content-photo img {
    width: 125px;
    margin: 4px 0 0 4px;
    border: 1px solid #8E4721;
    float: left;
}

#interior-content .content-photo2 {
    margin: 3px 0 15px 25px;
    padding-bottom: 4px;
    float: right;
    clear: right;
    width: 208px;
    background: #EDE6D4;
}

#interior-content .content-photo2 img {
    width: 198px;
    margin: 4px 0 0 4px;
    border: 1px solid #8E4721;
    float: left;
}

#interior-content .content-photo3 {
    width: 250px;
    margin: 0 0 15px 25px;
    float: right;
    background: none;
}

.footnote {
    font-size: 10px;
}

#interior-content .divider {
    background: url(/images/divider.gif) bottom left repeat-x;
}

a#go-back {
    background: url(/images/arrow_back.gif) 0 5px no-repeat;
    padding-left: 12px;
    margin-top: -15px;
}

p#disclaimer {
    font-size: 10px;
    line-height: 16px;
    margin: 5px 25px 0 35px;
    background: url(/images/divider.gif) top left repeat-x;
    padding-top: 10px;
}

#left-content {
    width: 249px;
    margin: 17px 0 15px 0;
    padding: 7px 0;
    background: #EDE6D4;
}

#inner {
    width: 233px;
    margin: 0 0 0 7px;
    padding: 10px;
    width/**/:/**/213px;
    border: 1px solid #8E4721;
    background: #F8F5EA;
}

#inner h3 {
    color: #85421E;
    font-size: 12px;
    font-weight: normal;
    font-family: Georgia, "Times New Roman", serif;
    padding-bottom: 5px;
}

#inner ul {
    margin: 10px 0 0 10px;
    padding: 0;
    list-style: none;
}

#inner ul li {
    margin-bottom: 5px;
    padding-left: 10px;
    background: url(/images/bullet.gif) 0 7px no-repeat;
}

#userLinks_pnlAdmin ul {
    margin-top: 0;
}

a#download-acrobat {
    padding-left: 17px;
    height: 20px;
    width: 150px;
    display: block;
    background: url(/images/bullet_acrobat.gif) 0 4px no-repeat;
}

/*********************************
* Lists
*********************************/

#interior-content ul {
    margin: 0 0 15px 10px;
    padding: 0;
    list-style: none;
}

#interior-content ul li {
    margin-bottom: 5px;
    padding-left: 10px;
    line-height: 14px;
    background: url(/images/bullet.gif) 0 5px no-repeat;
}

#interior-content ul li a {
    line-height: 14px;
}

#interior-content ul.link-list li {
    margin-bottom: 10px;
    padding-left: 10px;
    background: url(/images/bullet.gif) 0 7px no-repeat;
    line-height: 16px;
}

#interior-content ol {
    margin: 0 0 15px 30px;
    padding: 0;
}

/*********************************
* Tables
*********************************/

table#search {
    width: 228px;
    height: 21px;
    margin: 30px 0 11px 113px;
    background: url(/images/bg_search.jpg) top left no-repeat;
}

/*********************************
* Forms
*********************************/

input#search-txt {
    width: 120px;
    height: 15px;
    margin: 1px 0 0 77px;
    padding: 0;
    border: none;
    background: none;
    float: left;
}

#interior-content #form-bg {
    width: 475px;
    margin: 0 auto;
    background: url(/images/bg_table.jpg) top left no-repeat;
    border: 5px solid #EDE6D4;
}

#interior-content #form-bg table {
    width: 400px;
    margin: 30px 0 20px 49px;
}

#interior-content #form-bg table td {
    color: #85421E;
    font-size: 12px;
    padding-bottom: 20px;
    font-family: Georgia, "Times New Roman", serif;
}

#form-bg input.form-field1,
#form-bg input.form-field2,
#form-bg select.form-ddl,
#form-bg select.form-ddl2 {
    height: 18px;
    padding-left: 2px;
    border: 1px solid #C2A08E;
}

#form-bg input.form-field1 {
    width: 170px;
    width/**/:/**/ 168px;
}

#form-bg input.form-field2 {
    width: 370px;
    width/**/:/**/ 368px;
}

#form-bg textarea {
    width: 370px;
    width/**/:/**/ 368px;
    border: 1px solid #C2A08E;
}

#form-bg select.form-ddl {
    width: 172px;
    width/**/:/**/ 170px;
}

#form-bg select.form-ddl2 {
    width: 370px;
    width/**/:/**/ 368px;
}

#interior-content #vsReqInfo, #interior-content .error {
    width: 450px;
    margin: 10px 0 -15px 13px;
    background: url(/images/divider.gif) bottom left repeat-x;
    padding-bottom: 5px;
}

#interior-content #vsReqInfo.error ul li, #interior-content .error ul li {
    color: #85421E;
}

#interior-content #vsReqInfo.error h3, #interior-content .error h3 {
    margin-bottom: 5px;
    color: #85421E;
}

/*********************************
* Buttons & Promos
*********************************/

a#promo-news {
    width: 247px;
    height: 38px;
    margin-bottom: 15px;
    display: block;
    text-indent: -9999px;
    background: url(/images/promo_news.gif) top left no-repeat;
}

a:hover#promo-news {
    background: url(/images/promo_news.gif) bottom left no-repeat;
}

#btnSubmit {
    margin-left: 120px;
}

a#promo-get-acrobat {
    width: 160px;
    height: 41px;
    display: block;
    margin: 0 0 25px 0;
    text-indent: -9999px;
    background: url(/images/promo_get_acrobat.jpg) top left no-repeat;
}

a:hover#promo-get-acrobat {
    background: url(/images/promo_get_acrobat.jpg) bottom left no-repeat;
}

/*********************************
* Footer Definitions
*********************************/

#footer {
    width: 926px;
    margin: 0 auto 25px auto;
    padding: 20px 18px 10px 18px;
    width/**/:/**/ 890px;
    background: url(/images/bg_footer.jpg) top left no-repeat;
    overflow: visible;
}

#footer-left,
#footer-right {
    font-size: 10px;
    color: #85421E;
}

#footer-left {
    width: 600px;
    float: left;
    line-height: 14px;
}

#footer-right {
    width: 200px;
    float: right;
    text-align: right;
    vertical-align: top;
}

#footer-left a,
#footer-right a {
    font-size: 10px;
    color: #85421E;
    text-decoration: none;
}

#footer-left a:hover,
#footer-right a:hover {
    text-decoration: underline;
}

/*********************************
* Global Navigation
*********************************/

ul#global {
    height: 21px;
    margin: 47px 34px 0 0;
    list-style: none;
    float: right;
}

ul#global li {
    display: inline;
}

ul#global li a {
    height: 21px;
    display: block;
    text-indent: -9999px;
    float: left;
}

a#logout {
    width: 72px;
    margin-right: 1px;
    background: url(/images/global_logout.gif) top left no-repeat;
}
a#financial {
    width: 140px;
    margin-right: 1px;
    background: url(/images/global_advisor.gif) top left no-repeat;
}
a#account {
    width: 122px;
    margin-right: 1px;
    background: url(/images/global_account_access.gif) top left no-repeat;
}
a#contact {
    width: 92px;
    background: url(/images/global_contact.gif) top left no-repeat;
}

a:hover#logout {
    background: url(/images/global_logout.gif) bottom left no-repeat;
}
a:hover#financial, body#financial-on #financial {
    background: url(/images/global_advisor.gif) bottom left no-repeat;
}
a:hover#account {
    background: url(/images/global_account_access.gif) bottom left no-repeat;
}
a:hover#contact, body#contact-us-on #contact {
    background: url(/images/global_contact.gif) bottom left no-repeat;
}

/*********************************
* Main Navigation
*********************************/

#nav {
    width: 233px;
    margin: 14px 0 25px 7px;
    border: 1px solid #6C3518;
    list-style: none;
    position: relative;
    z-index: 0;
}

#nav li a {
    width: 233px;
    height: 29px;
    margin: 0;
    padding: 0;
    display: block;
    text-indent: -9999px;
}

li a#fa-investments {
    height: 36px;
    background: url(/images/nav_fa_investments.gif) top left no-repeat;
}
a#fa-resources {
    background: url(/images/nav_fa_resources.gif) top left no-repeat;
    }
a#fa-salesregions {
    background: url(/images/nav_fa_salesregions.gif) top left no-repeat;
}
a#fa-events {
    background: url(/images/nav_fa_events.gif) top left no-repeat;
}
li a#back {
    height: 32px;
    background: url(/images/nav_back.gif) top left no-repeat;
}

a:hover#fa-investments, body.fa-investments-on #fa-investments {
    background: url(/images/nav_fa_investments.gif) bottom left no-repeat;
}
a:hover#fa-resources, body.fa-resources-on #fa-resources {
    background: url(/images/nav_fa_resources.gif) bottom left no-repeat;
}
a:hover#fa-salesregions, body.fa-salesregions-on #fa-salesregions {
    background: url(/images/nav_fa_salesregions.gif) bottom left no-repeat;
}
a:hover#fa-events, body.fa-events-on #fa-events {
    background: url(/images/nav_fa_events.gif) bottom left no-repeat;
}
li a:hover#back, body#back-on #back {
    background: url(/images/nav_back.gif) bottom left no-repeat;
}

/*********************************
* Sub Navigation
*********************************/

#subnav-bg {
    width: 595px;
    height: 41px;
    background: url(/images/bg_subnav.gif) top left no-repeat;
}

#subnav-bg2 {
    width: 595px;
    height: 28px;
    background: url(/images/bg_subnav2.gif) bottom left no-repeat;
}

#subnav {
    margin-left: 34px;
    list-style: none;
    height: 26px;
}

#subnav2 {
    margin: 1px 0 0 34px;
}

#subnav li {
    margin-top: 14px;
    display: inline;
    float: left;
}

#subnav2 li {
    margin-top: 0;
    display: inline;
    float: left;
}

#subnav li a,
#subnav2 li a {
    height: 26px;
    display: block;
    text-indent: -9999px;
}

#flashplayer-content {
    margin: 0px 0 14px 0;
    padding: 7px 7px;
    background: #EDE6D4;
}

#flashplayer-inner {
    border: 1px solid #8E4721;
}