/*  =====  Accordion Menu  ====== */
.glossymenu{
   margin:0px;
   padding: 0;
   width: 194px; /*width of menu*/

}

.glossymenu a.menuitem{
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;
	display: block;
	position: relative; /*To help in the anchoring of   the ".statusicon" icon image*/
	width: auto;
	text-decoration: none;
	padding-left:13px;
	background-color: #9398ae;
	background-image: url(../images/tabs-a.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
}


.glossymenu .menuitem:active {color:#000000;
  	
}
.glossymenu a.menuitem:hover {
	color:#000000;
}
.glossymenu a.submenuheader { background:none;
   position: relative;
   top: 0px;
   left: -20px;
   border: none;
   color: #808080;
}
.glossymenu a.submenuheader .statusicon {
   position: absolute; width:11px; height:11px;
   top: -18px;
   left: 198px;
   border: none;
   z-index: 100;
}
*html .glossymenu a.submenuheader .statusicon {
   position: absolute;
   top: -17px;
   left: 198px;
   border: none;
   z-index: 100;
}
*+html .glossymenu a.submenuheader .statusicon {
   position: absolute;
   top: -17px;
   left: 198px;
   border: none;
   z-index: 100;
}
.glossymenu div.submenu{ 
    /*DIV that contains each sub menu*/
  background: white;
}
.glossymenu div.submenu ul{ 
     /*UL of each sub menu*/
   list-style-type: none;
   margin: 0;
   padding: 14px 0px 10px 0px;
 
}
.glossymenu div.submenu ul li{
}
.glossymenu div.submenu ul li a{ width:171px; display:block;
	text-decoration: none;
	padding-left: 17px;
	padding-right:6px;
	padding-top:0px; padding-bottom:3px;
	color:#606375;
	font-size:12px;
	line-height:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.glossymenu div.submenu ul li a:hover{
text-decoration:underline; color:#FF0000;
}
