/* ================================================================ 
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; top:0px; left:0; z-index:100; }
#menu ul	{ list-style-type:none; padding:0; margin:0; width:125px; }
#menu li	{ float:left; position:relative; }
#menu li.sub		{ font-family: arial, sans-serif; font-size: 16px; color:#283043; line-height: 30px; }
#menu li.sub_menu	{ font-family: arial, sans-serif; font-size: 16px; color:#283043; height: 16px; }
#menu li.sub a {
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	width: 129px;
	text-decoration: none;
	font-weight: bold;
	text-indent: 10px;
	text-transform:capitalize;
}
#menu li.sub a:hover {
	color: #999;
}
#menu li.sub_menu a {
	display: block;
	font-size: 11px;
	line-height: 20px;
	width: 129px;
	text-decoration: none;
	font-weight: normal;
	text-indent: 10px;
	color: #68B1AA;
}
#menu li.sub_menu a:hover {
	display: block;
	font-size: 11px;
	line-height: 20px;
	width: 129px;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
	text-indent: 10px;
	color: #999;
}
#menu li {
	display: block;
	color: #302f2e;
	font-size: 11px;
	line-height: 20px;
	width: 129px;
	font-weight: bold;
	text-indent: 10px;
}
#menu li a {
	color: #fff;
	text-decoration: none;
}
#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.hover {}
#menu li.menuon1 ul li.hover {color: #b04012; }
#menu li.menuon1 { color: #b04012; }
#menu li.menuon1 ul { display:block; }
#menu li.sub_menu a li.menuon1 { }
#menu li.menuon ul li.hover ul li.hover ul li { z-index:500;}
.menu li.sub:hover { color:#ff00ff; }
#menu li.menuon2 { }