#sub-menu {
	border: 1px solid #dbdbdb;
	font-size: 0.85em;
	line-height: 1;
}
#sub-menu ul {
	float: left;
	padding: 0;
	margin: 0;
}
#sub-menu li {
	float: left;
	display: block;
	padding-left: 1px;
	background: url('images/div-line.gif') left 10% no-repeat;
}
#sub-menu li.first {
	padding-left: 0;
	background: none;
}
#sub-menu .menu-item {
	display: block;
	float: left;
	padding: 8px 14px 8px 16px;
}

#sub-menu span.active {
	background: url('images/active-bg.gif') left top repeat-x #07c3d3;
	color: #ffffff;
}
#sub-menu a {
	color: #006d91;
	text-decoration: none;
	border: none;
}
#sub-menu a:hover {
	background: url('images/active-bg.gif') left top repeat-x #07c3d3;
	color: #ffffff;
}
#sub-menu a.active {
	background: url('images/active-bg.gif') left top repeat-x #07c3d3;
	color: #ffffff;
}



#sub-menu div.corner {
	position: absolute;
	width: 11px;
	height: 11px;
	font-size: 6px;
	line-height: 6px;
	overflow: hidden;
	background-image: url('images/corners.gif');
	background-repeat: no-repeat;
}
#sub-menu .left-top {
	background-position: left top;
	left: -1px;
	top: -1px;
}
#sub-menu .right-top {
	background-position: right top;
	right: -1px;
	top: -1px;
}
#sub-menu .left-bottom {
	background-position: left bottom;
	left: -1px;
	bottom: -1px;
}
#sub-menu .right-bottom {
	background-position: right bottom;
	right: -1px;
	bottom: -1px;
}

/* Hacks for IE 6 or older */
* html #sub-menu .right-bottom,
* html #sub-menu .left-bottom {
	bottom: expression((this.offsetParent.clientHeight % 2) ? '-2px' : '-1px');
}
* html #sub-menu .right-bottom,
* html #sub-menu .right-top {
	left: -10px;
	margin-left: 100%;
}