/**
* Things not to change if you want this to work right:
* .position
* .top
* .left
* .visibility
* .display
* 
*
*/
ul.bluemenu{ /*The top level menu list*/
	position: absolute;
	top: 90px;
	margin-bottom: 7px;
	border-bottom: 0px solid gray;
	z-index: 1000;
	right: 0px; /* shouldn't have to do this, should be 0, not sure where it's getting changed*/
        font-family: Verdana, Arial, Helvetica, sans-serif;

}

/** Anything that styles the top level links, goes here */
ul.bluemenu li { /* List items for top level*/
	height: 40px;
	width: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
}

ul.bluemenu li a {
	width: 100%;
	padding: 6px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #cccccc;
	background: white url(media/bluetab.gif) top left repeat-x; /*THEME CHANGE HERE*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.bluemenu li a:visited {
    color: #cccccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.bluemenu li a:hover {
	text-decoration: 0;
	color: #cccccc;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.bluemenu li ul {
    border: 1px solid #918d8d; /*THEME CHANGE HERE*/
    font:normal 12px Verdana;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:18px;
    z-index:10000;
    background-color: white;
	margin-top: 5px;
}

ul.bluemenu li ul li { /*level 2 links*/
	margin: 0px;
	padding: 0px;
        height: auto;
	/*min-height: 20px;*/
}

ul.bluemenu li ul li a {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	background: white;
	color: black;
	text-decoration: none;
	border: none;
	border-top: 1px solid #918d8d; 
	padding-left: 6px;
	width: 200px;
}

ul.bluemenu li ul li a:visited{
	color: black;
	text-decoration: none;
}

ul.bluemenu li ul li a:hover {
	background-color: #edf3f3;
	color: black;
	text-decoration: none;
}