<style type="text/css">


.glossymenu{ list-style-type: none; width: 160px; border-color: #9a9a9a; border-style: solid; border-width: 1px 1px 0; }

.glossymenu li a{ background: url(glossyback.gif)white url(glossyback.gif) repeat-x bottom left url(glossyback.gif) url(glossyback.gif) url(glossyback.gif) url(glossyback.gif) url(glossyback.gif) url(glossyback.gif) url(glossyback.gif) url(glossyback.gif) url(glossyback.gif); font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: white; width: 160px; text-decoration: none; }


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px; }

.glossymenu li a:visited, .glossymenu li a:active{ color: white; width: 160px; }

.glossymenu li a:hover{ background-image: url(glossyback2.gif); width: 160px; }

element { background-color: maroon; width: 160px; }

#PageContainer {
	width: 160px;
	background-image:url(pageBkgRepeat.gif);
	background-position: right top;
	background-repeat: repeat-y;
	height: 100%;  /* to compensate for the footer */	
}
