/* 
Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/
*/
 



ul#nav {
	padding: 0;
	margin: 0;
	width: 743px;
	font-size:12pt;
	font-family: "Times New Roman", Times, serif;
}

ul#nav>li {
	width: 92px;
	height: 49px;
	
}

ul#nav>li>a {
	height: 30px;
	padding-top: 9px !important;
}

ul#nav li a {
	display: block;
	font-weight: bold;
	padding: 0px;
}

	
	

.bottom_menu_bg {
	background:  url(../images/bottom_bg_menu.png) no-repeat top !important;
	height: 20px;
}
	
ul#nav li {
	right: 0;
	float: right;
	position: relative;
	width: 92px;
	text-align: center;
	text-decoration: none;
	list-style-type: none;
	z-index: 1000;
}
ul#nav ul {
	text-decoration: none;
	list-style-type:none;
	z-index: 1000;
}

ul#nav li.current a{
	/*background:#ddd;*/
	}

ul#nav li.current a:hover{
	background:#888;
	}

ul#nav li ul {
	display: none;
	position: absolute;
	width: 170px;
	right: 0;
	font-weight: normal;
	padding: 0px;
	margin-right: -1px;
}



ul#nav li ul.sub li{
	height: 35px;
	width: 170px;
	margin: 0px ;
	background: url(../images/menu_slide_bg.png);
	
}
ul#nav li ul.sub li a{
	display: block;
	height: 29px;
	padding-top: 6px;
}

ul#nav li>ul {
	top: auto;
}

ul#nav li:hover ul, li.over ul {
	display: block;
}