/* navigation */

.menu {
float:left;
	width:210px;
	color: #fff;
	font-size:13px;
	background:#600101 url(../images/nav_bg.jpg) repeat-y 0 0;

}

.menuHeader {

	background:url(../images/nav_top.jpg) no-repeat 0 0;
	height:175px;
	width:210px;
	position:absolute;
float:left;
}

.menuFooter {

	background:none;
	height:11px;
	width:100%;
	display:block;
	width:210px;
	margin:0 0 20px 0;
    float:left;
}

.menu ul {
	padding:0px;
	margin:0;
	list-style-type:none;

}



.menu ul ul.display {
	padding:0px;
}

.menu li {
	position:relative;
	border-bottom:solid 1px #fff;
	padding:0 0 2px;
	margin:0 0 0 2px;
	z-index:10000;
}

.menu li.lastLi {background:transparent; padding:0px; border:none;}

.menu li.menu_1 {padding:15px 0 2px;}


.menu :hover > a {
	color:#fff;
	background:#74920E url(../images/nav_hover.jpg);

}

.menu li ul li {
	background-position:10px 100%;
	margin:0px;
	background:transparent;

}

.menu a {
	display:block;
	text-decoration:none;
	padding:6px 0 6px 20px;
	width:187px;
	color:#fff;
	margin:0;

}

.menu ul ul {

	display:none;
	position:absolute;
	top:0;
	left:208px;
	background:#920D0E;
	padding:1px 0;
	border:1px solid #fff;
	

}

.menu ul ul a {
	width:190px;
	padding:6px 0 6px 10px;
	margin:0px;
	background:transparent;
}

.menu ul ul ul {
	left:200px;
}

.menu ul li:hover ul, .menu ul a:hover ul {
	display:block;
}

.menu ul ul a:hover {

background:#ACCA46 url(../images/nav_hover.jpg);
}

.menu ul :hover ul ul, .menu ul :hover ul :hover ul ul {
	display:none;
}

.menu ul :hover ul :hover ul, .menu ul :hover ul :hover ul :hover ul {
	display:block;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling 
.menu 
{
    position:relative;
	float:left;
	width:210px;
	color: #000;
	font-size:13px;
	background:#600101  url(../images/nav_bg.jpg) repeat-y 0 0;
}
	
.menuHeader 
{
    background:url(../images/nav_top.jpg) no-repeat;
	height:175px; width:100%;
	float:left;
}

.menuFooter 
{
    float:left;
    background:transparent url(../images/nav_footer.jpg) no-repeat ;
	height:11px;
	width:100%;
	display:block !important;
	width:210px;
	margin:0 0px 10px 0;
}


.menu ul li a, .menu ul li a:visited 
{
    display:block; 
    text-decoration:none; 
    color:#fff;
    min-height:22px;
	padding:7px 0 3px 20px;
	font-weight:bold;
}
.menu li
{
    float:left;
	position:relative;
	background:url(../images/nav_li.jpg) no-repeat 13px 100%;
	padding:0 0 2px;
	margin:0 0 0 0px;
	width:190px;
	
}

.menu li ul li
{
    float:left;
	position:relative;
	background:none;
	border-bottom: solid 1px #ccc;
	padding:0;
	margin:0 0 0 0px;
	width:190px;
}

.menu ul.display
{
    float:left;
    background:url(../images/nav_li.jpg) no-repeat 13px 100%;
    margin-top:-165px;
    width:190px;
}
  
.menu ul 
{
    float:left;
    margin:0;
    margin-top:-130px;
    padding:0;  
    list-style-type: none; 
}

.menu ul li 
{
    position:relative;	
}
	
.menu li.lastLi {background:transparent; padding:0px;}
.menu li ul li.lastLi {border:none; padding:0px;}

.menu ul li ul {display: none;}

/* specific to non IE browsers
.menu ul li:hover a 
{
    color:#fff;
    background:#346699 url(../images/nav_hover.jpg);
    width:100%;
}

.menu ul li:hover ul 
{
    display:block; 
    position:absolute; 
    top:0; 
    left:205px;
    margin-top:0;
}

/*hides outer levels 
.menu ul li:hover ul ul {display: none;}
.menu ul li:hover ul li:hover ul ul {display: none;}

/*First level Hover
.menu ul li:hover ul {display:block; color: #fff;
    border:1px solid lime;
	background:#222437;
	width:190px;
    
}
	
.menu ul li:hover ul li a {font-weight:normal;
	background:#222437;
	width:170px;
	}
	
.menu ul li:hover ul li a:hover { color:#fff; background:#346699;width:170px;}

.menu ul li:hover ul li:hover ul {display:block; margin-left:-20px;}
	
.menu ul li:hover ul li:hover ul li:hover ul{display:block; }