/* ================================================================ 
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 {width:160px; height:2px; position:relative; margin-top: 10px;}
/*#outer2 {width:160px; height:300px; position:relative; background:url(red_frog.jpg) no-repeat 0px 160px;}*/

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

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

#menu li.sub {}

/*#menu li, #menu li a.sub {display:block; color:#3C3C3C; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:170px; text-decoration:none;  cursor:pointer; font-weight:normal; text-indent:5px;}
*/
a.menuOverLeft 
{ 
	height: 15px;
	color: #404E3E;
	padding-bottom: 5px;
	display: block;
	margin-top: 5px;
	width: 172px;
	padding-left: 13px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	
	
}
a.menuOverLeft:hover 
{ 	
	height: 15px;
	color: #404E3E;
	display: block;
	width: 172px;
	padding-left: 13px;
	padding-bottom: 5px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	background: url(../img/menuArrow.gif) no-repeat 0px 0px;
	font-family: Verdana, Sans Serif;
	text-transform: uppercase;	
}

a.menuOverLeftActive {
	height: 15px;
	color: #404E3E;
	padding-bottom: 5px;
	display: block;
	width: 165px;
	margin-top: 5px;
	padding-left: 13px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background:  url(../img/menuArrow.gif) no-repeat 0px 0px;
	font-family: Verdana, Sans Serif;
	text-transform: uppercase;	
	
	
}

a.menuUnderLeft 
{ 
	height: 10px;
	color: #404E3E;
	padding-bottom: 5px;
	display: block;
	padding-left: 30px;
	margin-top: 5px;
	width: 175px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px;
	font-family: Verdana, Sans Serif;
	background:  url(../img/underDot.jpg) no-repeat 20px 2px;
}
a.menuUnderLeft:hover 
{ 	
	height: 10px;
	color: #2E4476;
	display: block;
	width: 170px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px;
	background:  url(../img/underDot.jpg) no-repeat 20px 2px;
	
}
a.menuUnderLeftActive
{ 
	height: 10px;
	color: #2E4476;
	padding-bottom: 5px;
	display: block;
	text-indent: 30px;
	margin-top: 5px;
	width: 150px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0px;
	background:  url(../img/underDot.jpg) no-repeat 20px 2px;
	
}
a.menuUnderUnderLeft 
{ 
	height: 10px;
	color: #404E3E;
	padding-bottom: 5px;
	display: block;
	text-indent: 40px;
	margin-top: 5px;
	width: 175px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px;
	background:  url(../img/underDot.jpg) no-repeat 30px 2px;
	
	
}
a.menuUnderUnderLeft:hover 
{ 	
	height: 10px;
	color: #2E4476;
	display: block;
	text-indent: 40px;
	width: 170px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px;
	background:  url(../img/underDot.jpg) no-repeat 30px 2px;
}
a.menuUnderUnderLeftActive
{ 
	height: 10px;
	color: #006553;
	padding-bottom: 5px;
	display: block;
	text-indent: 40px;
	margin-top: 5px;
	width: 170px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background:  url(../img/underDot.jpg) no-repeat 30px 2px;
	
}
.line 
{
	position: relative;
	float: left;
	height: 5px;
	width: 185px;
	background:  url(../img/dashed.gif) no-repeat 14px 0px;
	
	
}