/* ================================================================ 
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 { height:400px; position:relative; /* background:url(red_frog.jpg) no-repeat 0px 160px; */ }

/* #outer #content { clear:left; position:absolute; left:230px; top:10px; width:250px; z-index:10; } */

#menu { list-style-type:none; padding:0; margin:0; width:185px; position:absolute; top:-19px; left:0; border-bottom:1px solid #fff; z-index:100; }
#menu ul { list-style-type:none; padding:0; margin:0; width:185px; }
#menu li { float:left; background: url(../images/texture-blue.png); position:relative; border:1px solid #fff; border-width: 1px 0 0 0; }

#menu li.sub { background: none; }
#menu li.sub a:hover { color:#AADDFF; }

#menu li, #menu li a { display: block; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; width: 185px; text-decoration: none; cursor: pointer; font-weight: bold; text-indent: 5px; }

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

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

#menu li.click ul { display:block; }
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul { display:block; position:absolute; left:175px; top:-1px; }

#menu li.click ul li.fly {background: #657 url(../images/arrow.gif) no-repeat top right;}
#menu li.click ul li.hover {background: url(../images/texture-light.png);}

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

#menu li.click ul li.hover ul li.fly {background: #c60 url(../images/arrow.gif) no-repeat top right;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#fa4;}
#menu li.click ul li.hover ul li.hover a {color:#000; }

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

#outer img {display:block; float:right;}
#outer p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}