/*-------------[all lists]-------------*/
#nav, #nav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 18px;
	color: #fff;
}

#nav li
{
	float: left;
	padding: 0px;
}

#nav li a
{
	display : block;
	padding-left: 5px;
    margin-right: 0px;
    width: 94px;

	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	text-align: left;
	font-weight : normal;
	font-size: 11px;

	background-color : none;

    background-image: url('../images/bg_menu.gif');
    background-repeat: no-repeat;
    background-position: top right;

}

/*-------------[second-level lists]-------------*/
#nav li ul
{
	width: 150px !important; /*moz width*/
	width: 150px; /*IE width*/
    margin-right: 0px;

	position : absolute;
	left: -999em;
	padding-bottom: 20px;
}

#nav li ul li
{
    margin-right: 0px;
	width: 150px !important; /*moz width*/
	width: 150px; /*IE width*/
}

#nav li ul a
{
    margin-right: 0px;
	text-align: left;
	text-transform: none;

	border-top    : none;
	border-bottom: 1px solid white;


    background-image: none;
	background-color : #a50031;
}

/*-------------[third-and-above-level lists]-------------*/
#nav li ul ul
{
	left: -999em;
	margin: -18px 0 10px 86px; /*works in Moz*/
}

/*-------------[Rollover item]-------------*/
#nav li a:hover
{
	color : #fff;
}


/*-------------[Do not edit from here]-------------*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
	left: -999em;
}
/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
	left: auto;
}

#nav li ul ul a
{
	width: 95px;
	border-left: 1px solid white;
}