/*Adapted from GlossyMenu from Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu
	{
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
	}

.menutitle
	{
	margin: 0 0 0 0;
	background: #2b53d5 url("images/menubackground2.gif") repeat-x bottom left;
	font-weight: bold;
	color: white;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 10px;
	text-decoration: none;
	}

.menuheader
	{
	height: 35px;
	margin: 0 0 0 0;
	background: #2b53d5 url(images/menuheader.gif) repeat-x bottom left;
	display: block;
	width: auto;
	}

.menufooter
	{
	height: 35px;
	margin: 0 0 0 0;
	background: #2b53d5 url(images/menufooter.gif) repeat-x bottom left;
	display: block;
	width: auto;
	}
	
.glossymenu li a
	{
	background: #2b53d5 url("images/menubackground1.gif") repeat-x bottom left;
	color: white;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 5%;
	text-decoration: none;
	}

* html .glossymenu li a
	{ /*IE fix only. Menu width minus left padding of 'a' element (5%) */
	width: 95%;
	}

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

.glossymenu li a:hover
	{
	background-image:  url("images/menubackground2.gif");
	}