/* 
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/
*/

body {

}
 
p a {
	color: #c60f11;
	text-decoration:underline!important;
}
a{
	color:#c60f11;
	text-decoration:none;
	}
p a:hover{	text-decoration: none!important;
}

ul#ventus-nav {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#ventus-nav li a {
	display: block;
	padding: 2px 10px;
}

ul#ventus-nav li a:hover{
	background:#f3edf0;
	color:#fff;
}
	
ul#ventus-nav li {
	list-style: none;
	float: left;
	position: relative;
	width: 182px;
	text-align: center;
	left: 0px;
	margin-left: -2px;
}

ul#ventus-nav li.menu{
	width: 95px;
	background:#d1deee;
	position: relative;
}

ul#ventus-nav li.current a{
	background:#ddd;
	}

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

li ul {
	display: none;
	position: absolute;
	width: 162px;
	top: 0;
	left: 0;
	font-weight: normal;
	padding: 0 0 0 0;
	margin-left:-1px;
}

ul#ventus-nav li ul.sub li{

}

ul#ventus-nav li ul.sub {
	border-left: 1px solid #f3edf0;
	left: -66px;
}

ul#ventus-nav li ul.sub li.children{
	background: #f3edf0;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 1px;
}

ul#ventus-nav li.menu div.subv{
	background: url( box2-hover.jpg );
	height: 23px;
	position: absolute;
	width: 95px;
	left: 0px;
	top: 0px;
	padding-top: 7px;
	display: none;
	color: #000;
	font-weight: bold;
}

ul#ventus-nav li ul.sub li.children a{
	color: #c60f11;
}

ul#ventus-nav li ul.sub li.children a:hover{
	color: #000;
}

ul#ventus-nav li ul.last{
	top: 30px;
	left: 0px;
	margin-left: 0px;
	border-top: 2px solid #fb0404;
}

ul#ventus-nav li ul.first{
	top: 30px;
	left: -67px;
	margin-left: 1px;
	border-top: 2px solid #fb0404;
}

ul#ventus-nav li.no-children li {
	border: none;
}

ul#ventus-nav li.menu div.main-menu{
	height: 23px;
	padding-top: 7px;
	background: url( box2.jpg );
	color: #000;
}

ul#ventus-nav li.menu div.main-menu{
	cursor: pointer;
	vertical-align: middle;
}

ul#ventus-nav li.menu div.main-menu:hover{
	background: url( box2-hover.jpg );
	color:#000;
	font-weight: bold;
}

ul#ventus-nav li.last li {
	
}

ul#ventus-nav li ul.sub li a{
	
}

ul#ventus-nav li ul.sub li a:hover{
	
}

ul#ventus-nav li ul.sub li{
	background:#d1deee;
}
li>ul {
	top: auto;
	left: auto;
}

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