/**
* Menu
*/
.navigation ul{
    margin-left: 0px; 
    padding-left: 0px; 
    margin-bottom: 0px;
    margin-top: 0px;
}
/* 
	LEVEL ONE
*/
ul.menu li{
    /*APPEND*/
    padding: 0px;
    margin: 0px;
}
ul.menu{ 
    position: relative; 
}
ul.menu li { 
    font-weight: bold; 
    float: left; 
    zoom: 1;
    /*APPEND*/
    list-style-type: none;
    color: #474848;
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

/*ADD-ON*/
ul.menu li.top_li{
    padding: 10px 25px;
}
ul.menu li ul.sub_menu li{
    padding: 10px 27px;
}

ul.menu a:hover	{
    color: #812ba0; 
}
ul.menu a:active {
    color: #812ba0;
}
ul.menu li a { /*display: block; padding: 4px 8px; border-right: 1px solid #333;*/
    color: #474848;                                       
}
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; 
    /*APPEND*/
    color: #812ba0;
}

/* 
	LEVEL TWO
*/
ul.menu ul {
    min-width: 200px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0; 
}
ul.menu uli l {
    font-weight: normal;
    background: #474848;
    float: none;
    z-index:999;                       
}

/* IE 6 & 7 Needs Inline Block */
ul.menu ul li a	{
    border-right: none;
    width: 100%;
    display: inline-block;
    color: #ebebeb;
} 

/* 
	LEVEL THREE
*/
ul.menu ul ul {
    left: 100%;
    top: 0; 
}
ul.menu li:hover > ul {
    visibility: visible;
}
.sub_menu { z-index:999; }

/* 
	Personalised CSS
*/
ul.menu li a.red { /*display: block; padding: 4px 8px; border-right: 1px solid #333;*/
    color: #e6001b;                                       
}