@charset "utf-8";

.glossymenu {
	margin: 70px 0px 100px 0px;
	padding: 0;
	width: 90%; /*-----width of menu----------*/
	border-bottom-width: 0;
	position:relative;
	top:-25px;
	}
.glossymenu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding:5px 10px 10px 10px;
}

.glossymenu a {
	outline:none;
}
.glossymenu a:hover {
	color:#4C4C4C;
}
.glossymenu a.menuitem {
	font-size: 14px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	background-color: black;
	background-image: url(accordion_img/glossyback.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
	/*color: white;*/
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}
.glossymenu a.menuitem:hover {
	background-image: url(accordion_img/glossyback2.gif);
}
.glossymenu div.submenu { /*DIV that contains each sub menu*/
	margin-bottom:0px;
	padding:20px 20px 50px 20px;
	color:#CCCCCC
}
.glossymenu div.submenu ul li a:hover {
background: #DFDCCB;
color: white;
}