.sidemenu
{
	height: 190px;
	font-size: 14px;
	margin: 0;
/*this page only*/
}
/*remove all the bullets, borders and padding from the default list styling*/
.sidemenu UL
{
	position: relative;
	z-index: 500;
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 194px;
}
/*style the list items*/
.sidemenu LI
{
	font: 600;
	background: #D4D8BD url(../images/menu-shade.gif);
	height: 35px;
/*for IE7*/
	float: left;
}
.sidemenu LI.sub
{
	background: #D4D8BD url(../images/menu-arrow.gif) no-repeat right center;
}
/*get rid of the table*/
.sidemenu TABLE
{
	position: absolute;
	border-collapse: collapse;
	top: 0;
	left: 0;
	z-index: 100;
	font-size: 1em;
}
/*style the links*/
.sidemenu A, .sidemenu A:visited, .sidemenu A:hover
{
	display: block;
	text-decoration: none;
	height: 32px;
	line-height: 32px;
	width: 195px;
	color: #000;
	text-indent: 5px;
	border: 6px solid #F7F7F7;
	border-width: 1px;
}
/*hack for IE5.5*/
* HTML .sidemenu A, * HTML .sidemenu A:visited
{
	width: 195px;
	w\idth: 194px;
}
/*style the link hover*/
* HTML .sidemenu A:hover
{
	color: #EFA;
	background: #AA7;
	position: relative;
	text-decoration: none;
}
.sidemenu LI:hover
{
	position: relative;
}
/*For accessibility of the top level menu when tabbing*/
.sidemenu A:active, .sidemenu A:focus
{
	color: #EFA;
	background: #AA7;
	text-decoration: none;
}
/*retain the hover colors for each sublevel IE7 and Firefox etc*/
.sidemenu LI:hover>A
{
	color: #FFFBF2;
	background: #AA7;
	text-decoration: none;
}
/*hide the sub levels and give them a positon absolute so that they take up no room*/
.sidemenu LI UL
{
	visibility: hidden;
	position: absolute;
	top: -26px;
/*set up the overlap (minus the overrun)*/
	left: 100px;
/*set up the overrun area*/
	padding: 30;
/*this is for IE to make it interpret the overrrun padding*/
	background: transparent url(../images/flyout-transparent.gif);
}
/*for browsers that understand this is all you need for the flyouts*/
.sidemenu LI:hover>UL
{
	visibility: visible;
}
/*for IE5.5 and IE6 you need to style each level hover
keep the third level+ hidden when you hover on first level link*/
.sidemenu UL A:hover UL UL
{
	visibility: hidden;
}
/*keep the fourth level+ hidden when you hover on second level link*/
.sidemenu UL A:hover UL A:hover UL UL
{
	visibility: hidden;
}
/*keep the fifth level hidden when you hover on third level link*/
.sidemenu UL A:hover UL A:hover UL A:hover UL UL
{
	visibility: hidden;
}
/*make the second level visible when hover on first level link*/
.sidemenu UL A:hover UL
{
	visibility: visible;
}
/*make the third level visible when you hover over second level link*/
.sidemenu UL A:hover UL A:hover UL
{
	visibility: visible;
}
/*make the fourth level visible when you hover over third level link*/
.sidemenu UL A:hover UL A:hover UL A:hover UL
{
	visibility: visible;
}
/*make the fifth level visible when you hover over fourth level link*/
.sidemenu UL A:hover UL A:hover UL A:hover UL A:hover UL
{
	visibility: visible;
}
/*================================================================
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.cssplay.co.uk/menus/flyout_4level.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.
===================================================================*/