/* ================================================================ 
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.
=================================================================== */


#menu1 {padding:0; margin:0; width:250px;position:relative;  left:0; z-index:100;}
#menu1 ul {list-style-type:none; padding:0; margin:0; width:250px;}
#menu1 li {float:left; width:250px; position:relative; border-top:0px solid #000;background: url("../images/menu_bg.gif") top left repeat-y;}

#menu1 li.sub {width:250px;background:url("../images/topmenu_bar.gif") top left no-repeat;
text-indent:40px;
line-height:30px;font-weight:bold;}

#menu1 li, #menu1 li a {display:block; color:#000; font-family:arial, sans-serif; font-size:12px; line-height:20px; width:250px; text-decoration:none;  cursor:pointer; text-indent:55px;font-weight:normal}
#menu1 li:hover, #menu1 li a:hover {color:#98a;}

#menu1 li.current, #menu1 li a.current {margin-left:20px;background-color:#666;color:#fff;display:block; width:200px;; font-family:arial, sans-serif; font-size:12px; line-height:20px; text-decoration:none;  cursor:pointer; text-indent:35px;font-weight:normal}

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

#menu1 li.hover {color:#ff0; z-index:500;}
#menu1 li.click {color:#333;text-indent:40px;font-size:12px;font-weight:bold;}

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


#menu1 li.click ul li.hover{color:#98a;}

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

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

#menu1 li.click ul li.hover ul li.hover ul li.hover {}
#menu1 li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}

#menu2 {padding:0; margin:0; width:250px;position:relative;  left:0; z-index:100;}
#menu2 ul {list-style-type:none; padding:0; margin:0; width:250px;}
#menu2 li {float:left; width:250px; position:relative; border-top:0px solid #000;background: url("../images/menu_bg.gif") top left repeat-y;}

#menu2 li.sub {width:250px;background:url("../images/topmenu_bar.gif") top left no-repeat;
text-indent:40px;
line-height:30px;font-weight:bold;}

#menu2 li, #menu2 li a {display:block; color:#000; font-family:arial, sans-serif; font-size:12px; line-height:20px; width:250px; text-decoration:none;  cursor:pointer; text-indent:55px;font-weight:normal}
#menu2 li:hover, #menu2 li a:hover {color:#98a;}

#menu2 li.current, #menu2 li a.current {margin-left:20px;background-color:#666;color:#fff;display:block; width:200px;; font-family:arial, sans-serif; font-size:12px; line-height:20px; text-decoration:none;  cursor:pointer; text-indent:35px;font-weight:normal}

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

#menu2 li.hover {color:#ff0; z-index:500;}
#menu2 li.click {color:#333;text-indent:40px;font-size:12px;font-weight:bold;}

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


#menu2 li.click ul li.hover{color:#98a;}

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

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

#menu2 li.click ul li.hover ul li.hover ul li.hover {}
#menu2 li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}
#menu3 {padding:0; margin:0; width:250px;position:relative;  left:0; z-index:100;}
#menu3 ul {list-style-type:none; padding:0; margin:0; width:250px;}
#menu3 li {float:left; width:250px; position:relative; border-top:0px solid #000;background: url("../images/menu_bg.gif") top left repeat-y;}

#menu3 li.sub {width:250px;background:url("../images/topmenu_bar.gif") top left no-repeat;
text-indent:40px;
line-height:30px;font-weight:bold;}

#menu3 li, #menu3 li a {display:block; color:#000; font-family:arial, sans-serif; font-size:12px; line-height:20px; width:250px; text-decoration:none;  cursor:pointer; text-indent:55px;font-weight:normal}
#menu3 li:hover, #menu3 li a:hover {color:#98a;}

#menu3 li.current, #menu3 li a.current {margin-left:20px;background-color:#666;color:#fff;display:block; width:200px;; font-family:arial, sans-serif; font-size:12px; line-height:20px; text-decoration:none;  cursor:pointer; text-indent:35px;font-weight:normal}

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

#menu3 li.hover {color:#ff0; z-index:500;}
#menu3 li.click {color:#333;text-indent:40px;font-size:12px;font-weight:bold;}

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


#menu3 li.click ul li.hover{color:#98a;}

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

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

#menu3 li.click ul li.hover ul li.hover ul li.hover {}
#menu3 li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}