/*
    Standard page elements are declared here to keep the CSS
    organised and easy to manage.
*/

@import url("library.css");

/* ------------------------| containers |------------------------ */


    iframe
    {
    margin:0;
    }

    #inner
    {
    background-color: #ffffff;
    width: 899px;
    min-height: 532px;
    height:100%;
    margin:auto;
    margin-top:0px;
    margin-bottom:0px;
    }

    #background_shadow_top_first
    {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 532px;
    height:100%;
    margin: 0px auto 0;
    background: url(/images/body_background_shadow_01.gif) no-repeat 0px 0px;
    }       
        
    #background_shadow_top
    {
    width:100%; 
    margin:auto 0px; 
    margin-top:0px; 
    }
        
    #background_shadow
    {
    position: relative;
    height:100%; 
    width:929px;  
    margin:auto; 
    margin-top:20px;  
    background: url(/images/back_grad.png) repeat-y;
    padding:0px;
    }

    #header_shadow
    {
    background: url(/images/header_shadow.gif) no-repeat 0px 0px;
    height:13px;
    width: 100%;
    margin:0px;
    padding:0px 10px 0px 0px;
    }

    #mainContainer
    {
    margin:0px;
    padding:0px;
    }

    #header_container
    { 
    height: 124px;
    width: 100%;
    background-color: #000000;
    background: url(/images/header_background.jpg) no-repeat;
    margin:0;
    padding:0;
    }

    #header_logo
    {
    margin: 18px 0px 0px 27px;
    width: 550px;
    height: 68px;
    }

    #content_container
    {
    height:100%;
    margin:0;
    padding:0;
    }

    #column_container
    {
    position:relative;
    height:100%;
    margin:0px;
    padding:0px;
    background: url(/images/left_vert_grad.gif) repeat-y #f3f3f3;

    }

    #column_left
    {  
    position:absolute;
    left:0;
    top:0;
    width: 168px;
    /*float: left;*/
    min-height: 510px;
    height: 100%;
    padding: 0px;
    margin:0px;
    background: url(/images/left_vert_grad.gif) repeat-y;
    }

    #column_right
    {
    position:absolute;
    /*    float: right;*/
    left:732px;
    top:0;
    width: 167px;
    min-height: 510px;
    height:100%;
    padding:0px;
    margin:0px;
    background-color:#ebebeb;
    }

    #column_center
    {
    position:relative;
    left:168px;
    top:0px;
    width: 564px;
    min-height: 510px;
    height: 100%;
    padding:0px;
    margin:0px;
    background:url(/images/content_side_grad.gif) repeat-y;
    }
    
    #column_center_top_grad
    {
    height: 337px;
    width: 564px;
    padding:0px 0px 0px 0px;
    background:url(/images/content_bgnd_pattern.gif) no-repeat;
    z-index:9;
    position: absolute;
    top: 0;
    }

    #column_center_bottom_grad
    {
    position:absolute;
    z-index: 10;
    bottom:0px;
    height: 173px;
    width: 564px;
    padding:0px 0px 0px 0px;
    background:url(/images/content_vertical_grad.gif) no-repeat bottom left;
    }

/* ------------------------| header |------------------------ */

    #header_leftContainer
    {
    float: left;
    width: 560px;
    height: 124px;
    margin:0px;
    padding:0px;
    }

    #header_rightContainer
    {
    float: right;
    width: 300px;
    height: 124px;
    margin:0px;
    padding:0px;
    }
    
    #header_date
    {
    margin: 60px 0px 0px 0px;
    float: right;
    color: #fff;
    width:100px;
    font-size:110%;
    }
    
 /*~~~~~~~~~~~~~~~~~~~~~~ Header Navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
    #headerNav
    {
    height:23px;
    float:left;
    clear: both;
    margin-top:1px;
    background: url(/images/header_nav_grad.gif) repeat-x;
    margin-left:126px;
    border-bottom:1px solid #e1baba;
    }

    #navContent ul li 
    {
    float:left;
    font-size:1.1em;
    height:23px;
    border-left:1px solid #e1baba;
    border-right:1px solid black;
    margin-right:0px;
    }
  
    #navContent ul li.right_top_nav_link
    {
    border-left:1px solid #e1baba;
    border-right:0px;
    margin-right:0px;
    }
    
    #navContent ul li a
    {
    display:block;
    line-height:180%;
    width:100%;
    margin:0 10px;
    color:#fff;
    }

    #navContent ul li:hover
    {
    background: url(/images/header_nav_grad.gif) repeat-x;
    }

    #navContent ul li a:hover
    {
    display:block;
    line-height:180%;
    margin:0 10px;
    height:28px;
    }
    
/* ------------------------| navigation |------------------------ */

    ul#topNavigation
    {
    margin:0 0 7px 0;
    }

    .menu_left a
    { 
    background: url(/images/left_nav_button.gif) no-repeat;
    text-decoration:none;
    padding-left:15px;
    height:26px;
    display:block;
    font-size:110%;
    line-height:27px;
    margin:0;
    }

    .menu_left a:hover, .menu_left a:active
    {
    background: url(/images/left_nav_button_on.gif) no-repeat;
    height:26px;
    display:block;
    margin:0;
    color:#fff;
    }
    
    a.onstate
    {
    background: url(/images/left_nav_button_on.gif) no-repeat;
    color:#fff;
    }

