/* CSS Document */

#menu ul
{
	list-style: none;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}
#menu {
}


#menu ul li
{
	text-align: left;
	float:left;
	height: 41px;
	padding-right: 1px;
	background-image: url(../images/menu_divider.jpg);
}



#menu ul ul
{
display: none;
clear:left;
width:100%;
}

#menu ul li:hover > ul
{
display: block;
clear:left;
width:150px;
position:absolute;
}
/*#menu li
{
position: relative;
}*/

#menu ul li ul
{
	width: 150px;
	padding: 0px;
	clear:left;
}

#menu ul ul
{
	position: absolute;
	z-index: 500;
	padding: 0px;
	width:100%;
}

#menu ul ul ul
{
top: 0;
left: 100%;
}

#menu a
{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	font-size: 16px;
	text-transform: uppercase;
	height: 31px;
	padding-top:10px;
	padding-right: 6px;
	padding-left: 6px;
	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#menu a:hover
{
	color: #FFFFFF;
	cursor: pointer;
	background-image: url(../images/menu_bg-r.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#menu ul li.selected a
{
	color: #ffffff;
	background-image: url(../images/menu_bg-r.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#menu ul li.selected a:hover
{
	color: #ffffff;
	background-image: url(../images/menu_bg-r.jpg);
	background-repeat: repeat-x;
	background-position: top;
	cursor: pointer;
}

#menu ul li ul li a {
	padding: 4px;
	height: auto;
	background-color: #e80c0c;
	font-weight: normal;
	color: #FFFFFF;
	width:150px;
	clear:left;
	font-size: 12px;
	text-align: left;
	background-image:none;
}
#menu ul li.selected ul li a {
	padding: 4px;
	height: auto;
	background-color: #e80c0c;
	font-weight: normal;
	color: #FFFFFF;
	width:150px;
	clear:left;
	font-size: 12px;
	text-align: left;
	background-image:none;
}
#menu ul li.selected ul li a:hover {
	color: #FFFFFF;
	width:150px;
	clear:left;
	background-color:#e05656;
	background-image:none;
}
#menu ul li ul li a:hover {
	color: #FFFFFF;
	width:150px;
	clear:left;
	background-color:#e05656;
	background-image:none;
}
#menu ul li ul li.selected a {
	color: #FFFFFF;
	background-image:none;
	width:150px;
	clear:left;
	background-color:#e05656;
}
#menu ul li ul li.selected a:hover {
	color: #FFFFFF;
	background-image:none;
	width:150px;
	clear:left;
	background-color:#e05656;
}
#menu ul li ul li
{
float:left;
clear:left;
height:auto;
background-image:none;
}
