/* Multimenu dropdown list menu with explanations */

/* List TopNav Multimenu start*/


/*
BB2C1E
EFEFEF

Menu Color Scheme:
horizontal menu:
background: 					blue grey  	- #707586
button background:             	light blue grey	- #888c99
button hover background: 		light green - #d6ecb9
text:							light green - #d6ecb9
hover text:						dark grey 	- #333333
left & top border:				light blue	- #afb6d0
bottom & right border:			dark grey	- #333333

1st level dropdown menu:
background:	         			light light green	- #e6f0d2
hover background:				light green	- #d6ecb9
text:							med grey	- #666666
hover text:						orange	- #ff6600

2nd level dropdown flyout right menu:
background:						light blue	- #afb6d0
hover background:	         	light light blue	- #dadde9
text:							med grey	- #666666
hover text:						orange	- #ff6600

anything marked !important is for Mozilla to work like IE

Place this in the body tag if nothing hovers in IE this has 
probably not been found
              		behavior:url("fileadmin/csshover.htc"); 
*/

/* Gives background color to Top Menu */
#topmenubg {
     float: 		left;
     background: 	#BB2C1E;
     width: 		750px;
     text-align: 	center;
	 /* needed to give a margin above and below the buttons if desired */
     height: 		100%;
}

.mainmenu {
}
/* this class defines the look of the horizontal navigation */
#nav {
    list-style: 	none;
    position: 		relative;
	/* my page content width is 750px */
    width: 			750px !important; 
    width: 			700px; 
    margin: 		0px 30px 0px 0px !important;
    margin: 		0px 0px 0px 20px;
    font-size: 		1em;
}

#nav ul {
    list-style: 	none;
    display: 		none;
	/* postion: absolute - is needed so that the dropdown menus go over the page content */
    position: 		absolute;
    overflow: 		visible;
}

#nav li {
    display: 		block;
	/* button width */
    width: 			90px; 
    position: 		relative;
	/* float: left - keeps the menu horizontal */
    float: 			left;
	/* this adjusts the links buttons on the background */
    margin: 		7px 3px 2px 3px !important; 
    margin: 		5px 2px 0px 2px;
	/* Mozilla needs padding to look like IE which doesn't need it */
    padding-bottom: 4px !important;
    padding: 		0;
}

#nav li a {
    display: 			block;
	/* button background color is different than horizontal menu background */
    color: 				#FFFFFF; 
    font-weight: 		bold;
    text-decoration: 	none;
	/* using 2 different color for the button give it dimension */
    border-left: 		solid 1px #FFFFFF; 
    border-right:		solid 1px #FFFFFF;
}

#nav li a:hover {
    background-color: 	#FF6F6F;
    color: 				#FFFFFF;
}

/* 1st dropdown level */
/* this class controls the alignment of this level underneath the horizontal menu buttons */
#level1 {
    display: 			block;
    left: 				-40px;
}
#level1 UL {
    position: 			absolute;
    overflow: 			visible;
}
#level1 li {
    display: 			block;
    margin: 			0 !important;  
    margin: 			0;
    padding: 			-0 0 !important;
    border-left: 		solid 1px #FFFFFF;
	/* font-size is controlled here */
    font-size: 			1em; 
}
#level1 li A {
    display: 			block;
	/* dropdown menu width is controlled here */
    width: 				150px;
    background: 		#BB2C1E;
    padding: 			1px 3px;
    font-weight: 		normal;
    text-align: 		left;
    text-decoration: 	none;
    color: 				#FFFFFF;
	/* needs to be set to zero to override margins from horizontal menu */
    margin: 			0;
	/* needs to be set to zero to override borders from horizontal menu */
    border: 			0; 
}
#level1 li A:hover {
    display: 			block;
    color: 				#FFFFFF;
    background-color: 	#FF6F6F;
	/* needs to be set to zero to override borders from horizontal menu */
    border: 			0; 
}

/* 2nd dropdown level */
#level2 {
    display: 			block;
    position: 			absolute;
	/* this aligns the 2nd level flyout to the right of the 1st level dropdown */
    left: 				116px !important;
    left: 				116px;
    top: 				0; !important;
}
#level2 UL {
    display: 			block;
/* this needs to be set to relative or it will only display the last of a number of links */
    position: 			relative;
    overflow: 			visible;
}
#level2 LI {
    display: 			block;
}
#level2 li A {
    display: 			block;
    background: 		#EFEFEF;
    color: 				#333333;
}
#level2 li A:hover {
    display: 			block;
    background: 		#333333;
}

/* all see this */
#nav ul ul, #nav ul ul ul {
   display: 			none;
   position: 			absolute;
   width: 				150px;
   top: 				0;
}
/* non-IE bowsers see this */
#nav ul li>ul, #nav ul ul li>ul {
    margin-top: 		0;
}
#nav LI:hover UL UL, #nav LI:hover UL UL UL{
    display: 			none;
}
#nav LI:hover UL {
    display: 			block;
}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul {
    display: 			block;
}
li>ul {
    top: 				auto:
}
UNKNOWN {
    margin-top: 		0;
    left: 				auto; 
    top: 				auto;
}

/* List TopNav Multimenu end*/