/* ------------------------| navigation_sub |------------------------ */
    
    ul#topNavigation li ul
    {
     border-bottom:1px solid #ccc;
    }
    
    .menu_left2 a
    { 
    margin:0px 0px 0px 10px;
    text-decoration:none;
    padding-left:10px;
    display:block;
    font-size:100%;
    background:none;
    color:#000;
    }
    
    .menu_left2 a:hover, .menu_left2 a:active
    {
    background: url(/images/left_nav_sub_chevron.gif) no-repeat 2px 10px;
    padding-left:10px;
    display:block;
    margin:0px 0px 0px 10px;
    color:#000;
    }
    
/* ------------------------| content pages |------------------------ */

    #content 
    {
    position:relative;
    padding:20px;
    z-index:30;
    top:0;
    }

    #content a
    {
    color:#863847;
    }

    #content p
    {
    font-size:1.1em;
    line-height:150%;
    }

    #content p.home_statement
    {
    color:#b52d52;
    }

    #column_center ul 
    {
    list-style:disc;
    margin:0 0 0px 10px;   
    }

    #column_center ul li
    {
    background:url(/images/bullet.gif) no-repeat 0px 6px;
    padding:0px 0px 10px 10px;
    font-size:110%;
    line-height:150%;
    }

    #contentIntro
    {
    padding: 20px;
    }
    
    #content_box tr td p, #content_box2 tr td p
    {
    font-size:1.1em;
    padding:0 0px 0 0px;
    }    

    table#content_box, table#content_box2
    {
    margin:0px 0 0 0;
    }

    #content_box tr td img
    {
    /*border: 1px solid #ccc;*/
    border:none;
    padding:0;
    margin:0 20px 20px 30px ;
    height:140px;
    width:209px;
    }  
    
    #content_box2 tr td img
    {
    border: 1px solid #ccc;
    padding:0;
    margin:0 10px 0 0px ;
    height:140px;
    width:209px;
    }  
    
    #content_box tr td,  #content_box2 tr td
    {
    padding:0;
    margin:0;
    }  
    
    #content img
    {
    margin:0 20px 20px 20px;
    }

/* ------------------------| drivers |------------------------ */
    .driver_container
    {
    width: 167px;
    margin:0px;
    }
    
    .driver_header 
    {
    background: url(/images/driver_header_grad.gif) repeat-x;
    width: inherit;
    height: 26px;
    }
    
    #driver_left .driver_header 
    {
    background: url(/images/left_driver_header.gif) repeat-x;
    width: inherit;
    height: 26px;
    border-right:1px solid #ccc;
    }
    
    .driver_header h3 
    {
    float:left;
    color: #000;
    line-height: 24px;
    font-size: 12px;
    margin: 0 0 0 10px;
    font-weight: bold;
    }
    
    .driver_header img
    { 
    float:left;
    margin:7px 0 0 10px;
    }
    
    .driver_content
    {
    background: url(/images/books.jpg) no-repeat center bottom #fff;
    height :224px;
    padding: 0 1px 0 2px;
    }
    
     #driver2 .driver_content
    {
    background: url(/images/client_reporting.jpg) no-repeat center top #fff;
    height :233px;
    padding: 0 1px 0 2px;
    border-bottom:1px solid #ccc;
    }
    
    #driver_left .driver_content
    {
    background: url(/images/r_profiler_compass.jpg) no-repeat center bottom #fff;
    height:221px;
    min-height :221px;
    padding: 0 1px 0 2px;
    border-right:1px solid #ccc;
    }
    
    .driver_content p
    {
    font-size:110%;
    padding:7px 7px 10px 7px; 
    margin:0px;
    }
    
    #driver2 .driver_content p
    {
    font-size:110%;
    padding:7px 7px 10px 7px; 
    margin:0px;
    font-weight:bold;
    }
    
    #driver2  .text
    {
    padding:100px 0 0 0;
    }

    #driver2 .driver_content a
    {
    margin: 0 0 0 10px;
    }

    .driver_content a
    {
    background: url(/images/green_chevron.gif) no-repeat 0 3px;
    padding: 0px 0 2px 10px; 
    margin: 0 0 0 90px;
    font-size:110%;
    font-weight:bold;
    text-decoration:none;
    color:#498c25;
    }
    
    .driver_content  a:hover
    {
    background: url(/images/orange_chevron.gif) no-repeat 0 3px;
    color: orange;
    }
    
