﻿/* ---- GENERAL ---- */
body {
    background:#FFF url(/images/css/bg_body.gif) repeat-y top center;
    padding: 0;
    margin: 0;
    font-family:"Times New Roman", Times, serif;
    color:#666;
    font-size:14px;
}
img {
    border:0;
}
.main img{
    float:right;
    margin:2px 0 19px 10px;
}
.main p img {
    float:none;
    margin: 0 5px;
}
.divider {
    width: 100%;
    margin:15px 0;
    border-bottom:1px solid #D9D9D9;
    height:1px;
    overflow:hidden;
}
hr {
    width: 100%;
    margin: 15px 0;
    background-color: #D9D9D9;
    height:1px;
    color: #D9D9D9;
    border:none;
    padding: 0;
}
.clear {
    clear:both;
    height:0;
    font-size:0;
}

/* ---- Error ---- */
.error {
    color:#CC0000;
    font-weight:bold;
}
/* ---- FONTS ---- */
.main p {line-height:22px; margin: 8px 0;}
.intro, h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif;}
.intro, h1 {font-size:18px;    font-weight:normal;}
h2 {font-size:15px;    font-weight:bold;}
h3 {font-size:12px;    background-color:#EDEDED; border-bottom:1px solid #D9D9D9; padding:1px 4px; margin-bottom: 5px; font-weight:normal; text-transform:uppercase;}
a, a:link, a:visited {color:#004b85; text-decoration:none;}
a:hover {color:#7f95a6;}
.main hr {border:none; background:url(/images/css/hr.gif) center; height:13px; clear:both; overflow:hidden;}
.main dt {margin:5px 0 0 0; text-decoration: none; color:#004b85;}
.main dd {padding: 0 0 4px 10px;}
.main ul, .main ol, .main dl {list-style-position: inside; line-height: 1; margin: 7px 0; padding:0;}
.main li {margin:7px 0 7px 25px;}
.main ul {list-style-image:url(/images/css/bullet.gif); margin-left: 0; padding-left: 1em; text-indent: -1em; list-style-position:inside;# *list-style-position:outside;}
.main ol li {list-style-position:outside; margin: 7px 0 7px 25px;}
BLOCKQUOTE {margin: 4px 20px; line-height: 14px}
/* ---- LAYOUT ---- */
.page {
    width: 880px;
    margin: 0 auto;
    padding: 0;
}
.header {
    margin: 20px 0 25px 0;
    padding:0;
    width:880px;
    height:90px;
}
.logo {
    float:left;
}
.content {
    width:730px;
    float:left;
}
.flash {
    padding:0 0 25px 0;
    margin:0;
}
.main {
    width:500px;
    float:left;
    margin: 0 60px 0 0;
}
.mainSimple {
    width:880px;
    float:left;
    margin: 0 60px 0 0;
}
.side {
    width: 150px;
    float:left;
    padding: 0 0 0 19px;
    border-left: 1px solid #D9D9D9;
}
.navBar {
    width:130px;
    float:left;
    margin: 0 20px 0 0;
    border-top: 2px solid #D9D9D9;
    text-align:left;
}
.navBarRight {
    width:150px;
    float:left;
    text-align:left;
}
/* ---- MAIN MENU ---- */
    /*** ESSENTIAL STYLES ***/
    ul.sf-menu, .sf-menu * {
        margin:            0;
        padding:        0;
        list-style:        none;
    }
    .sf-menu {
    }
    .sf-menu ul {
        position:        absolute;
        top:            -999em;
        width:            10em; /* left offset of submenus need to match (see below) */
        }
    .sf-menu ul li {
        width:            100%;
    }
    .sf-menu li:hover {
        visibility:        inherit; /* fixes IE7 'sticky bug' */
    }
    .sf-menu li {
        float:            left;
        position:        relative;
    }
    .sf-menu a {
        display:        block;
        position:        relative;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left:            0;
        top:            23px; /* match top ul list item height */
        z-index:        99;
    }
    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
        top:            -999em;
    }
    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
        left:            10em; /* match ul width */
        top:            0;
    }
    ul.sf-menu li li:hover li ul,
    ul.sf-menu li li.sfHover li ul {
        top:            -999em;
    }
    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
        left:            10em; /* match ul width */
        top:            0;
    }
    /*** DEMO SKIN ***/
    .sf-menu {
        float:            left;
        margin-bottom:    1em;
    }
    .sf-menu a {
        padding:         0;
        text-decoration:none;
    }
    .sf-menu a, .sf-menu a:visited {
        font-family:    Arial, Helvetica, sans-serif;
        font-size:        10px;
        font-weight:    bold;
        color:            #999;
        text-decoration:none;
        text-transform:    uppercase;
        border-left:     1px solid #CCC;
        padding:        0 8px;
        margin:         0px;
    }
    .sf-menu a.first, .sf-menu a.first:visited {
        border:none
    }
    .sf-menu a.sub, .sf-menu a.sub:visited {
        padding: 0 8px 0 14px;
        margin-left:4px;
        background:url(/images/css/bg_sub_arrow.gif) no-repeat left center;
    }
    .sf-menu li {
    }
    .sf-menu li ul {
        width:             213px;
        _background: url(/images/css/bg_dropdown.gif) no-repeat bottom center;
        _padding: 0 0 6px 0;
    }
    .sf-menu li li {
        padding:        4px 0 7px 0;
        margin:            0 10px;
        width:            194px;
        border-top:     solid 1px #7EA4C2;
    }
    .sf-menu li li a, .sf-menu li li a:visited{
        color:             White;
        text-decoration: none;
        font-size:         10px;
        text-transform:    uppercase;
        border:            none;
        padding:        0;
    }
    .sf-menu li li a:hover{
        color:            #7EA4C2;
    }
    .sf-menu li li li {
    }
    .sf-menu li:hover, .sf-menu li.sfHover,
    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        outline:        0;
    }
    /*** shadows for all but IE6 ***/
    .sf-shadow ul {
        background:    url(/images/css/bg_dropdown.png) no-repeat bottom right;
        padding: 0 0 6px 0;
        width:194px;
    }
    .sf-shadow ul.sf-shadow-off {
        background: url(/images/css/bg_dropdown.gif) no-repeat bottom right;
    }
    .sf-shadow li.where ul {
        background: url(/images/css/bg_drop_special.png) no-repeat bottom right;
        padding: 13px 0 14px 0px;
    }
    .sf-shadow li.where ul.sf-shadow-off {
        background: url(/images/css/bg_drop_special.gif) no-repeat bottom right;
    }
    
    /*** where menu with photos drop-down ***/
    .sf-menu li.where ul {
        width:             434px;
        _background: url(/images/css/bg_drop_special.gif) no-repeat bottom center;
        _padding: 13 0 14px 0;
    }
    .sf-menu li.where li {
        border-top:        none;
        float:left;
        width:105px;
        position:relative;
        padding: 0;
        margin:0;
        height:90px;
        line-height:11px;
    }
    .sf-menu li.where li.first {
        padding: 0 0 0 7px;
    }
    .sf-menu li.where li img {
        padding: 0 7px 0 7px;
        margin: 0 0 5px 0;
        border-left: 1px solid #dad8d0;
        display:block;
        _margin: 7px 0 5px 0;
    }
    .sf-menu li.where li.first img {
        border:none;
    }
    .sf-menu li li.first {
        border:none;
    }
    .sf-menu li.where li a, .sf-menu li.where li a:visited{
        color:            #666;
        font-size:        11px;
        text-align:        center;
        font-weight:    normal;
    }    
    .sf-menu li.where li a:hover {
        color:#999;
    }
/* ---- UTILITY NAVIGATION ---- */
.utility {
    width:120px;
    float:right;
    margin:0;
    text-align:right;
}
.utility ul{
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:0;
    margin:32px 0 1px 0;
    *margin:26px 0 0 0;
}
.utility ul li {
    list-style:none;
    padding:0;
    margin:5px 0 0 0;#
    *margin:0;
}
.utility ul li a, .utility ul li a:visited {
    color:#999;
    text-decoration:none;
    background:url(/images/css/nav_arrow_grey.gif) no-repeat right center;
    display:block;
    height:10px;
    padding: 0 16px 0 0;
}
.utility ul li a:hover {
    color:#AAA;
    background:url(/images/css/nav_arrow_grey.gif) no-repeat 105px center;
}
.utility input {
    border:1px solid #CCC;
    margin: 0 2px;
    padding: 2px;
    font-size:9px;
    color:#666;
    height:11px;
    width: 80px;
    text-align:right;
}
/* ---- RIGHT COLUMN NAV ---- */
.navBarRight ul {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-transform:uppercase;
    padding:0;
    margin:18px 0 0 0;
}
.navBarRight ul li {
    list-style:none;
    padding:0;
    margin:6px 0;
}
.navBarRight ul li a, .navBar ul li a:visited {
    color:#999;
    text-decoration:none;
}
.navBarRight ul li a:hover {
    color:#CCC;
}
.navBarRight ul li ul {
    margin: 0;
    padding: 0;
    color:#5d7485;
    text-transform:none;
}
.navBarRight ul li ul li {
    padding:0 0 0 12px;
}
.navBarRight ul li ul li.active {
    background:url() no-repeat 0 4px;
}
.navBarRight ul li ul li a, .navBar ul li ul li a:visited {
    color:#5d7485;
    text-decoration:none;
}
.navBarRight ul li ul li a:hover {
    color:#a0b3c2;
}

/* ---- LEFT SIDE NAV ---- */
.navBar ul {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-transform:uppercase;
    padding:0;
    margin:18px 0 0 0;
}
.navBar ul li {
    list-style:none;
    padding:0;
    margin:6px 0;
}
.navBar ul li a, .navBar ul li a:visited {
    color:#999;
    text-decoration:none;
}
.navBar ul li a:hover {
    color:#CCC;
}
.navBar ul li ul {
    margin: 0;
    padding: 0;
    color:#5d7485;
    text-transform:none;
}
.navBar ul li ul li {
    padding:0 0 0 12px;
}
.navBar ul li ul li.active {
    background:url() no-repeat 0 4px;
}
.navBar ul li ul li a, .navBar ul li ul li a:visited {
    color:#5d7485;
    text-decoration:none;
}
.navBar ul li ul li a:hover {
    color:#a0b3c2;
}
/* ---- BREADCRUMB ---- */
.breadcrumb{
    color:#004b85;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:11px;
    font-variant:small-caps;
    margin:0;
    padding:0;
}
.breadcrumb ul{
    margin: 0;
    padding:0;
    text-indent:0;
}
.breadcrumb ul li {
    display:inline;
    list-style:none;
    background:url() no-repeat left;
    padding: 0 4px 0 16px;
    margin:0;
}
.breadcrumb ul li.first {
    background:none;
    padding-left:0;
}
.breadcrumb ul li a:link, .breadcrumb ul li a:visited {
    color:#004b85;
    text-decoration:none;
}
.breadcrumb ul li a:hover {
    color:#a0b3c2;
}
/* ---- FOOTER ---- */
.footerLogos {
    width:184px;
    float:left;
    margin: 30px 0 30px 0;
}
.footerLogos img {
    margin: 0 5px 0 0;
}
.foot {
    width:696px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    margin: 25px 0 25px 0;
}
.footer {
    width:500px;
    float: left;
}
.terms {
    width:196px;
    float: left;
    text-align:right;
}
.footer ul, .terms ul{
    margin: 0;
    padding:0;
    height:11px;
}
.footer ul li, .terms ul li {
    list-style:none;
    display:inline;
    margin:0;
    padding: 0 8px;
    height:11px;
}
.footer ul li {
    border-left: 1px solid #b2b2b2;
    float:left;
}
.terms ul li {
    border-right: 1px solid #b2b2b2;
}
.footer ul li.first {
    border:none;
}
.terms ul li.last {
    border:none;
    padding: 0 0 0 8px;
}
.footer ul li a, .terms ul li a {
    color:#666;
    text-decoration:none;
}
.footer ul li a:hover, .terms ul li a:hover {
    color:#AAA;
    text-decoration:none;
}
.terms p {
    margin:8px 0 0 0;
    padding:0;
}

.applicationTable { width:700px; }
.applicationTable img { float:none; margin:0 }
.applicationTable td { vertical-align:top; }

.xwide {border:1px solid #CCC; margin: 0 0 4px 0; font-size:11px; color:#666; height:14px; width: 314px;}
.wide {border:1px solid #CCC; margin: 0 0 4px 0; font-size:11px; color:#666; height:14px; width: 150px;}

.small {border:1px solid #CCC; margin: 0 0 4px 0; font-size:11px; color:#666; height:14px; width: 30px;}
.medium {border:1px solid #CCC; margin: 0 0 4px 0; font-size:11px; color:#666; height:14px; width: 90px;}

.phoneAreaCode { border:1px solid #CCC; margin: 0 0 4px 0; font-size:11px; color:#666; height:14px; width: 20px; }
.phoneNumber { border:1px solid #CCC; margin: 0 0 4px 0; font-size:11px; color:#666; height:14px; width: 90px; }

.ddl { border:1px solid #CCC; margin: 0 0 4px 0; font-size:11px; color:#666; height:25px; }

img.tcalIcon { padding-bottom:5px; }
