/* Begin CSS Popout Menu */

#menu{width:100%;
float:left;
z-index:100;}

#menu a {font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
display:block;
border-width:0px;
white-space:nowrap;
margin:0;
padding-top: 7px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 9px;}

* html #menu a { padding-bottom: 5px;}

#menu a{background:#E9E8E8;
text-decoration:none;}

#menu a, #menu a:visited{color:#ADADAD;}

#menu a:hover{color:#ffffff;
background:#850303;}

#menu ul{list-style:none;
margin:0;
padding:0;
float:left;}

#menu ul.t1 { width: 75px;}
#menu ul.t2 { width: 108px;}
#menu ul.t3 { width: 108px;}
#menu ul.t4 { width: 96px;}
#menu ul.t5 { width: 130px;}

#menu li { height: 30px;}

#menu li{position:relative;}

#menu ul ul{position:absolute;
z-index:500;
top:auto;
display:none;}

#menu ul ul ul{top:0;
left:100%;}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

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 of non-anchor hover selectors */


/* Styling for Expand */

#menu .l1, #menu .l2, #menu .l3, #menu .l4 {border-right: 1px solid #ffffff;}

#menu .l1 {border-left: 1px solid #ffffff;}

#menu .l2 {}
	
#menu .s1, #menu .s2, #menu .s3 { border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;}
	
#menu .s3 { border-bottom: 1px solid #ffffff;}

#menu a.x, #menu a.x:visited{ border-bottom: 1px solid #ffffff;}
	
/* End CSS Popout Menu */