/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	list-style-type:none;
	padding:0 0 0 1px;
	margin:0 0 0 0;
	width:212px;
	height:100%;
	position:relative;
	top:0;
	left:0;
	z-index:100;
	font-family:arial, sans-serif;
	font-size:11px;
}
#menu ul {
	list-style-type:none;
	padding:0; margin:0;
	width:212px;
	height:100%;
}
#menu li {
	float:left;
	height:100%;
	position:relative;
	background:#D8D8D8 url(../images/left_nav/menu-bg.jpg) top repeat-x;
	border-top:1px solid #FFF;
	border-bottom:1px solid #ccc;
	display:block;
}
#menu li:hover {
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}
#menu li.sub_menu {
	color:#fff;
	height:100%;
	width:212px;
}
#menu li.sub_menu a:hover {
	background:url(../images/general/black_arrow_right.gif) no-repeat;
	background-position:0 7px;
}
#menu li a {
	display:block;
	font-family:arial, sans-serif;
	font-size:11px;
	width:100%;
	text-decoration:none;
	font-weight:normal;
	padding:4px 0 4px 10px;
	margin:0 0 0 10px;
	color:#000;
	background:url(../images/general/grey_arrow_right.gif) left no-repeat;
}
#menu li.menuon1 ul { display:block; }
#menu li.menuon2{
	background-image:url(../images/general/black_arrow_right.gif);
	background-repeat:no-repeat;
	background-position:0 7px;
	font-weight:bold;
}
#menu li.menuon3 {
	background-image:url(../images/general/black_arrow_right.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	font-weight:bold;
}
#menu ul ul {
	display:none;
	width:200px;
	height:100%;
	position:absolute;
	top:8px;
	left:213px;
	border-top:1px solid #ccc;
}
#menu ul ul li{ width:100%; border-right:1px solid #ccc;}

#menu ul li.menuoff2 a { font-weight:normal; }
#menu ul li.menuon2 a { font-weight:bold; }
#menu .menuoff3 a{ font-weight:normal;}
#menu .menuon3 a { font-weight:bold;}

#menu ul ul li.menuoff3 a:hover, #menu ul ul li.menuon3 a:hover{ background:url(../images/general/black_arrow_right.gif) no-repeat; background-position:0 7px;  }

a.menuon2:link, a.menuon2:visited, a.menuon2:active, a.menuon2:hover {
	font-weight:normal;
	font-size:12px;
	color:#81858e;
	font-family:arial, verdana, sans-serif;
	text-decoration:underline;
	padding-bottom:10px;
}


#menu ul li:hover ul{
	display:block;
	margin-top:-10px;
}