/*
Author: Shawn Hill
Date: early 2003
For the sweet new All DOM Menus
*/
/*
*  The following selectors are for customizing each specific menu.
*  The width in particular must be customized for each menu. 
*  If each menu will be completely different than the rest, all stylization 
*  may be done here.  These names must correspond to the ids given to the menus
*  in menuData.js
*/
#menu1{
	width:200;
}
#menu2{
	width:300;
}
#menu3{
	width:250;
}
#menu4{
	width:100;
}
#sub1,#sub2,#sub3,#sub4{
	width:150;
}

/* The navTop class is used for the menu trigger links. */
/* Note:  All a:hover selectors must use web-safe colors or they will not function properly. */
.navTop{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFCC;
	text-decoration: none;
	display: block;
	width:100%;
	text-indent: 10px;
	background-color: #E9EBE0;
}
html>body .navTop{
	width: auto;
}
.navTop:hover{
	color: #666666;
	background-color: #FFFFCC;
}

/*
*  The menuLayer calls describes the menu itself.  things such as border should be here.
*  Note:  do not remove position
*  Note:  different sets of these may be used on the same page.  this class name must correspond
*  to the class name listed in menuData.js.
*/
.menuLayer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #FFCC99;
	position:absolute;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px none #999999;
	border-left: 1px solid #999999;
}
.menuLayer a{
	color: #FFFFCC;
	text-decoration: none;
	display: block;
	width:100%;
	background-color: #FFCC99;
	border-bottom: 1px solid #999999;
	padding: 2px 4px 2px 10px;
}
html>body .menuLayer a{
	width: auto;
}
.menuLayer a:hover{
	color: #666666;
	background-color: #FFFFCC;
}