/* Multimenu dropdown list menu with explanations */

/* List TopNav Multimenu start*/


/*
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"); 
*/

body {
     /* This path has to be correct! If nothing hovers in IE, */
     /* this is probably not found  */
               behavior: url("http://www.sueu.org.au/fileadmin/template/multimenu/csshover.htc");
    /* setting this to center, centers the content on the page */
      text-align: center;
      padding: 0;
      margin: 5px 8px 5px 8px;
      background: white;
}


/* Gives background color to Top Menu */
#topmenubg {
     float: left;
     background: #707586;
     width: 750px;
     text-align: center;
/* needed to give a margin above and below the buttons if desired */
     height: 3em;
}
div#mainmenu  {
/* needed to give a margin above and below the buttons if desired */
/*   height: 40px; */
}

.mainmenu {
}
/* this class defines the look of the horizontal navigation */
#nav {
	list-style: none;
	position: absolute;
	top: 57px;
	left: 0;
	font-size: 1em;
}

ul#nav {
	padding-left: 0;
}

#nav ul {
	list-style: none;
	display: none;
	/* postion: absolute - is needed so that the dropdown menus go over the page content */
	position: absolute;
	padding: 5px 10px 5px 10px;


        height : 17px !important;
	height : 19px;
}


#nav li {
    display: block;
/* button width */
    width: auto !important;
    width: 50px;  
	/*padding-right: 10px;*/
    position: relative;
/* float: left - keeps the menu horizontal */
    float: left;
/* this adjusts the links buttons on the background */
/* Mozilla needs padding to look like IE which doesn't need it */

}

#nav li a {
    display: block;
/* button background color is different than horizontal menu background */
    background-color : #FFFFFF;
	background-image : url(../images/logos/squiggle-white-19.gif);
	background-repeat : no-repeat;
    color: #184A18; 
    font-weight: bold;
    text-decoration: none;
/* using 2 different color for the button give it dimension */
	padding-top : 2px !important;
	padding-top: 0;
	padding-left : 20px;
        padding-right : 12px;
	height : 17px !important;
	height : 19px;

}

#nav li a:hover {
    color: #FFFFFF;
	background-color : #184A18;
	background-image : url(../images/logos/squiggle-green-19.gif);
	background-repeat : no-repeat;
/* reversing the color for hover make the button look indented */
}

/* 1st dropdown level */
/* this class controls the alignment of this level underneath the horizontal menu buttons */
#level1 {
    display: block;
    top: 14px;
	left: -10px;
    list-style: none;
}
#level1 UL {
    position: absolute;
	z-index : 10;
    overflow: visible;
	border: solid #297529;
	border-width: 1px;
    list-style: none;
}
#level1 li {
    display: block;
    margin: 0 !important;  
    margin: 0;
    padding: -0 0 !important;
/* font-size is controlled here */
    font-size: 1em;

 
	float : none !important;
        float : left;


	
	z-index : 10;
}
#level1 li A {
	display: block;
	/* dropdown menu width is controlled here */
	width: 150px;
	background: #C6D2C6;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	font-size : 10px;
	color: #184A18;
	text-align: left;
	text-decoration: none;
	/* 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: solid #297529;
	border-width: 0 1px 1px 1px;
	
}
#level1 li A:hover {
    display: block;
    background-color: #E6F2E6;
	background-image : none;
	color: #184A18;
/* needs to be set to zero to override borders from horizontal menu */

}

/* 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: 110px;
    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: #afb6d0;
    color: #333333;
}
#level2 li A:hover {
    display: block;
    background: #dadde9;
}
#level2 li#sel A {
    background-color: #afb6d0;
    color: #333333;
}
#level2 li#sel A:hover {
    background-color: #afb6d0;
    color: #ff6600;
    text-decoration: underline;
}


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