/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */


/* Begin CSS Popout Menu */

#menu {
	width: 100%;
	border-top: 1px solid #001144;
	border-bottom: 1px solid #001144;
}

#menu a {
	font: normal 13px arial,helvetica,sans-serif;
	line-height: 15px;
	display: block;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	margin: 0px;
	padding: 5px 3px 5px 3px;
}

#menu a.category {
	white-space: nowrap;
	font: normal 65%/185% arial,helvetica,sans-serif;
	background: #003366 url(../images/menu-back.jpg) repeat;
	color: #ffffff;
	padding: 2px;
	text-align: center;
}

#menu a: h2 {
	font: bold 75%/200% arial,helvetica,sans-serif;
	display: block;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	white-space: nowrap;
	margin: 0px;
	padding: 0px 5px;
}

#menu a: h2 {
	color: #ffffff;
}

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

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

#menu a:visited.category {
	color: #ffffff;
}

#menu a:hover.category {
	background-color: #6699cc;
	color: #a3dcef;
}

#menu a:hover {
	color: #a3dcef;
	background-color: #6699cc;
}

#menu a:active {
	color: #000000;
	background-color: #6699cc;
}

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

#menu li {
	position: relative;
}

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

#menu ul ul a, #menu ul ul a:visited {
	background-color: #115588;
	color: #ffffff;
}

#menu ul ul a:hover {
	color: #000000;
	background-color: #6699cc;
}

#menu ul ul ul {
	top: 0px;
	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 h2:hover {
	background: #000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

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: normal;
	color: #000000;
	background: #eeeeee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover {
	color: #ffffff;
	background: #000000;
}

#menu a.x:active {
	color: #060000;
	background: #cccccc;
}


/* End CSS Popout Menu */


/* Begin Content Area - Not Part of CSS Popout Menu */