@charset "utf-8";
/* CSS Document */

/* Main Menu */

#mainmenu
{
	padding-left: 20px;

}

#mainmenu ul
{
	height: 50px;
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainmenu ul li
{
	float: left;
	height: 25px;
	margin: 5px 0px 0px 0px;
	z-index: 10;
}

* html #mainmenu ul li
{
	width: 100px;
}

* html #mainmenu ul li a
{
	text-align: center;
}
#mainmenu ul li ul li a
{
	font-size: 10px;	
}
* html #mainmenu ul li ul li
{
	width: 150px;
	text-align: center;
}

#mainmenu ul li.current
{
	color: #6A2625;
}

#mainmenu ul.accessible li.current
{
	background: url("../images/menu/menubtn_left1.gif") top left no-repeat;
}

#mainmenu ul li a, #mainmenu ul li.inactive a
{
	display: block;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	text-decoration: none;
	padding: 0px 11px 3px 10px;
		color: #183c0e;
}

#mainmenu ul li.current a, #mainmenu ul li ul li a, #mainmenu ul li.active a
{
	color: #183c0e;
}

#mainmenu ul.accessible li.current a
{
	background: url("../images/menu/menubtn_right1.gif") top right no-repeat;
}

#mainmenu ul li ul
{
	display: none;
	position: absolute;
	top: 30px;
	height: 20px;
	background: none;
}

#mainmenu ul li.current ul
{
	display: block;
}

#mainmenu ul li.current li, #mainmenu ul.accessible li.current li, #mainmenu ul li li
{
	height: 20px;
	margin: 0;
	margin-right: 10px;
	background: none;
}

#mainmenu ul li.current li a, #mainmenu ul li li a, #mainmenu ul.accessible li.current li a
{
	padding: 0px 5px 1px 5px;
	display: block;
	height: 17px;
	line-height: 18px;
	vertical-align: text-bottom;
	background: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2CBA1;
}

#mainmenu ul li.current li a:hover, #mainmenu ul li li a:hover
{
	padding-bottom: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #183c0e;
}

#mainmenu ul li li.current a,
#mainmenu ul li li.current a:hover,
#mainmenu ul.accessible li li.current a
{
	border-bottom: 0;
	padding-bottom: 3px;
	background: url("../images/menu/submenu_active1.gif") bottom center repeat-x;
}

#mainmenu li.background {
	background: url("../images/menu/menubtn_right1.gif") no-repeat top right;
	position: absolute;
	visibility: hidden;
	z-index: 2;
}
  
#mainmenu .background .left {
	background: url("../images/menu/menubtn_left1.gif") no-repeat top left;
	height: 25px;
	margin-right: 5px;
}
