/*style for site menus 
  these are not the styles for the treeview, flyout or links page style menus
  Give each site menu a complete set of styles, replace 'carmenu' with the appropriate style name for each menu
  MAX 64 CHARS FOR NAME (not including _active, etc)
  DO NOT USE '###' or 'FlyContainer' in names, these are used in script to identify certain elements
  		
 MUST HAVE:
	 text-align: right FOR VERTICAL FLYOUT MENU 
	 text-align: left (default) FOR HORIZ. MENU (IE5 bug will misalign flyouts otherwise)
*/


/* ================================================================== */

.sidemenu_active a
{
	color: #333C2C;
	text-decoration: none;
	background-color: #ffccff;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 1px;
	margin-left: 4px;
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #333C2C;


}
.sidemenu_active a:hover
{
	color: #0000ff;

}
.sidemenu_inactive, .sidemenu_open a
{
	color: #ffffcc;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	background-color: #ffccff;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 1px;
	margin-left: 4px;
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #333C2C;
}
/*can have an inactive hover style, if using treeview with pages that show their content*/
.sidemenu_inactive a:hover
{
	color: #0000ff;
}
/*overall enclosing div. horizontal menus need a line-height*/
.sidemenu_block
{

}
/*overall enclosing div. horizontal menus need a line-height*/
.topmenu_block
{
	/*IE specific */
	display: inline;
}
/*can't put font size here, must go in enclosing block or spacing problems with IE */
.topmenu_active
{
	text-align: left;	
}
.topmenu_active a
{
	background-color: #e2e2b0;;
	color: #003366;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	display: inline;

}
.topmenu_active a:hover
{
	color: #0000ff;
}
.topmenu_inactive, .topmenu_open a
{
	color: #000000	;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	display: inline;
	
}
/*can have an inactive hover style, if using treeview with pages that show their content*/
.topmenu_inactive a:hover
{
	color: #0000ff;
}
/*overall enclosing div. horizontal menus need a line-height*/
.sysmenu_block
{
	font-size: 10px;
	background-color: #666633;
	/*IE specific */
	text-align: right;
	padding-right: 80px;
	padding-top: 1px;
	padding-bottom: 2px;
}
.sysmenu_active a
{
	background-color: #666633;
	color: #ffffcc;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	display: inline;

}
.sysmenu_active a:hover
{
	color: #ffff00;
}
.sysmenu_inactive, .topmenu_open a
{
	color: #ffffff	;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	display: inline;
	
}
/*can have an inactive hover style, if using treeview with pages that show their content*/
.sysmenu_inactive a:hover
{
	color: #0000ff;
}

/*spacer for menu (leave title blank) */
.menu_spacer {
	display: block;
	background-color: #333C2C;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 1px;
	margin-left: 4px;
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	border-right: 1px solid #333C2C;
	border-left: 1px solid #333C2C;
}