@media all {

#submenu {
	width: 100%;
	overflow: hidden;
	margin: 0 0 0 -2em;
	list-style-type: none;
}
#submenu a {
	display:block;
	text-decoration: none;
}
#submenu li {
	float:left;
	width: 100%;
	margin:0;
	padding: 0;
}
#submenu li span {
	display:block;
	width: 90%;
	padding: 3px 0px 3px 0;
	background-color:#f4f4f4;
	color: #444;
	font-weight: bold;
	border-bottom: 1px #ddd solid;
}
#submenu li a {
	width: 90%;
	padding: 3px 0px 3px 2em;
	background-color:#fff;
	color: #444;
	border-bottom: 1px #eee solid;
}
#submenu li a img, #submenu li ul li a img {
	vertical-align:middle;
}
#submenu li a:hover {
	background-color:#87c7f0;
	color: #fff;
	font-weight:bold
}

#submenu li ul {
	list-style-type: none;
	margin:0;
	padding: 0;
}
#submenu li ul li {
	float:left;
	width: 100%;
	margin:0;
	padding:0;
}
#submenu li ul li a {
	width: 80%;
	padding: 3px 0px 3px 20%;
	background-color:#f8f8f8;
	color: #666;
	border-bottom: 1px #ddd solid;
}
#submenu li#submenu_current a {
	background-color:#f8f8f8;
	color: #666;
	font-weight: bold;
}
#submenu li#submenu_current ul li a {
	font-weight:normal;
}
#submenu li ul li a:hover, #submenu li#submenu_current a:hover {
	background-color:#aaa7c6;
	color: #fff;
}
#submenu li#title {
	width: 90%;
	padding: 3px 0px 3px 10%;
	font-weight: bold;
	color: #444;
	background-color: #fff;
	border-bottom: 4px #888 solid;
}
#submenu li#active, #submenu li#submenu_current a#submenu_active_link, #submenu li#submenu_current a#active_link {
	width: 90%;
	padding: 3px 0px 3px 10%;
	font-weight: bold;
	color: #fff;
	background-color:#aab;
	border-bottom: 1px #eee solid;
}
#submenu li ul li#active {
	width: 80%;
	padding: 3px 0px 3px 20%;
	font-weight: bold;
	color: #fff;
	background-color:#aab;
	border-bottom: 1px #fff solid;
}
#submenu li ul li#active a, #submenu li#active a#submenu_active_link, #submenu li#active a#active_link {
	background:inherit;
	padding:0;
	margin:0;
	border:0;
	color:inherit;
}
}