@charset "utf-8";
/* CSS Document */




/* ACCORDION MENU */

.menu
	{
	position:relative;
	float:left;
	display:inline;
	width: 960px; /*width of menu*/
	margin: 0;
    padding: 0;
	z-index:100;
	}

.menu a.menuitem
	{
	background: white;
	position:relative;  /*To help in the anchoring of the ".statusicon" icon image*/
	float:left;
	display:inline;
	width: 183px;
	height: 50px;
	margin: 0 1px 0 0;
	padding: 0;
	font-size: 16px;
	line-height: 3;
	color: black;
	text-align:center;
	}
	
.menu a.home
	{
	background: white url(../img/bttn-home-block.gif) no-repeat 0 0;
	width: 40px;
	text-indent: -7000px;
	}
	
.menu a.end_row { margin-right: 0; }

.menu a.menuitem:visited, 
.menu a.menuitem:active { color: black; }

.menu a.menuitem .statusicon   /*CSS for icon image that gets dynamically added to headers*/
	{ 
	position: absolute;
	top: 18px;
	right: 20px;
	border: none;
	}

.menu a.menuitem:hover { background: white url(); }  /*  bg img not used on this menu  */ 
.menu a.home:hover { background: white url(../img/bttn-home-block.gif) no-repeat 0 0 ; }

.menu div.submenu  /*  DIV that contains each sub menu  */
/*  For multiple menus additional classes would be needed specific to the menu item positions and colors.  */
	{
	background: #5c99a4;
	position: absolute;
	top: 49px;
	left: 224px;
	width: 183px;
	margin: 0;
	padding: 0;
	border: 1px white solid;
	color: #000;
	}

.menu div.submenu ul /*  UL of each sub menu  */
	{
	margin: 0;
	padding: 10px 0 10px 0;
	list-style-type: none;
	}

.menu div.submenu ul li { margin: 0; padding: 0; }

.menu div.submenu ul li a
	{
	display: block;
	width: 163px;
	margin: 0;
	padding: 0 0 0 20px;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 3;
	color: black;
	text-decoration: none;
	}

.menu div.submenu ul li a:hover
	{
	background: #8bbac2;
	color: black;
	text-decoration: none;
	}