@import url('flyout.css');

#content div div ul
{
    list-style-image: url('../fa_framework/css/fletcherallen/images/bullet.gif');
    list-style-position: outside;
    margin-left: 35px;
    line-height: normal;
}




html{
/*    background-color: #002f5f;
    background-image: -moz-linear-gradient(100% 100% 180deg, #002f5f, ##002040) !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002f5f), to(#002040)) !important;
*/
}

body{
    background-color: #002f5f;
    background-image: -moz-linear-gradient(100% 100% 180deg, #002040, #002f5f) !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002f5f), to(#002040)) !important;    

}


 #footer, #header
{
    background-color: transparent;
    /*background-color: rgba(56, 67, 158, 0.5);*/
    color: #FFFFFF;
    position: relative;
    clear: both;
    
}

div#nav
{
    position: absolute;
    right: 200px;
    top: 0px;
    
    }

#nav ul
{
    /*background-color: #38439E;*/ /* background-image: -moz-linear-gradient(100% 100% 180deg, #38439E, #242B64) !important;       
 background-image: -moz-linear-gradient(100% 100% 180deg, #242B64, #38439E) !important; */
    background-color: #002f5f;
    background-image: url("nav_gradient_ul_bckgrnd_160x1.png");
    background-repeat: repeat-y; 
    background-image: -moz-linear-gradient(100% 100% 180deg, #38439E, #002f5f) !important;    
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#38439E), to(#242B64)) !important;    
    color: #FFFFFF; /*  -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-right-radius: 10px;
    */
}
#nav ul ul
{
    background-color: #38439E;
    background-color: rgba(56, 67, 158, 0.7);
    background-image: none !important;
    }

#nav ul.top-level{
    width: 160px; /*try 185?
    will also need to change vlaue of flyout position
    */

}

#nav{
font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
}
#header, #footer{
    overflow: hidden;

}
#content{
    background-color: White;
    color: Black;
    overflow: visible;
    padding-top: 1.5em;
    margin-top: 20px;
}
#header{
     background-image: url('home3.jpg');
     height: 300px;
     background-repeat: no-repeat;
     background-position: left -106px;
     padding-top: 0;
     margin-top: 20px;

    
/*
     background-image: url('header.jpg');
     background-image: url('header2.jpg');
     height: 300px;
      background-repeat: no-repeat;
       background-position: left bottom;
*/
    
}

#header h1{
    color: White;
    font-size: 28px;
    letter-spacing: 2px;
    padding-top: 0.5em;
    width: 470px;  
    line-height: 40px;
    position: absolute;
    left: 0;   
    
    }
#footer{padding: 20px;}


ul#contacts,ul#contacts li, ul#contacts h3
{
    margin-left: 0;
    padding-left: 0;
    list-style-image: none;
    text-indent: 0;
    }
ul#contacts li label{color: Gray;}
ul#contacts li.contact
{
    border: solid 1px #003366;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
    }
ul#contacts li.contact a{}


/* Marketing request
h1
{
    font-family: Georgia;
    font-size: 2.3em;
    font-weight: normal;
    letter-spacing: .5em;
}
*/


/*
#nav ul{
 padding-top: 40px;
 height: 280px;
}


#nav li
{
    font-weight: bold;    
    list-style-type: none;    
    margin-bottom: 5px;
    border-bottom: solid 1px #6699FF;   
    margin-left: 10px; 

}
#nav a, #nav a:visited{
    padding: 6px 0;
    font-weight: bold;
    color: White;    
    text-decoration: none;
    width: 220px;
    display: block;
}
#nav li a:hover, #nav li.selected
{
    background-color: #002f5f;
    width: 220px;
    margin-left: -10px;
    padding-left: 10px;
    margin-top: -5px;
    padding-top: 11px;
}
*/


p{
padding: 0.5em 1.5em;
}
h1, h2, h3, h4, h5, h6{
padding-left: 1em;
}


