/* Utility Links Menu */

#utility ul {list-style:none; margin:0; padding:0;}
#utility ul li {float:left; margin:0 5px;}

/* Begin CSS Popout Menu */

#menu {
width:790px;
height:28px;
margin:5px 0px 20px 0px;
}

/* --- menubuttons level 1, here you define the length of each button --- */
#menu ul.menuone {width:95px;}
#menu ul.menutwo {width: 105px;}
#menu ul.menuthree {width: 105px;}
#menu ul.menufour {width: 105px;}
#menu ul.menufive {width: 105px;}
#menu ul.menusix {width: 138px;}
#menu ul.menuseven {width: 137px;}

#menu ul li a, #menu ul li a:visited, #menu h2 {
font-size:11px;
display:block;
margin:0;
height:28px;
text-align:center;
text-decoration:none;
color:#fff;
padding:6px 0 9px 0;
font-weight:bold !important;
}

#menu ul li a:hover {
text-decoration:underline;
}

#menu h2 {
	padding-top:6px;
	font-weight:bold !important;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
height:28px;
background:url(images/build/navbg.jpg) repeat-x;
}

#menu ul li{
position:relative;
font-weight:bold;
}

#menu ul ul{
position:absolute;
z-index:500;
top:28px;
display:none;
background:#eee;
}

#menu ul.menutwo ul {width:105px;}
#menu ul.menuthree ul {width:132px;}
#menu ul.menufour ul {width:165px;}
#menu ul.menufive ul {width:105px;}
#menu ul.menusix ul {width:138px;}
#menu ul.menuseven ul {width:137px;}

#menu ul ul li {
	text-align:left;
	height:20px;
	background:#fff;
	border-left:1px solid #bec1d2;
	border-right:1px solid #bec1d2;
	border-bottom:1px solid #bec1d2;
	display:block;
}

#menu ul ul li a, #menu ul ul li a:visited{
color:#000;
text-align:left;
text-decoration:none;
height:20px;
display:block;
padding:3px 0px 0px 3px;
}

#menu ul ul li a:hover{
color:#a00;
/*background:#ddd;*/
display:block;
}

#menu ul ul li a:active{
color:#060;
/*background:#ccc;*/
display:block;
}

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

/* 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 h2:hover{
text-decoration:underline;
}

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 a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */

/* footer links */

ul#footer-links {list-style:none; margin:0; padding:0;}

#footer-links li {float:left; margin:0px 5px;}

#footer-links li a:link, #footer-links li a:visited {
	color:#ffffff;
	text-decoration:none;
}

#footer-links li a:hover {
	text-decoration:underline;
	color:#ffffff;
}