ul.topnav
{   
    list-style: none;   
    padding: 0;   
    margin: 0 auto;
    width: 825px;   
    background: #222;   
    font-size: 1.2em;
    height: 45px;

}

ul.topnav li
{   
    float: left;   
    margin: 0;   
    padding: 0 0 0 0;   
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}

ul.topnav li a
{   
    padding: 0 0;   
    color: #fff;   
    display: block;   
    text-decoration: none;   
    float: left;   
}

ul.topnav li a:hover
{   
    background: url(topnav_hover.gif) no-repeat center top;   
}   

ul.topnav li ul.subnav
{   
    list-style: none;   
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 45px;   
    background: #8F99B4;   
    margin: 0; padding: 0;   
    display: none;   
    float: left;   
    width: 170px;   
    border: 1px solid White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: normal;
    /*margin-top: 5px;*/
    border-top: solid 5px #E8ECEF; 
}

ul.topnav li ul.subnav li
{   
    margin: 0; padding: 0;   
    /*border-top: 1px solid #252525; /*--Create bevel effect--*/  
    /*border-bottom: 1px solid #444; /*--Create bevel effect--*/
    border-bottom: 1px solid #D1D3DF; /*--Create bevel effect--*/  
    width: 170px;
    clear: both;   
    height: 30px;
    line-height: 30px;
    text-align: left;
    z-index: 1000;
}

html ul.topnav li ul.subnav li a
{   
    float: left;   
    width: 150px;
    background: #8F99B4;   
    padding-left: 20px;
}

html ul.topnav li ul.subnav li a:hover
{ /*--Hover effect for subnav links--*/  
    background: #B71F2B; 
}