/*****************************************************************************
 * Menu originally by Marco van Hylckama Vlieg         (http://www.i-marco.nl)
 * Accordion menu powered by jQuery.  There is a jQuery script (menu.jss) that
 * drives the menu: changing class names in this stylesheet will very probably
 * stop the menu from working.
 *****************************************************************************/
/* The body tag below is used for development and testing only ---------------- */
/* body {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.9em;} */
#menu {
	position: absolute;
	top: 168px;
	left: 21px;
	z-index: 3;
}
.menu {
	font-size: 0.8em;
}
.menu .menu {
	font-size: 1em;
}
ul.menu,
ul.menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 161px;
	background: #f0f0f0;
}
ul.menu {
	border: 1px solid #d8d8d8;
	border-top: none;
}
ul.menu ul {
	border: 0;
}
ul.menu li {
	border-top: 1px solid #d8d8d8;
}
/****************************************************************************
 * Basic styles for link elements (these are actually the menu options)
 ****************************************************************************/
ul.menu a {
	display: block;
	text-decoration: none;
	color: #000;
}
ul.menu li a {
	/*padding: 5px 13px;*/
	padding: 5px 0px 5px 13px;
}
ul.menu li.menuheader ul li a,
ul.menu ul.menu li.menuheader ul li a {
	background: #fff;
	padding-left: 20px;
}
ul.menu ul.menu li.menuheader ul li a {
	padding-left: 32px;
}
/****************************************************************************
 * Background for menu headers (items that include sub-menus)
 ****************************************************************************/
ul.menu li.menuheader a {
	background: #f0f0f0 url('/image/icon-menu-shut.gif') no-repeat 0px 6px;
}
ul.menu ul.menu li.menuheader a {
	background: #fff url('/image/icon-menu-shut.gif') no-repeat 8px 6px;
}
/****************************************************************************
 * Active links (i.e. open menus)
 ****************************************************************************/
ul.menu li.menuheader a.active {
	background: #f0f0f0 url('/image/icon-menu-open.gif') no-repeat -1px 6px;
}
ul.menu li.menuheader ul.menu li a.active,
ul.menu li.menuheader ul.menu li.menuheader ul li a.active {
	background: #fff;
	color: #d71920;
}
ul.menu li.menuheader ul.menu li.menuheader a.active {
	color: #000;
	background: #fff url('/image/icon-menu-open.gif') no-repeat 6px 6px;
}
/****************************************************************************
 * Hover colours and backgrounds
 ****************************************************************************/
ul.menu a:hover,
ul.menu a.active:hover {
	color: white;
}
ul.menu li.menuheader ul.menu li a:hover,
ul.menu li.menuheader ul.menu li.menuheader ul li a:hover,
ul.menu li.menuheader ul.menu li.menuheader ul li a.active:hover {
	color: #fff;
	background: #d71920;
}
ul.menu li.menuheader a:hover {
	background: #d71920 url('/image/icon-menu-shut.gif') no-repeat 0px 6px;
}
ul.menu li.menuheader a.active:hover {
	background: #d71920 url('/image/icon-menu-open.gif') no-repeat -1px 6px;
}
ul.menu li.menuheader ul.menu li.menuheader a:hover {
	background: #d71920 url('/image/icon-menu-shut.gif') no-repeat 8px 6px;
}
ul.menu li.menuheader ul.menu li.menuheader a.active:hover {
	color: #fff;
	background: #d71920 url('/image/icon-menu-open.gif') no-repeat 6px 6px;
}