div#logos{
    position: absolute;
    right: 20px;
    overflow: hidden;
    top: 0;
}
div#logos a{/*Damn You IE!!!!*/
margin: 10px 0 20px;
display: block;
overflow: hidden;
}
div#logos > a{
margin: 10px 0 20px;
overflow: hidden;
position: relative;
display: block;
}

div#logos a.ncqa
{
    margin-top: 30px;
    }
div#logos a.ncqa img
{
    margin-left: 29px;
    }

/*
img#logo-fa {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo_fa_white_trans_png24.png');
}
img#logo-vmc{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo_vmc_white_trans_png24.png');
}
*/
.style2
{
    background-color: #FFFFCC;
}
.col4
{
    background-color: #CCCCCC;
}

table
{
    margin: 0 auto;
    border: medium solid #38439E;
    border: medium none #FFFFFF;
}

td.sectionhead
{
    background-color: #38439E;
    background-color: #002f5f;
    color: #FFFFFF !important;
}
td.sectionhead h1,
td.sectionhead h2,
td.sectionhead h3,
td.sectionhead h4,
td.sectionhead h5
{
    color: White;
    }
th, td.sectionhead
{
    text-transform: uppercase;
    padding-top: 15px;
}

ul.news
{
    margin-left: 45px;
    }
    
ul.news li{ margin-bottom: 20px;
            list-style: none;}

ul.news li h3, ul.news li h4, ul.news li h5
{
    margin-bottom: 5px;
    margin-left: 0;
    padding-left: 0;
    }

ul.news p
{
    padding: 0 0 10px 0;
    }



p{font-size: 14px;
  line-height: 18px;}

h2
{
    margin-left: 1em;
    border-bottom: 1px solid #003366;
    padding-left: 0;
    font-size: 24px;
 }
 h3{font-size: 18px;}
    
    
    
 #content div.fullpagetab
 {     
     margin-left: -30px;
     width: 960px;
     background: none repeat scroll 0 0 White; 
     -moz-border-radius: 0 0 10px 10px;
     -webkit-border-radius: 0 0 10px 10px;
         
     }
#content div.fullpagetab .ui-widget-header
{
    background: none repeat scroll 0 0 #002f5f;
    background-image: -moz-linear-gradient(100% 100% 180deg, #002040, #002F5F);
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0;
}
#content div.fullpagetab .ui-state-default{background: none repeat scroll 0 0 #38439E; border: 1px solid Black;}
#content div.fullpagetab .ui-state-hover{background: none repeat scroll 0 0 Silver;}
#content div.fullpagetab .ui-tabs-selected{background: none repeat scroll 0 0 White;}
/*#0022f5f*/

#content #Main1,
 #content #Side1,
 #content #Side2{float: left;}
     
 #content #Main1{width: 60%;
                 margin-right: 20px;}
 #content #Side1, #content #Side2{width: 33%; margin-bottom: 20px;}
 
 #content.tabPage
 {
     padding: 0;
     background-color: transparent;
     }
 #BenefitPlanOutline td{border-bottom: 1px Solid Silver;}
 
 
 #PrivacyStatementText h4
 {
     font-size: 17px;
     text-align: center;
     
     }
     
     #PrivacyStatementText h5{margin-top: 10px;}
     
     
     .benefitTable
     {
         width: 920px;         
         }
         
         
     .headerRow
     {
         background-color: Silver;
         }
         
      .benefitTable th, .benefitTable .sectionhead{}
      .headerRow td
      {
         font-weight: bold;
         text-align: left;
         color: Black;
          }
          
          ol
          {
              margin-left: 44px;
              line-height: 18px; 
              margin-bottom: 30px;             
           }
           ol li
           {
               margin-bottom: 10px;
               }
.newsletters li
{
    margin: 20px 0 20px 0;    
}
.newsletters li a
{
    color: Blue;
    }