<style type="text/css">

.glossymenu{
margin: 0px;
padding: 0;
width: 170px; /*width of menu*/
border: 0px solid #1B1B1B;
border-bottom-width: 0;
}
.glossymenu a.menuitem{
	background: url("images/menu/glossyback.gif") repeat-x bottom left;
	font: bold 12px Geneva, Arial, Helvetica, sans-serif;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: 170;
	height: 18px;
	padding: 0px;
	padding-left: 0px;
	text-decoration: none;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 0px;
right: 0px;
border: none;
}
.glossymenu a.menuitem {
background-image: url("images/menu/glossyback.gif");
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #1B1B1B;
width: 170;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding: 0px;
}
.glossymenu div.submenu ul li{
border-bottom: 1px #000000;
}
.glossymenu div.submenu ul li a{
font: bold 12px Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
padding-left: 0px;
}
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
}
body {
	background-color: #000000;
	background-repeat: repeat-x;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Times New Roman, Times, serif;
}
h1 {
	font-size: 14px;
	color: #F35816;
}
h2 {
	font-size: 12px;
	color: #99CC00;
}
.loot_tag {
}
.style4 {color: #CCCCCC}
.style5 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
a:link {color:#FFFFFF}
a:visited {color:#FFFFFF} 
a:hover {color:#882288}
a:active {color:##CCCCCC}
a:menuitem:link {color: #CCCCCC}
a:visited.menuitem {color:#e9e9e9}
a:hover.menuitem {color:#882288}
a:active.menuitem {color:#882288}
a.submenu ul li:hover {color:#882288}
a.submenu ul li:active {color:#882288}
</style>