/* ================================================================ 
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.
=================================================================== */
#outer {background:#4d5558;  width:auto; height:auto; top: 199px; left: 20px; position:relative;}

#outer #content {clear:left; position:absolute; left:200px; top:20px; width:300px; z-index:10;}

#menu {list-style-type:none; padding:0; margin:0; width:165px; position:absolute; top:0px; left:0; border:1px solid #000; border-width:0 1px 1px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#333; position:relative; border-top:1px solid #000;}

#menu li.sub {background:#990000;}
#menu li a {display:block; color:#e1e1e1; font-family:verdana, arial, sans-serif; font-size:12px; line-height:25px; width:165px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}
#menu li {display:block; color:#e1e1e1; font-family:verdana, arial, sans-serif; font-size:12px; line-height:25px; width:165px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


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

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

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

#menu li.click ul li.fly { background: #333 url(frog_arrow.gif) no-repeat top right; }
#menu li.click ul li.hover {background:#515362;}

#menu li.click ul li.hover ul li {background:#333;}
#menu li.click ul li.hover ul li.hover ul li {background:#333; z-index:500;}

#menu li.click ul li.hover ul li.fly {background: #333 url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#515362;}
#menu li.click ul li.hover ul li.hover a {color:#fff;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#A8C5F0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}