/* STYLING FOR THE MULTILEVEL DROPDOWN MENU WITH CSS AND JAVASCRIPT

Produces the green menu as seen on Thesis Demo

Modified and annotated by Mike Nichols - July 10, 2009 

Revised October 4, 2009 */



/* COLOR CHART

#408000	- fern green	- menu strip

						- tabs

#53A502	- medium green	- tab dividers

#006500	- dark green	- submenu item dividers

#007200	- very dark green - tab and submenu item hover state

#80FF00	- lime green	- font hover state

*/



/* Class for Menu */

.slidemenu_class {

	/* font styling */

	font-weight: bold;

	text-transform: uppercase;

	font-size: 1.15em;

	font-family: Verdana, Arial, sans-serif;

	/* menu strip color */

	background: #408000;

	/* menu strip width */

	width: 100%;

}



/* Top level menu tabs */

.slidemenu_class ul li a{

	/* background color of tabs (default state) */

	background: #408000;

	/* font color (default state) */

	color: #FFFFFF;

	/* tab and menu strip height above letters */

	padding-top: .8em;

	/* tab and menu strip depth below letters */

	padding-bottom: .8em;

	/* tab width to right of letters */

	padding-right: 1.25em;

	/* tab width to left of letters */

	padding-left: 1.25em;

	/* border between tabs */

	border-right: 2px solid #53A502;

	/* no underline */

	text-decoration: none;

	/* do not change this! */

	display: block;

}



/* Top level link & visited font color */

.slidemenu_class ul li a:link, 

.slidemenu_class ul li a:visited {

	color: #FFFFFF;

}



/* Top level tab background and font color during hover state */

.slidemenu_class ul li a:hover {

	background: #007200;

	/* font color */

	color: #80FF00;

}

	

/* Submenu level items */

.slidemenu_class ul li ul li a {

	/* font styling */

	font-weight: normal;

	font-size: 1.15em;

	font-family: Verdana, Arial, sans-serif;

	/* width of submenu items */

	width: 11em; 

	/* height of submenu items above letters */

	padding-top: .313em;

	/* depth of submenu items below letters */

	padding-bottom: .313em;

	/* border between submenu items */

	border-bottom: 1px solid #006500;

	border-top-width: 0;

	margin: 0;

}



/* Submenu background and font hover colors */

.slidemenu_class ul li ul li a:hover{ 

	background: #007200;

	/* font color */

	color: #80FF00;

}



/* DO NOT CHANGE ANYTHING BELOW THIS LINE! */

/*=========================================*/



/* Top level list - Do not change! */

.slidemenu_class ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



/* Top level list items - Do not change! */

.slidemenu_class ul li{

	position: relative;

	display: inline;

	float: left;

}



/* First submenu level - Do not change! */

.slidemenu_class ul li ul {

	position: absolute;

	left: 0;

	display: block;

	visibility: hidden;

}



/* All subsequent submenu levels vertical offset after first submenu level - Do not change! */

.slidemenu_class ul li ul li ul {

	top: 0;

}



/* Submenu level list items (undo style from Top level List Items) - Do not change! */

.slidemenu_class ul li ul li {

	display: list-item;

	float: none;

}



/* Down and right arrow images - Do not change! */

.downarrowclass {

	position: absolute;

	top: 12px;

	right: 7px;

}



.rightarrowclass {

	position: absolute;

	top: 6px;

	right: 5px;

}



/* IE6 hack to get sub menu links to behave correctly - Do not change! */

* html .slidemenu_class ul li a { 

	display: inline-block;

}

