/*****

    Freedom Financial Group

*****/

/***** Commonly used classes. *****/

* 
{ 
    margin: 0px 0px;
    padding: 0px 0px;
}

html
{
    width: 100%;
    height: 100%;
    min-height: 100.1%;
}

body
{
    height: 100%;
    min-height: 100.1%; 
    background-color: #00489F;
    background-position: top center;
    background-image: url('/images/body_bg.png');
}

body *
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 140%;
}

img
{
    border: 0px solid;
    vertical-align: bottom;
}

a
{
    color: #004800; 
    text-decoration: none;
    cursor: pointer;
}

a:hover
{
    color: #DD0000;
}

strong
{
    color: #003500;
}

/***** That darned form. *****/

form#aspnetForm
{
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-position: top center;
    background-repeat: repeat-x;
}

/***** The wrapper table. *****/

table#wrapper 
{
    width: 750px;
    height: 100%;
    margin: 10px auto;
    border: 0px solid;
    border-collapse: collapse;
    border-spacing: 0px; 
    background-image: url('/images/content_bg.png');
    background-position: top center;
    background-repeat: repeat-y;  
}

table#wrapper td.top 
{
    vertical-align: top; 
    text-align: center;
    height: auto;
    min-height: 250px;
}

table#wrapper td.bottom
{
    vertical-align: bottom; 
    text-align: center;
    height: 75px;
}

/***** The header DIV. *****/

div#header
{
    width: 750px;
    height: 106px;
    padding-top: 146px;
    background-image: url('/images/header_bg.png');
    background-position: top center;
    background-repeat: no-repeat;
}

/***** The menu DIV. *****/

div#menu
{
    float: left;
    width: 160px;
    margin: 0px 0px 0px 5px;
    _margin: 0px 0px 0px 0px;
    _padding: 0px 0px 0px 5px;
}

div#menu ul.navi
{
    list-style-type: none;
}

div#menu ul.navi li
{
    display: block;
    width: 160px;
    height: 26px;
    margin-bottom: 0px;
    background-position: top center;
    background-repeat: no-repeat;
}

div#menu div.calc ul.navi li
{
    display: block;
    width: 160px;
    height: 34px;
    margin-bottom: 0px;
    background-position: top center;
    background-repeat: no-repeat;
}

div#menu ul.navi li.homelink
{
    background-image: url('/images/menu/home_off.png');
}

div#menu ul.navi li.inslink
{
    background-image: url('/images/menu/insurance_off.png');
}

div#menu ul.navi li.finlink
{
    background-image: url('/images/menu/finance_off.png');
}

div#menu ul.navi li.conlink
{
    background-image: url('/images/menu/contact_off.png');
}

div#menu ul.navi li.cmutual
{
    background-image: url('/images/calc/off/mutual.png');
}

div#menu ul.navi li.corganizer
{
    background-image: url('/images/calc/off/organizer.png');
}

div#menu ul.navi li.ccollege
{
    background-image: url('/images/calc/off/college.png');
}

div#menu ul.navi li.cretire
{
    background-image: url('/images/calc/off/retire.png');
}

div#menu ul.navi li.csavings
{
    background-image: url('/images/calc/off/savings.png');
}

div#menu div.logos
{
    text-align: center;
    margin-top: 10px;
}

div#menu div.logos img
{
    margin: 5px 0;
    border: 1px solid #003500;
}

div#menu p.testimonial
{
    margin: 0px 5px 10px 5px;
    font-style: italic;
    font-size: 9pt;
    color: #FFFFFF;
    text-align: left;
}

div#menu p.testimonial.name
{
    text-align: right;
}

/***** The flash DIV. *****/

div#flash
{
    width: 738px;
    height: 88px;
    margin: 0px Auto;
    border: 1px solid #003500;
    background: url('/images/flash_bg.png');
    background-position: top center;
    background-repeat: no-repeat;
}

/***** Photos *****/

.photo
{
    border: 1px solid #003500;
}

/***** The content DIV. *****/

div#content
{
    float: right;
    width: 555px;
    margin: 0px 15px 0px 0px;
    _margin: 0px 0px 0px 0px;
    _padding: 0px 15px 0px 0px;
    text-align: left;
}

div.first_section
{
    clear: both;
    margin: 0px Auto;
    padding-top: 0.5em;
    text-align: left;
}

div.section
{
    clear: both;
    margin: 0px Auto;
    padding-top: 1.0em;
    text-align: left;
}

a.uline
{
    text-decoration: underline;
}

a.uline:hover
{
    text-decoration: underline;
}

/***** Contact page classes. *****/

.half
{
    width: 275px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

div.pic_left
{
    float: left;
    width: 270px;
    text-align: center;
}

div.pic_center
{
    width: 100%;
    text-align: center;
}  

div.pic_right
{
    float: left;
    width: 270px;
    margin-left: 15px;
    text-align: center;
}

ul.directions
{
    margin-top: 10px;
    margin-left: 20px;
    list-style-image: none;
    list-style-type: disc;
    list-style-position: outside;
}

ul.ins_types
{
    margin-top: 10px;
    margin-left: 45px;
    font-weight: bold;
    color: #003500;
    list-style-image: none;
    list-style-type: disc;
    list-style-position: outside;
}

ul.ins_comp
{
    margin-top: 10px;
    margin-left: 20px;
    font-weight: bold;
    color: #003500;
    list-style-image: none;
    list-style-type: disc;
    list-style-position: outside;
}

/***** The footer DIV. *****/

div#footer
{
    width: 750px;
    height: 65px;
    padding-top: 10px;
    background-image: url('/images/footer_bg.png');
    background-position: bottom center;
    background-repeat: no-repeat;
}

div#footer *
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: #FFFFFF;
    line-height: 1.5em;
}

div#footer ul.navi
{
    padding-top: 6px;
    margin: 0px 0px;
    list-style: none;
}

div#footer ul.navi li
{
    display: inline;
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 0px 20px;
}

div#footer ul.navi li.homelink
{
    background-image: url('/images/icons/home.gif');
    background-position: left;
    background-repeat: no-repeat;
}

div#footer ul.navi li.inslink
{
    background-image: url('/images/icons/insurance.gif');
    background-position: left;
    background-repeat: no-repeat;
}

div#footer ul.navi li.finlink
{
    background-image: url('/images/icons/finance.gif');
    background-position: left;
    background-repeat: no-repeat;
}

div#footer ul.navi li.conlink
{
    background-image: url('/images/icons/contact.gif');
    background-position: left;
    background-repeat: no-repeat;
}

div#footer p
{
    margin-top: 3px;
}

div#footer a
{
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

div#footer a:hover
{
    color: #FFFF00;
    text-decoration: none;
    cursor: pointer;
}