/* 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
#FFFFFF	- very light gray	- menu strip 
						- tabs
#336699 - medium blue   - text
#5C7288	- dark blue	    - tab dividers
#6C849B	- dark blue	- submenu item dividers
#BFC1C3	- light gray - tab and submenu item hover state
#02263D	- dark blue	- font hover state
*/

/* Class for Menu */
.slidemenu_class {
	/* font styling */
	/*font-weight: bold;*/
	/*text-transform: uppercase;*/
	/*font-size: 1em;
	font-family: Verdana, Arial, sans-serif;*/
	/* menu strip color */
	/*background: #FFFFFF;*/
	/* menu strip width */
	/*width: 100%;*/
	/*border: 1px #f00 solid;*/
	/*margin-left: auto;
	margin-right: auto;*/
	margin-left: 24px;
}

/* Top level menu tabs */
.slidemenu_class ul li a{
	/* background color of tabs (default state) */
	/*background: #FFFFFF;*/
	/* font color (default state) */
	color: #336699;
	/* tab and menu strip height above letters */
	padding-top: .5em;
	/* tab and menu strip depth below letters */
	padding-bottom: .5em;
	/* tab width to right of letters */
	/*padding-right: .625em;*/
	/* tab width to left of letters */
	/*padding-left: 1.05em;*/
	/* border between tabs */
	/*border-right: 1px solid #5C7288;*/
	/* border between tabs */
	/*border-left: 1px solid #5C7288;*/
	/* no underline */
	text-decoration: none;
	/* do not change this! */
	display: block;
	z-index: 999;
}

.slidemenu_class > ul {
	font-weight: bold;	
	font-size: 14px;
}

.slidemenu_class > ul > li > a:hover {
	display: block;
	float: left;
	color: #FFFFFF;
	padding: 5px 16px;
	background: #336699;
}

.slidemenu_class > ul > li:not(:last-child):after {
	color: #336699;
	content: "|";
	position: relative;
	top: 4px;
}

.slidemenu_class > ul > li > a {
	color: #336699;
    display: block;
    float: left;
    padding-bottom: 5px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 5px;
    text-transform: uppercase;
}

/* Top level link & visited font color */
.slidemenu_class > ul > li > a:link, 
.slidemenu_class > ul > li > a:visited {
	/*color: #336699;*/
}

/* Top level tab background and font color during hover state */
.slidemenu_class > ul > li > a:hover {
	/*background: #BFC1C3;*/
	/* font color */
	/*color: #02263D;*/
}
	
/* Submenu level items */
.slidemenu_class > ul > li > ul > li > a,
.slidemenu_class > ul > li > ul > li > ul > li > a,
.slidemenu_class > ul > li > ul > li > ul > li > ul > li > a, 
.slidemenu_class > ul > li > ul > li > ul > li > ul > li > ul > li > a {
	/* font styling */
	font-weight: normal;
	font-size: 11px !important;
	/* width of submenu items */
	/*width: 15em;*/
	/* height of submenu items above letters */
	padding-top: .313em;
	/* depth of submenu items below letters */
	padding-bottom: .313em;
	/* border between submenu items */
	
	border-top-width: 0;
	margin: 0;
	z-index:1000;
	display: block;
}

.slidemenu_class > ul > li > ul > li:hover,
.slidemenu_class > ul > li > ul > li > a:hover,
.slidemenu_class > ul > li > ul > li > ul > li:hover,
.slidemenu_class > ul > li > ul > li > ul > li > a:hover,
.slidemenu_class > ul > li > ul > li > ul > li > ul > li:hover,
.slidemenu_class > ul > li > ul > li > ul > li > ul > li > a:hover,
.slidemenu_class > ul > li > ul > li > ul > li > ul > li > ul > li:hover,
.slidemenu_class > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover
{
	color: #FFFFFF;
	background: #336699;
}

.slidemenu_class > ul > li ul li a {
	color: #336699;
	background: #FFFFFF;
}

.slidemenu_class > ul > li ul {
	border: 3px solid #336699;
	background-color: #FFFFFF;
    font-size: 12px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
	width: 180px;
}

.slidemenu_class > ul > li > ul  li {
	padding: 0px 8px;
	background: #FFFFFF;
	border-bottom: 1px solid #6C849B;
}

/* Submenu background and font hover colors */
.slidemenu_class ul li ul li a:hover{ 
	/*background: #BFC1C3;*/
	/* font color */
	/*color: #02263D;*/
}

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

/* Top level list - Do not change! */
.slidemenu_class ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*padding:0px 0px 0 40px;*/
}

/* Top level list items - Do not change! */
.slidemenu_class ul li{
	position: relative;
	display: inline;
	float: left;
	padding:0px 0px 0 0px;
}

/* First submenu level - Do not change! */
.slidemenu_class ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	z-index:999;
	padding:0px 0px 0 0px;
}

/* 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;
}


#slidemenu_jq > ul > li > a > img.downarrowclass, .slidemenu_jq > ul > li ul > li > a > img.downarrowclass {
	width: 0px;
	height: 0px;
	display: none;
	border: 1px #f00 solid;
}



/* 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;
}

/* All subsequent submenu levels vertical offset after first submenu level - Do not change! */
.navTertiary{
	z-index: 1004;
	/* border between submenu items */
	border-top:1px solid #02263D;
	border-bottom:1px solid #02263D;
}