/*
	Styles in this file should be used with App_Code/UI/Navigation/DropDownMenu.cs control.
*/

.dropdownmenu {
	height: 10px;
	line-height: 1;
}

#MenuUl
{
	padding-left:22px;
}
/* First level 
----------------------------------------------------------------------*/
.dropdownmenu  ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1;
	float : left;	
}

.dropdownmenu ul li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 12px;
	float : left;

}

.dropdownmenu ul li span
{
	padding: 0 0 0 20px;
	background: url(../images/GrayDot.gif) no-repeat 6px 2px;
}

.dropdownmenu ul li span.first
{
	padding : 0px;
	background : none;
	background-image : none;
}	

.dropdownmenu ul li:hover
{
}

.dropdownmenu ul span {
	float : left;
}

.dropdownmenu ul li span.active {
	
}

.dropdownmenu ul li .active a
{
	color : #996830;
}

.dropdownmenu ul a {
	float : left;
	padding: 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #a9a9a9;
}

/* Reset almost everything provided by first level 
----------------------------------------------------------------------*/
.dropdownmenu ul ul, 
.dropdownmenu ul ul li, 
.dropdownmenu ul ul span,
.dropdownmenu ul ul a
{
	margin: 0px;
	padding: 0px;
	display: block;
	line-height: 1 !important; 
	list-style: none;
	float: none;
	font-size: 12px;
	background : none;
}

.dropdownmenu ul ul
{
		background-image : url(../Images/menubg.png);

}

.dropdownmenu ul ul ul
{
	padding-left : 1px;
}


.dropdownmenu ul ul {
	position: absolute;
	display: none;
	min-width: 120px;
	z-index : 99;
}



.dropdownmenu ul ul li span
{
	background-color : White;
}

.dropdownmenu ul ul li
{
	margin-top : 1px;
}

.dropdownmenu ul ul li span.last 
{
	border: 0;
}

.dropdownmenu ul ul a {
	padding: 5px;
	width : 100%;
	background-color : White;

}



.dropdownmenu ul li:hover a
{
	color : #9a6634;
}

.dropdownmenu ul li:hover li a
{
	color : #a9a9a9;
}

.dropdownmenu ul ul li:hover a
{
	color : #9a6634;
}

.dropdownmenu ul ul li:hover li a
{
	color : #a9a9a9;
}

.dropdownmenu ul ul li:hover li:hover a
{
	color : #9a6634;
}

/* Hacks section
-------------------------------------------------------------------------*/
/* This one is needed because IE6 does not understands min-width property but it treats width as min-width*/
* html .dropdownmenu ul ul {
	width: 120px !important;
}

/* If you remove this rule weird things start happening in IE6 like sudden extension of the element's height 
   If you need to remove bottom border, just make it color of background */
* html .dropdownmenu ul ul li 
{
	border-bottom : solid 1px white;
}

* html .dropdownmenu ul ul span.last
{
		border-bottom : solid 0px transparent;

}

* html .dropdownmenu ul ul
{
		background-image : none;

}