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

#glossymenu{
		position: relative;
		width: 160px; /*width of menu*/
		height: auto;
		border-right: 0;
		border-top: 0;
		border-left: 0;
		background-color: #fff;
		padding: 0;
		border-bottom-width: 0;
		text-align: left;
		margin-left: 0px;
	
		}

/* main category header*/
#glossymenu a.menuitemhead{


		color: #69c; /*main item color*/
		background-color: #fff;
		font-size: 1.3em;
		font-weight: bold;
		text-align: left;
		display: inline;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		padding-bottom: 20px;
		text-decoration: none;
		border-bottom: 0;
		margin: 10px 10px 10px 10px;
		}

.submenuheader{
	
		color: #333;
		background-color: #fff;
		font-size: .9em;
		font-weight: bold;
		text-align: left;
		display: inline;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		padding: 0px;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		}




/*---text menu--*/



#glossymenu a.menuitem{
		/*background-color: #69c;*/
		background-color: #eee;
		font: bold 12px 'Trebuchet MS', Verdana, Helvetica, sans-serif;
		color: #693;/* color of item */
		display: block;
		position: relative; 
		width: auto;
		padding: 4px 0;
		padding-left: 10px;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		}

#glossymenu a.menuitem:visited, .glossymenu .menuitem2:active{
		color: #693;
		}



#glossymenu a.menuitem:hover{
		background-color: #fff;
		color: #69c;/* item hover */
		}
		
#glossymenu div.submenu{ /*DIV that contains each sub menu*/
		background: #fff;
		}
		
#glossymenu div.submenu ul{ /*UL of each sub menu*/
		list-style-type: none;
		margin-left: 0px;
		padding: 0;
	/*	line-height: .3em; */
		}
		
#glossymenu div.submenu ul li{
		border-bottom: 0;
		display: block;
		margin-top: 2px;
		margin-bottom: 2px;
		}

#glossymenu div.submenu ul li a{
		display: block;
		font: normal 12px 'Trebuchet MS', Verdana, Helvetica, sans-serif;
		color: #69c;
		text-decoration: none;
		padding: 0px 0px 0px 10px;
		background: #fff;
		border-bottom: 1px solid #ccc;
		}

#glossymenu div.submenu ul li a:hover{
		background: #eee;
		color: #693;
		}