ul#menu li ul li a {
  background: #d8e7cb;
  color: #787e73;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #b9c6ae;
  border-left: 5px #8d9883 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

div.hoverBtn {
	position: 		relative;
	width: 			100px;
	height: 		25px;
	background-color:#d8e7cb;
	float:left;
	border: 1px solid #70777D;
}

div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			100px;
	height: 		25px;
	line-height: 	25px;
	text-align: 	center;
	
}
div.hoverBtn div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 			100px;
	height: 		25px;
	margin-top: 	-25px;
	background-color:#e4f4c7;
}

div.selectedChannel {
	background-color:#FFF;
	width: 			100px;
	height: 		26px;
	border-right: 1px solid #929AA1;
  	border-top: 1px solid #70777D;
  	border-left: 1px solid #929AA1;
  	float:left;
  	line-height: 		26px;
	text-align: 		center;
	font-weight: bold;
	position: 		relative;
	z-index: 		2;
}
div.channels{
	position: 		relative;
	width: 			100%;
	height: 		25px;
	background:#7E9D04;
	z-index: 		1;

}