@CHARSET "UTF-8";

/* Begin CSS Popout Menu */

#menu  { font-size:small; padding-top:10px;  }

#menu a
 { 	text-align: center; display:block;
 	white-space:nowrap; margin:0; padding: 0.2em; }

#menu a, #menu a:visited /* menu at rest */
 { color: #FFFFFF; font-size:small;
   text-decoration:none; }

#menu a:hover /* menu at mouse-over */
 {
 
 }

#menu ul
 { list-style:none; padding:0; padding-top:5px; margin-left:0px; margin-top:0; margin-bottom:0; z-index:-1;   }

#menu ul li { display:block; float:left; text-align:center; height:26px;
			  padding-top:10px; padding-left:5px; padding-right:5px; margin-right:-2px;
			  min-height: 1px; /* Sophie Dennis contribution for IE7 */
 			  vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
 			  background:url(/media/new-tabs.gif) right top; width:128px; }
 		
#menu ul li:hover, #menu ul li.active { background:url(/media/new-tabs.gif) top left no-repeat;  }
#menu ul li:hover a { color:#FFFFFF; } 

#menu ul ul 
{ position:absolute;
  z-index:500;
  top:auto;
  display:none;
  padding-top:0; padding-bottom:.2em;
  margin:1em 0 0 -1em;  }	
 
#menu ul ul li { margin-top:-5px; margin-bottom:0px; height:20px; margin-right:7px;
				 float:left; width:auto; background:#4b0a83; padding-top:10px;  } 
				 
#menu ul ul li:hover { background:#4b0a83; }

				 
#menu ul ul li a, #menu ul ul li a:visited { color:#FFFFFF; }
#menu ul ul li a:hover { color:#f7941d;  }

div#menu li:hover {
 cursor:pointer;
 z-index:100; }

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End CSS Popout Menu */