/* ======================== */  
/*  CSS CODE FOR THE  DROP-DOWN MENUS IN THE HEADER */

#m-header  { 
				 margin:0px;
				 padding-left: 55px;
				 padding-top:0px;
				 list-style: none;
				 line-height: 1.5
				 }

#m-header ul { /* all lists */
				 margin:0px;
				 padding-left: 0px;
				 padding-top:0px;
				 list-style: none;
				 line-height: 1.5
				 }

#m-header a {
    		color: white;
				background: #404040;  /*  dark grey */
    		border:thin;
    		border-style:solid;
    		border-color: white;
    		margin: 0;
    		text-decoration:none;
    		text-align: center;
				display: block;
				width: 110px
				}

#m-header a:hover {
    		color: white;
				background: gray;
    		text-decoration:none;
    		text-align: center;
				display: block;
				width: 110px
				}

#m-header li { /* all list items */
				float: left;
				width: 110px /* width needed or else Opera goes nuts */
				}

#m-header li ul { /* second-level lists */
    		color: white;
				background: blue;   
				position: absolute;
				width: 110px;
				line-height: 1.2;
				left: -999px;
    		/* using left instead of display to hide menus because display: none isn't read by screen readers */
    		margin: -1px 0 0 20px
				}

#m-header li ul ul { /* third-and-above-level lists */
				margin: -10px 0 0 110px
				}

#m-header li:hover ul ul, #header li.sfhover ul ul {
				left: -999px
				}

#m-header li:hover ul, #header li li:hover ul, #header li.sfhover ul, #header li li.sfhover ul { 
				/* lists nested under hovered list items */
				left: auto
				} 

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