/* #wrap {
	background:inherit;
	width:750px;
	margin:0 auto;
	padding:30px 0;
} */





/* ***********************************************************************************

Convertable Nestled list menu by DUNCAL Productions
 2007 by Duncan Hill and Alan Gresley
http://css-class.com/articles/ursidae/
http://css-class.com/articles/ursidae/bears5popuph.htm

Converts from a verticle menu with flyout popup submenus to a horizontal menu with popups 
and then flyout popup submenus with a few changes in style where. To convert please find 
where ****DISPLAYS HORIZONTAL MENU**** appears.

Popup version (with IE5.5 and IE6 hacks, none for IE5 for Mac)

********************************************************************************* */
div#navwrap {
	width:10.5em; /* was 9em */
	margin-top:0; /* was -7em */
	/* margin-left:.1em; */
	/* f\loat: left; commented out - this float makes it float right instead of left */
	display:inline; /* stops the IE6 and earlier doublemargin bug */
/* margin-bottom:30px; */ 
}

ul#navVERT {
	font-family: Tahoma,Helvetica, Arial,sans-serif;
	font-size: 80%; /*          was 90% ****CHANGE**** change for larger or smaller font */
	/* f\loat: left; comment out because it caused vert menu to float right */
		z-index: 1000;


	
}
ul#navVERT, ul#navVERT ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	z-index: 1020;
	color: #000000;
	background-color: #FFFFFF;
}
ul#navVERT li {
	line-height : 1.35em;
	position: relative; /* was relative */
	float: left;
	color: #000000;
	background-color: #FFFFFF;
}
ul#navVERT li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 *//* Needed for IE6 and IE7 for vertical menus */
	float: left;
}




#navVERT li a {
	display: block;
	text-decoration: none;
	text-align:left;
	color: #000;
	background-color: #FFFFFF;
	width: 11em; /*This adjusts width of vertical menu ****CHANGE-MENU**** */
	padding: 4px 0 4px 0.5em;/* was 4px 0.5em; */
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}


ul#navVERT li li a {
	width: 10.5em; /*           was 8em****CHANGE-SUBMENU**** */
	text-align:left;
	background-color: #CCCCCC;
}

ul#navVERT li li li a {
	width: 10.5em; /*           ****CHANGE-SUBMENU**** */
}




ul#navVERT li a:hover, ul#navVERT ul li:hover a:hover { /* The hovered style for submenus */
	color: #000000;
	background-color: #CCCCCC;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}


ul#navVERT li ul { /* Hides the first unhovered submenu */
	position : absolute; /* was relative */
	left: -999em;bottom:0;
}

#navVERT li:active ul ul, #navVERT li:active ul ul ul, #navVERT li:hover ul ul, #navVERT li:hover ul ul ul, #navVERT li.sfhover ul ul, #navVERT li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */
}


#navVERT li:hover ul, #navVERT li li:hover ul, #navVERT li li li:hover ul, #navVERT li.sfhover ul, #navVERT li li.sfhover ul, #navVERT li li li.sfhover ul {
	bottom: 0;
	left: -1px;
	margin-left: 100%;
}


/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* 
#navVERT li:hover ul, #navVERT li a:focus ul, #navVERT li.sfhover ul {
	bottom:100%;
	margin-left: 0;
}
div#navwrap {
	width:95%;
}

*/




/* BACKGROUND EFFECTS */

/* Allows each succesive parent list item and the hovered submenu to have a lighter background color */

#navVERT li:hover a, #navVERT li.sfhover a {
	color: #000000;
	background-color: #CCCCCC;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
ul#navVERT li ul li:hover a, ul#navVERT li ul li.sfhover a {
	color: #000000;
	background-color: #B0D797;
}
ul#navVERT li ul ul li:hover a, ul#navVERT li ul ul li.sfhover a {
	color: #000;
	background-color: #A7CD89;
}

/* BACKGROUND IMAGES */

div#navwrap ul#navVERT li ul li:hover, div#navwrap ul#navVERT li ul li.sfhover, div#navwrap ul#navVERT li li a:hover {
	color: #000000;
	/* background-image: url(../bear1.jpg); */  
	background-position:right;
	font-weight: bold;
}
body div#navwrap ul#navVERT li li a:hover {
	color: #FFFFFF;
	background-color: #CCCCCC;
}
a.exlink {
	/* background: url(../submenumark4.gif) no-repeat 100% 50%; */
}
div#navwrap ul#navVERT li a.exlink:hover {
	/* background: url(../submenumark5.gif) no-repeat 100% 50%; */
}

.clear {clear:both;height:20px;}