/*DROP DOWN MENU CSS FOR FUNCTIONALITY*/
.menu {clear:both; list-style:none; margin:0 0.5em; padding:0;}
.menu ul {margin:0; padding:0; width:15em;}
.menu a, .menu span {display:block; line-height:2em; padding:0 0.5em;}
.menu li {float:left; margin:0;}
     .menu ul li {float:none;}
/*NETSCAPE AND FIREFOX REQUIRE POSITION FIXED TO DISPLAY FIRST SUB MENU*/
.menu li ul {left:-999em; list-style:none; position:absolute;}
     .menu li:hover ul ul, .menu li:hover ul ul ul {left:-999em;}
     .menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul {left:auto;}
.menu ul ul {margin:-2.1em 0 0 5em;}

/* IE ONLY */
* html .menu li ul {position:absolute;}
* html .menu li.sfhover ul ul, * html .menu li.sfhover ul ul ul {left:-999em;}
* html .menu li.sfhover ul, * html .menu li li.sfhover ul, * html .menu li li li.sfhover ul {left:auto;}

/*CREATE DEFAULT STYLING SO THAT CONTENT IS USABLE*/
/*COLOUR*/
.menu * {color:black; background-color:white;}
.menu ul a, .menu ul span {background-color:silver;}
/*STYLING*/
.menu ul {border:solid black 0.1em;}

/* IE ONLY */
* html .menu ul li {width:100%; margin-bottom:-0.2em;}
* html .menu li {background-color:silver;}