.glossymenu{
	padding: 0;
	width: 200px; /*width of menu*/
	margin-bottom: 10px;
	margin-top: 0px;
}

.glossymenu .header{
	background-color:#ccc;
	color: #000;
	display: block;
	width: auto;
	padding: 6px 0;
	padding-left: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	letter-spacing: 1pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height: 16px;
	font-weight: lighter;
}

.glossymenu a.menuitem{
	color: #333;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 20px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	list-style-type: none;
	background-color: #FFF;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #000;
}

.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-color: #F7E9CF;
color: #000;

}

.glossymenu .submenu{ /*DIV that contains each sub menu*/
background: #eee;

}

.glossymenu .submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding-left: 30px;
}

.glossymenu .submenu ul li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.glossymenu .submenu ul li a{
display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
text-decoration: none;
padding: 2px 0;
line-height:16px;
}

.glossymenu .submenu ul li a:hover{
background-color: #F7E9CF;
color: #000;
}

/* subsubmenu items */

.glossymenu .submenu ul li a.subsubmenuheader{
display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
text-decoration: none;
padding: 2px 0;
padding-left: 50px;

}


.glossymenu .submenu ul li ul.subsubmenu{
	border: none;
	background-color: #aed0e0;

}

.glossymenu .submenu ul li ul.subsubmenu a{
display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 18px;


}

.glossymenu .submenu ul li ul.subsubmenu a:hover{
background-color: #2c7a9f;
color: white;
}

.glossymenu .submenu ul li ul.subsubmenu .last{
border: none;
}

/*first level highlighted*/
.glossymenu a.menuitem.youarehere{
background-color: #2c7a9f;
color:#FFF;
}

/*second level highlighted*/
.glossymenu .submenu ul li .youarehere{
display: block;
background-color: #2c7a9f;
color:#FFF;
}

/*third level highlighted*/
.glossymenu .submenu ul li ul.subsubmenu .youarehere{
display: block;
background-color: #2c7a9f;
color:#FFF;
}

h2.header {
	padding: 0;
	margin: 0;
}

.submenutitle {

background-color: #aed0e0;

}

/* subsubsubmenu items */

.glossymenu .submenu ul li ul li a.subsubsubmenuheader{
display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
text-decoration: none;
padding: 2px 0;
padding-left: 18px;

}


.glossymenu .submenu ul li ul.subsubmenu li ul.subsubsubmenu{
	border: none;
	background-color: #cfe6f1;

}

.glossymenu .submenu ul li ul.subsubmenu li ul.subsubsubmenu a{
display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 27px;

}

.glossymenu .submenu ul li ul.subsubmenu li ul.subsubsubmenu a:hover{
background-color: #2c7a9f;
color: white;
}

.glossymenu .submenu ul li ul.subsubmenu li ul.subsubsubmenu .last{
border: none; }

.probimg {
	*margin-top: -20px;
}
