/* ================================================================ 
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:224px; z-index:100; font-weight:bold; border-bottom: 1px solid #fff;}
#menu ul {list-style-type:none; padding:0; margin:0; }
#menu .fly ul, #menu .fly ul li {}
#menu li {background:#b7b7b7; position:relative; width:100%; padding:0; margin:0; float:left;}

#menu span {
  display: block;
  font-size: inherit;
  padding: 0 10px;
}

#menu li.sub {background:#B7B7B7 url(../_graphics/buttonBg.gif) top left no-repeat;line-height:40px; font-size:1.1em;}
#menu .fly li {/*padding: 8px 10px 9px 10px;*/}
#menu .fly li a {line-height:normal;}
#menu li.fly {}

#menu li.fly span {
  padding: 0;
  border-left: 5px solid transparent;
  padding: 0 10px 0 5px;
}

#menu li.fly.flyout span {
  border-left: 5px solid #2b5274;
}

#menu li.fly.flyout li.flyout a {
  border-left: 5px solid #2b5274;
}

#menu li.fly.current span {
  border-left: 5px solid #013663;
}

#menu li.fly.current li.current a {
  border-left: 5px solid #013663;
}


#menu li, #menu li a {
display:block;
color:#424242;
line-height:30px;
text-decoration:none;
cursor:pointer;
white-space: nowrap;
width: 100%;
}

#menu li.fly li a {
  border-left: 5px solid transparent;
  padding: 8px 10px 8px 5px;
}

#menu li.flyout ul li a, #menu li.flyout ul li, #menu li.flyout ul {z-index:500;}

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

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

#menu li.click ul li.fly {background: #b7b7b7;}
#menu li.click ul li.flyout {background:#a6a6a6;}

#menu li.click ul li.flyout ul li {background:#a6a6a6;}
#menu li.click ul li.flyout ul li.flyout ul li {background:#a6a6a6; z-index:500;}

#menu li.click ul li.flyout ul li.fly {background: #a6a6a6;}
#menu li.click ul li.flyout ul li.flyout {z-index:500; background:#969696;}
#menu li.click ul li.flyout ul li.flyout a {color:#424242;}

#menu li.click ul li.flyout ul li.flyout ul li.flyout {background:#a6a6a6;}
#menu li.click ul li.flyout ul li.flyout ul li.flyout a {color:#fff;}

#menu li.click ul li.current, #menu li ul li.current {background-color:#a6a6a6;}
#menu li.click ul li.current ul li.current {background:#969696;}