/* MAIN OPTIONS */

div#mainMenu {
	position: relative;
	float: left;
	width: 240px;
	height: auto;
	text-align: left;
	margin: 120px 0 0 0px;
	z-index: 60;
}

div#mainMenu a.reserve {
	margin: 20px 0 0 10px;
	float: left;
	clear: left;
}


div#mainMenu ul {
	position: relative;
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px 2px;
	list-style: none;
	font-size: 12px;
	height: auto;
	_background: none;
	_margin: 1px 0 -13px 0;
	_padding: 0px 5px;
}

div#mainMenu div.border_bottom {
	position: relative;
	float: left;
	width: 185px;
	height: 3px;
	margin: 0 0 0 2px;
	background: url(/file/picture/frame/navigation/menu_bottom.png) no-repeat;
	_background: none;
}

div#mainMenu ul li {
	position: relative;
	float: left;
	font-size: 100%;
	border-bottom: 1px dotted black;
	_border-bottom: 1px solid black;
	width: 215px;
	margin: 0px 0px 0px -3px;
	padding: 0px 0px 0px 20px;
	line-height: 150%;
}

div#mainMenu ul li a {
	position: relative;
	float: left;
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 2px 0 0 10px;
	background: transparent url(/file/picture/frame/navigation/dotted.gif) no-repeat scroll 0px 10px;
	width: 200px;
	outline: none;
	line-height: 20px;
}

div#mainMenu ul li a:hover, div#mainMenu ul li a:active {
	text-decoration: none;
	color: #54055b;
	font-weight: normal;
}

div.empty {
	position: relative;
	float: left;
	width: 183px;
	height: 20px;
	clear: both;
	background: none;
	_height: 40px;
}

div#mainMenu ul li.extraspace{
	margin-bottom: 20px;
}


/* SUB OPTIONS */

div#mainMenu ul li ul {
	position: relative;
	display: block;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	background: #F4EAD9 none repeat scroll 0 0;
	width: 200px;
}

div#mainMenu ul li ul li{
	height: auto;
	width: 190px;
	padding-left: 10px;
	border-left: 4px solid #55025C;
}

div#mainMenu ul li ul li a {
	width: 180px;
}

.hidden {
	display: none !important;
}