#menu {
	width:290px;
	float: left;
	position: relative;
	font-size: 0.7em;
	height: auto;
	font-weight: normal;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	text-align:left;
	padding:1px 1px 0 1px;
}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
}
#menu li {
	display:inline-block;
	display:inline;
}
#menu ul {
	position:absolute;
	left:-9999px;
	z-index: 1;
}
#menu ul.level1 {
	left:70px;
	top:10px;
	width: 218px;
	z-index: 300;
}
#menu a {
	display:block;
	color:#000;
	line-height:22px;
	text-decoration:none;
	padding:0 20px 0 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#menu ul li:hover > ul  {
	visibility:visible;
	left:100%;
	margin-top:-24px;
	margin-left:-1px;
	color: #FFF;
}
#menu a:hover ul, #menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul {
	left:100%;
	visibility:visible;
}
#menu a:hover ul ul, #menu a:hover a:hover ul ul {
	left:-9999px;
}
#menu li a:hover {
	background-color: #F99;
}
#menu li:hover > a {
	background:#FFC;
}
#menu li a.blueo:hover {
	background-color: #7A9FB3;
	color: #FFF;
	cursor: default;
}
#menu li:hover > a.blue {
	background-color: #7A9FB3;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#menu li a.greeno:hover {
	background-color: #98C598;
	color: #FFF;
	cursor: default;
}
#menu li:hover > a.green {
	background-color: #98C598;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#menu li a.redo:hover {
	background-color: #D9879D;
	color: #FFF;
	cursor: default;
}
#menu li:hover > a.red {
	background-color: #D9879D;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#menu li a.browno:hover {
	background-color: #BCAA8B;
	color: #FFF;
	cursor: default;
}
#menu li:hover > a.brown {
	background-color: #BCAA8B;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#menu li a.turqo:hover {
	background-color: #75C1B4;
	color: #FFF;
	cursor: default;
}
#menu li:hover > a.turq {
	background-color: #75C1B4;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#menu li a.cyano:hover {
	background-color: #6FD6E6;
	color: #FFF;
	cursor: default;
}
#menu li:hover > a.cyan {
	background-color: #6FD6E6;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#menu li a.blacko:hover {
	background-color: #7F7F7F;
	color: #FFF;
	cursor: default;
}
#menu li:hover > a.black {
	background-color: #7F7F7F;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#menu .title {
	display:block;
	color:#000;
	line-height:22px;
	text-decoration:none;
	padding:0 20px 0 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.blue {
	background-image: url(../images/icons/seethru_blue.png);
	background-repeat: repeat;
}
.green {
	background-image: url(../images/icons/seethru_green.png);
	background-repeat: repeat;
}
.red {
	background-image: url(../images/icons/seethru_red.png);
	background-repeat: repeat;
}
.brown {
	background-image: url(../images/icons/seethru_brown.png);
	background-repeat: repeat;
}
.turq {
	background-image: url(../images/icons/seethru_turq.png);
	background-repeat: repeat;
}
.cyan {
	background-image: url(../images/icons/seethru_cyan.png);
	background-repeat: repeat;
}
.black {
	background-image: url(../images/icons/seethru_black.png);
	background-repeat: repeat;
}
