/**
* Menu
*/

.navigation ul{
	float:right;
	/*width:80%;*/
	height:48px;
	margin:0 auto;
}

/* 
	LEVEL ONE
*/
ul.menu li{
    padding: 0px;
    margin: 0px;
}

ul.menu                         
{
    position: relative; 
	padding:0;
}

ul.menu li                      
{ 
    font-weight:normal; 
	font-size:16px;
    float: left;
    zoom: 1;
    list-style-type: none;
    color: #d16f24;
    display: block;
    text-align: right;
    text-decoration: none;
	padding:0 20px;
	margin:0;
}


/*ADD-ON*/
ul.menu li.top_li{
    padding: 3px 20px;
}

ul.menu li ul.sub_menu li{
    padding: 8px;
	text-align:left;
}

ul.menu li ul.sub_menu li a {
	 background:none; 
	 border-bottom:none;
}

ul.menu a:hover { color: #d10101; background:url(../images/border-bottom.png) no-repeat bottom; border-bottom: 1px solid #870000; }
ul.menu a:active { color: #d10101; background:url(../images/border-bottom.png) no-repeat bottom; border-bottom: 1px solid #870000; }
ul.menu li a { display: block; padding:0; color: #000; }

.active a { color: #d10101; background:url(../images/border-bottom.png) no-repeat bottom; border-bottom: 1px solid #870000; }

/* Doesn't work in IE */
ul.menu li.hover,
ul.menu li:hover
{ 
    position: relative;
    color: #fff;
}

ul.menu li.active,                
ul.menu li:active
{ 
    position: relative; 
    color: #fff;
}


/* 
	LEVEL TWO
*/
ul.menu ul  { 
	width: 250px; 
	visibility: hidden; 
	position: absolute; 
	top: 94%;
	left: 0; 
	padding:0; 
	border:none;
	/*border-top: 2px solid #870000;*/
}

ul.menu ul li  { 
	font-weight: normal; 
	background: #eee; 
	float: none; 
	z-index:999; 	
	border-bottom:1px dotted #ccc;
	border-right:none;
	line-height:15px;
	font-size:13px;
}

									  
/* IE 6 & 7 Needs Inline Block */
ul.menu ul li a { border-right: none; width: 100%; display: inline-block;  color: #000; text-align:left; border-bottom:none; background:none; } 
ul.menu ul li:hover { border-bottom:2px solid #d10101; background:#eee; }

/* 
	LEVEL THREE
*/
ul.menu ul ul  { left: -100%; top: 0; }

ul.menu ul ul  li { line-height:16px; font-size:13px; }

ul.menu li:hover > ul  { visibility: visible; }

ul.menu ul ul li:hover { border-bottom:2px solid #d10101; }

.sub_menu { z-index:999; }