/* ------------------------| footer |------------------------ */

    #bottom_border
    {
    clear:both;
    background-color:#000;
    height:9px;
    width:100%;
    margin:0px;
    }

    #footer_container
    {
    background: url(/images/back_shadow_bottom.gif) repeat-x #ececec;
    height:30px;
    margin:0px;
    padding:0px 20px 0px 20px;
    }

     #footer_container .copyright a
    {
    float:right;
    margin: -15px 5px 0px 0px;
    color:Red;
    }
    
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ contact form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    table#contact_page tr td
    {
    vertical-align:top;
    }
   
    table#contact_page tr td h2
    {
    padding:0 0 0 0;
    margin:0 0 0 0;
    }
    
    table.contact_form tr td
    {
    height:40px;
    }

    .form_field
    {
    width:200px;
    height:20px;
    border:1px solid  #ccc;
    }

    .inputSubmit, .inputReset
    {
    height:25px;
    width:100px;
    border: 1px double #000;
    font-size:110%; text-align:center;
    margin:10px 0 20px 0;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ data tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    #financeData 
    {
    width :100%;
    }
    
    #financeData table tr td ul
    {
    font-size:50% !important;
    margin:10px 0 10px 0;
    }

    #financeData  p b
    {
    font-size:85% !important;
    margin:10px 0 10px 0;
    clear:both !important;
    }

    #financeData table
    {
    font-size:90% !important;
    margin:10px 0 10px 0;
    float:none;
    }

    #financeData table tr td ul li a
    {
    line-height:140%;
    font-weight:normal !important;
    }

    #financeData   
    {
    font-size:100% !important;
    text-decoration:none !important;
    color:#000 !important;
    }

    #financeData   a
    {
    text-decoration:none !important;
    }

    #financeData ul, #financeData ul li ul, #financeData ul li ul p
    {
    font-size:100% !important;
    }

    #financeData ul li, #financeData ul li ul li
    {
    line-height:120% !important;
    }


    #financeData ol li, #financeData ol li ol li
    {
    font-size:1.2em;
    }

    #financeData ol
    { 
    margin:10px 0 20px 0;
    }
    
    #financeDataDD_2, #financeDataDD_1
    {
    font-size:120% !important;
    margin:10px 0 10px 0;
    }

    /* #financeData table
    {
    width:100%;
    }

    #financeData h2
    {
    font-size:100%;
    }

    #financeData table tr td
    {
    width:100%;
    }

    #financeData table tr td p, #financeData table tr td ul li, #financeData table tr td ul li a
    {
    font-size:.75em;
    font-weight:normal;
    }

    #financeData table tr td p
    {
    font-size:.85em;      
    }

    #financeData p, #financeData ul, #financeData li
    {
    font-size:.85em;
    font-weight:normal;
    }

    #financeData ul, #financeData li
    {
    font-size:1em;
    font-weight:normal;
    }

    #financeData h2
    {
    width:100%;
    clear:both;
    }

    #financeData em
    {
    text-decoration:none;
    }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ tax tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    #taxTable tr td
    {
    border:1px solid #E1F4FF;
    border-collapse:collapse;
    }

    #taxTable tr td, #taxTable tr td.tableBorders p.Textfootnote
    {
    font-size:120%;
    }

    #taxTable tr td.tableTitles1, #taxTable tr td.tableTitles2, #taxTable tr td.tableBorders, #taxTable tr.tableBorders td
    {
    font-size:120%;
    padding:4px;
    }

    #taxTable tr td.tableTitles1, #taxTable tr td.tableTitles2
    {
    background-color:#ccc;
    }

    #taxTable tr td table tr td.tableTitles1
    {
    font-size:130%;
    }

    #taxTable tr td #taxTable tr td.tableBorders
    {
    font-size:120%;
    }

    #taxTable tr td.tableTitles1

    {
    font-size:105%;
    padding:4px;
    }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ calculators ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    #cals 
    {
    vertical-align:top;
    padding:0;
    margin:0;
    }
    
    .calc_pic
    {
    float:right; 
    }


/* See calculators.css */