@charset "UTF-8";
/* CSS Document */

/* begin menu formatting */

.mainmenu {
	font: 13px/17px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	margin: 0;
	text-align:left;
	color: #FFFFFF;
	width:312px;
	text-indent: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-repeat: repeat-y;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 19px;
	padding-bottom: 19px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #7F7876;
	background-image: url(images/menu_bg_gradient.gif);
}

.submenu {
	font: 10px/17px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	text-indent: 10px;
	font-weight:normal;
	margin: 0;
	padding: 3px 2px;
	text-align:left;
	color: #000000;
	background: #CCCCCC;
	text-decoration: none;
	width:190px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-repeat: repeat-y;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin-left: 1px;
}

#menu {
position:absolute;
top:148px;
z-index:20;
}

#menu h2{
color:#fff;
background:#000;
}

.mainmenu:hover{
	color:#FFFFFF;
	background-color: #BF272D;
}

.submenu:hover{
	color:#FFFFFF;
	background-color: #BF272D;
}

#menu a:active{
	color:#FFFFFF;
	text-decoration:none;
	background-color: #BF272D;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}


/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}


div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}