.menu

{

width:1000px;

height:40px;

}



.menu ul

{

padding:0px;

margin:0px 0 0 0;

}



.menu li

{

display:inline;  

margin: 13px 0 0 15px;

background:url(images/bgmenu.jpg) no-repeat; 

padding: 0px 2px 0px 20px;

float:left;

}



.menu li a

{



font-size:14px;

font-weight:bold;

color:#464646;

text-decoration:none; /** this removes underline **/

}



.menu li a:hover, .menu li a.active

{

color:#0066ab;

}







/*ADD-ON*/

.sub_menu {

   

    margin:0;


    z-index:99;

    overflow: hidden;
    padding-right: 15px !important;
}



ul.menu li.top_li{

    padding: 0 0 8px 18px;

}



ul.menu li ul.sub_menu li{

    padding-top: 10px ;

    background:#E1E1E1;

	line-height: 38px;
    
    
}



ul.menu li ul.sub_menu li{

	margin-left: 1px;

}



ul.menu li ul.sub_menu li a{

    color: #464646; 

    text-decoration: none;

    
    background:#E1E1E1;
    
    

}



ul.menu li ul.sub_menu li a:hover{

    text-decoration: underline;


    background:#E1E1E1;

}



ul.menu li a { 

    /*display: block; padding: 4px 8px; border-right: 1px solid #333;*/

    color: #464646; 

    text-decoration: none;

    text-transform: uppercase;

}



ul.menu li:last-child a {

    border-right: none; 

} 



/* Doesn't work in IE */

ul.menu li.hover,

ul.menu li:hover,

ul.menu li.active,                

ul.menu li:active { 

    /*background: #F3D673; color: black;*/ 

    position: relative;

    color: #0066AB;

}





/* 

	LEVEL TWO

*/

ul.menu ul {

    min-width: 200px;

    visibility: hidden;

    position: absolute;

    top: 100%;

    left: 0;

}



ul.menu ul li {

    font-weight: normal;

    color: #000;

    float: none;                       

}

									  

/* IE 6 & 7 Needs Inline Block */

ul.menu ul li a	{

    border-right: none;

    width: 100%;

    display: inline-block;

} 



/* 

	LEVEL THREE

*/

ul.menu ul ul {

    left: 100%;

    top: 0; 

}



ul.menu li:hover > ul {

    visibility: visible;

    background:#E1E1E1;

}