/**
* Menu
*/
ul.menu {
}
ul.menu li { 
    zoom:1;
    display:block;     
}
/*** MAIN MENU
	LEVEL ONE
*/
#header_topmenu ul.menu{    
    margin:6px 0;
    color:#fff;
    font-size: 16px;
    font-weight: 700;    
}
#header_topmenu ul.menu li{
    margin-right: 30px;
    padding: 0 0 12px;
    float: left;
    list-style: none;
    text-shadow: 0 1px 1px #000;
    position:relative;
}
#header_topmenu ul.menu li a {
    background: none;
    border:none;
    text-decoration: none;
    color:#fff;
    display: block;
}

#header_topmenu ul.menu li a:hover,
#header_topmenu ul.menu li.active a{
    color: #fff;
    text-decoration: underline;
}
#header_topmenu ul.menu li:last-child a{ 
    margin-right:0 !important; 
} 

/* 
	LEVEL TWO
*/
.sub_menu, #header_topmenu ul.menu ul{ 
    top: 100%;  /*prev top: 100%;*/
    left: auto; /*prev left: 0;*/
    min-width: 250px;
    margin:0;
    padding:0;
    visibility: hidden; 
    position: absolute;    
    z-index:99;
    font-size: 90%;
}
#header_topmenu ul.menu ul li{ 
    margin:0;
    padding:0;
    float: none;
    text-align: left;   
    font-weight: normal;    
    border-top:1px dashed #fff;
    background: #531d27;
    filter:alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity:0.7;
}
#header_topmenu ul.menu ul li a{ 
    width: 100%; 
    margin:0;
    padding: 10px 10px 12px 15px;
    display:block; 
    border-right: none;     
}
#header_topmenu ul.menu ul li:hover{ 
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
}
#header_topmenu ul.menu ul li a:hover{
    text-decoration: none;
}									  
/* IE 6 & 7 Needs Inline Block */
ul.menu ul li a	{
    border-right: none;
    width: 100%;
    display: inline-block;
} 

/*
	LEVEL THREE
*/
#header_topmenu ul.menu ul ul{ 
    left: 100%; 
    top: 0; 
}
#header_topmenu ul.menu li:hover > ul{ 
    visibility: visible;
}

/*** LEFT MENU
	LEVEL ONE
*/
#left ul.menu li {
    background:url(images/bullets_square_purple.jpg) 0 7px no-repeat;
    margin-bottom:10px;
    padding-left:25px;
    list-style-type: none;
    font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
}
#left ul.menu li a{
    text-decoration: none;
    color:#524AA1;    
}
#left ul.menu li.active{
    background:url(images/bullets_square_darkbrown.jpg) 0 7px no-repeat;
}
#left ul.menu li.active a{
    color: #22170F;
}