/************* user-defined classes *************/

/***************** hover menus ******************/

div.menu ul {
    display: block;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
div.menu ul.side {
    margin: 8px; /* was 8 */
}
div.menu ul li {
    position: relative;
    z-index: 10;
}
div.menu ul.side li {
    padding: 1px 0px;
}
div.menu ul.top li {
    float: left;
}
div.menu ul li a {
    display: block;
    padding: 0px 5px; /* second was 5 */
    text-decoration: none;
}
div.menu ul.side li a {
    padding: 1px 5px;
    width: 100%;
}
div.menu ul.side li > a {
    width: auto;
}
div.menu ul li a:hover {
    text-decoration: none;
}
div.menu ul li ul {
    display: none;
    position: absolute;
    width: 18em;
    z-index: 100;
}
div.menu ul.side li ul {
    left: 124px;
    top: -2px;
}
div.menu ul.top li ul {
    left: 0em;
    top: 1em; 
}
div.menu ul.top li > ul {
    /* override in w3 browsers, ie has no children */
    left: auto;
    top: auto;
}
div.menu ul li:hover ul,
div.menu ul li.over ul {
    display: block;
}
div.menu ul li ul li {
    clear: both;
    width: 100%;
}
div.menu ul li ul li a {
    border: none;
    padding: 2px 5px;
    width: 100%;
}
div.menu ul li ul li > a {
    width: auto;
}



/********************* menu *********************/


div.menu ul.top li {
    width: 156px;
}
div.menu ul.top li a,
div.menu ul.top li a:hover {
    color: #ffffff;
    font-family: verdana,sans-serif;
    font-size: 14px;
    font-weight: bold;
	padding-left:7px;
}

div.menu ul.top li > ul {
    /* override in w3 browsers, ie has no children */
}

div.menu ul.top li ul li {
    width: 250px;
}
div.menu ul.top li ul li p {
	padding:1px 5px;
	margin:0px;
	color:#000;
}
	
div.menu ul.top li ul li a,
div.menu ul.top li ul li a:hover {
	font-size:12px;
	padding:0px 5px;
	font-weight:normal; 	
}

div.menu ul.top li a span,
div.menu ul.top li a:hover span {
	font-weight:bold;
	color:#000;
}



/***************** menu colors ******************/

div.menu ul li.black a {
	background-color:#333333;
}
div.menu ul li.black a:hover {
	background-color:#666666;
}
div.menu ul li.green a {
    background-color: #038050;
}
div.menu ul li.green a:hover {
    background-color: #04955d;
}
div.menu ul li.egreen a {
    background-color: #128018;
}
div.menu ul li.egreen a:hover {
    background-color: #04955d;
}
div.menu ul li.orange a,
div.menu ul.top li ul li p.orange {
    background-color: #993366;
}
div.menu ul li.orange a:hover {
    background-color: #cc3366;
}
div.menu ul li.yellow a {
    background-color: #fcbd27;
}
div.menu ul li.yellow a:hover {
    background-color: #cc3333;  /* f9aa13 */
}
div.menu ul li.yellow a span,
div.menu ul li.yellow a:hover span {
    color: #000;
}