
#menu {
	position:relative;
	top:0;
	left:0;
	padding:2px;
	margin:0px;
}

li ul {
	position:relative;
	margin:0px;
	display: none;
}	

li {
	position:relative;
	margin:0px;
	margin-top: 7px;
	font-weight: bold;
}

.click ul {
	display:block;
}

.dbMenu {
	width: 10em;
	margin-left: 0px;
	padding-left: 10px;
	list-style-type: none;
	z-index: 0;
}

.dbMenu a {
	background-image: url('images/WhiteBox.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-bottom: 5px;
	text-decoration: none;
	z-index: 0;
}

.dbMenu a:hover {
	z-index: 0;
	background-image: url('images/BocRollover.png');
	background-repeat: no-repeat;
	text-decoration: underline;
	z-index: 0;
}

.subMenu {
	background: url('images/tri.jpg') no-repeat 73% 50%;
	z-index: 1;
}
.subMenu a {
	z-index: 1;
}
.subMenu a:hover {
	text-decoration: none;
	z-index: 1;
}

.subMenu ul {
	border: 0px solid black;
	background-color: white;
	position: absolute;
	left: 8em;
	top: 0px;
	width: 13em;
	padding-left: 0px;
	padding-bottom: 10px;
	z-index: 1;
}

.subMenu ul li {
	z-index: 3500;
}
.subMenu li {

	z-index: 4500;
	margin-left: 0px;
	list-style-type: none;
	padding-left: 15px;
}

.subMenu li a {
	background-image: none;
	padding-left: 0px;
}

.subMenu li a:hover {
	background-image: none;
	text-decoration: underline;
	z-index: 500;
}

li.current > a {
	background-image: url('images/arrows/bluearrow.png');
	background-position: 2px 5px;
	text-decoration: none;
	color: #5B85BD;
}

li.current > a:hover {
	background-image: url('images/arrows/bluearrow.png');
	text-decoration: none;
	background-position: 2px 5px;
	color: #5B85BD;
}
