/* ================================================================ 
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:504px; 
	height:515px; 
	position:relative;
}
*/

#outer #content {
	clear:left; 
	position:absolute; 
	left:230px; top:10px; 
	width:110px; 
	z-index:10;
}
/*Width here Widens drop down */
#menu {
	list-style-type:none; 
	padding:0; 
	margin:0; 
	width:115px; 
	top:70px; 
	left:0; 
	border:5px ridge #663300; 
	border-width:0px 1px 1px; 
	z-index:100;
}

#menu ul {
	list-style-type:none; 
	padding:0; 
	margin:0; 
	width:125px;
}

/*Play with this background color to change the color of the menu item that doesn't fly out such as All Titles*/
#menu li {
	float:left; 
	background:#407ECB; 
	position:relative; 
	border-top:1px solid #ffffff;
	border-left-color:5px ridge #663300;
	border-right-color:5px ridge #663300;
}

#menu li.sub {
	background: url(../Images/toptitle1.gif) no-repeat;
}
/*Width here widens terciary fly */
#menu li, #menu li a {
	display:block; 
	color:#000000; 
	font-size:13px; 
	line-height:24px; 
	width:211px; 
	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:#ff0; z-index:500;}
#menu li.click {color:#ff0;}

#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:110px; 
	top:-1px; 
	border:1px solid #fff; 
	border-width:0 1px 1px;
}

/*Play with this background color number here to change the color of menu items that fly out such as eg., By Album A-C, American*/
#menu li.click ul li.fly {
	background: #407ECB  no-repeat top right;
}

/*Play with this color number to change the hover color of DON'T KNOW THIS ONE!*/
#menu li.click ul li.hover {background:#99CCCC;}

/*Play with this background color to change the background color of the secondary menu item that doesn't have a menu item after it, eg  George Abdo South American*/
#menu li.click ul li.hover ul li {background:#cc6644;}

/*Play with this background color number to change the background color of the tertiary menu item, eg Grey tree frog*/
#menu li.click ul li.hover ul li.hover ul li {
	background:#778800; 
	z-index:500;
}

/*Play with this color number to change the color of the a secondary menu item that has another menu item after it, eg North American*/
#menu li.click ul li.hover ul li.fly {
	background: #CC6644 no-repeat top right;
}

/*Play with this color number to change the hover color of the secondary menu item that DOES NOT have a menu item after it, eg, George Abdo, South American*/
#menu li.click ul li.hover ul li.hover {z-index:500; background:#ffaa44;}
#menu li.click ul li.hover ul li.hover a {color:#ffffff;}

/*Play with this hover color number to change the color of a tertiary menu item eg, the tree frogs list items  Grey Tree Frog*/
#menu li.click ul li.hover ul li.hover ul li.hover {background:#aaaa00;}
#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:13px; 
	font-family:arial, sans-serif; 
	text-align:justify;
}