/* Vertical Pop-Out Menu */
#menu{
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	width: 210px;
	padding-bottom: 20px; /* To allow room for bottom dropdown */
	text-align: left;
}

#menu a, #menu FORM{
	font: normal 11px arial,helvetica,sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFCC #888 #555 #bbb;
	white-space: nowrap;
	margin: 0;
	padding: 3px 5px 3px 10px;
	text-align: left;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#menu h2{
	color: #000;
	background: #fff;
	text-transform: uppercase;
	font: normal bold 12px/16px Arial, Helvetica, sans-serif;
	background-image: url(graphics/bg_menu_box_top.png);
	padding: 5px 10px;
	margin: 0;
}

#menu a, #menu FORM{
	color: #000;
	background: #ffffdd;
	text-decoration: none;
}

#menu a:hover{
	color: #000;
	background: #fff993;
}

#menu a:active{
color:#000;
background:#ffffdd;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

#menu li, #menu li:hover{
position:relative;
}

#menu li ul{
position:absolute;
top:0;
left:100%;
display:none;
margin:0;
}

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

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

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:#eee url(graphics/triangle_expand.gif) no-repeat bottom right;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}
/* Hortizontal Top Menu */

#hnav { width:100%; margin:0; padding:0;}
#hnav ul { margin:0; list-style:none; padding: 17px 20px 0 20px;}
#hnav a.other, #hnav strong.other, #hnav span {
	float: left;
	display: inline;
	height: 14px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	letter-spacing: -1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: White;
}
#hnav a.first, #hnav strong.first {
	float: left;
	display: inline;
	height: 14px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	letter-spacing: -1px;
border:none;
}

#hnav a { float:none; }
#hnav li { display:inline;height:20px;float:left; color: #FFF;  margin:0; padding-left:0px; padding-right:0; padding-top:0; padding-bottom:0 }
#hnav #current { background: #f0f0f0 url('graphics/nav.png') no-repeat 0 -82px; color: #FFF }
#hnav #current a { background: #f0f0f0 url('graphics/nav.png') no-repeat 100% -82px; color:#333; padding-left:11px; padding-right:20px; padding-top:7px; padding-bottom:4px }
#hnav a:hover { color:#fff993;}   
#hnav .current_page_item { background: #f0f0f0 url('graphics/nav.png') no-repeat 0 -52px; color: #FFF }
#hnav .current_page_item a, #hnav .current_page_item a:hover { background: #f0f0f0 url('graphics/nav.png') no-repeat 100% -52px; color:#333; padding-left:11px; padding-right:20px; padding-top:7px; padding-bottom:4px }