/* ================================================================ 
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; margin:0; width:129px; height:auto; position:absolute; top:0px; left:0; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0; width:125px;}
#menu li {float:left; background:#cccccc; position:relative; }

#menu li.sub {background:#a0a0a0; font-family: arial, sans-serif; font-size: 16px; color:#fff; line-height: 30px; border-bottom:1px solid #7e7d7d; }

#menu li.sub_menu {background:#cccccc; font-family: arial, sans-serif; font-size: 16px; color:#fff; height: 20px;}

#menu li.sub a {
	display: block;
	color: #302f2e;
	font-family: arial, sans-serif;
	font-size: 16px;
	line-height: 30px;
	width: 129px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	text-indent: 10px;
	color: #fff;
}

#menu li.sub a:hover {
	display: block;
/*	color: #302f2e;*/
	font-family: arial, sans-serif;
	font-size: 16px;
	line-height: 30px;
	width: 129px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	text-indent: 10px;
	color: #ccc;
}

#menu li.sub_menu a {
	display: block;
/*	color: #302f2e;*/
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	width: 129px;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
	text-indent: 10px;
	color: #000;
}

#menu li.sub_menu a:hover {
	display: block;
/*	color: #302f2e;*/
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	width: 129px;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
	text-indent: 10px;
	color: #000;
}

#menu li {
	display: block;
	color: #302f2e;
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	width: 129px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	text-indent: 10px;
	color: #fff;
}

#menu li a {
	display: block;
	color: #302f2e;
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	width: 129px;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
	text-indent: 10px;
	color: #000;
}

#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#ccc; z-index:500;}
#menu li.click {color:#fff;}

#menu li.click ul {display:none;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:129px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

/*#menu li.click ul li.fly {background: #657 url(frog_arrow.gif) no-repeat top right;}*/
#menu li.click ul li.hover {background:#b2b2b2;}

#menu li.menuon1 ul li.hover {background:#b2b2b2;}

#menu li.menuon1 { background:#7e7d7d; }
#menu li.menuon1 ul { display:block; }

/*#menu li.menuon1 ul li.submenu { background:#fff; }*/
#menu li.sub_menu a li.menuon1 { background:#fff; }

#menu li.menuon ul li.hover ul li.hover ul li {background:#780; z-index:500;}

.menu li.sub:hover { color:#ff00ff; }

#menu li.menuon2 { background:#fff; }