﻿/*	Start Menu */

#menu {
	width: 770px;
	float: left;
	background-image: url('images/menu.jpg');
	background-repeat: repeat-x;
	background-color: #90AA63;
	margin: 8px 0;
	height: 24px;
	border: 1px solid #030;
}

#menu ul.first {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#menu ul {
	width: 90px;
}

#menu ul.first {
	margin-left: 7px;
}

#menu ul.med {
	width: 90px;
}

#menu ul.large {
	width: 130px;
	text-align: center;
}

#menu ul.home {
	margin-left: 7px;
	width: 60px;
	/*text-align: center;*/
}

#menu ul.annc {
	width: 120px;
	text-align: center;
}

#menu ul.cat {
	width: 80px;
	text-align: center;
}

#menu ul.feat {
	width: 120px;
	text-align: center;
}

#menu ul.iso {
	width: 100px;
	text-align: center;
}

#menu ul.maillist {
	width: 120px;
	text-align: center;
}

#menu ul.links {
	width: 60px;
	text-align: center;
}

#menu ul.contact {
	width: 80px;
	text-align: center;
}

#menu ul li li.xlarge {
	width: 155px;
	height: 30px;
	border: 1px solid #030;
	background-color: #E7E7CD;
}

#menu h2 {
		margin: 0;
		padding: 5px 0px 8px 0px;
		display: block;
		font-weight: bold;
		font-size: 11px;
		text-align: center;
		text-decoration: none;
		background-color: transparent;
		color: #030;
}
#menu a {
		margin: 0;
		padding: 5px 0px 8px 0px;
		display: block;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
		background-color: transparent;
		color: #030;
}

#menu a:hover {
	background-image: url('images/menu-hoover.jpg');
	background-repeat: repeat;
	background-color: transparent; color:#600;
}

#menu ul li { width:100%; float:left; }

#menu ul ul li {
	float:left;
	clear:left;
	background-image: url('images/menu-hoover.jpg');
	background-repeat: repeat-x;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
left:0px;
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 h2:hover{
	background-image: url('images/menu-hoover.jpg');
	background-repeat: repeat;
	background-color: transparent; color:#600;
}

div#menu li:hover{
	cursor:pointer;
	z-index:100;
}

div#menu li li li li:hover ul ul
{display:none;}

div#menu li li li:hover ul ul
{display:none;}

div#menu li li:hover ul ul
{display:none;}

div#menu li:hover ul ul
{display:none;}

div#menu li li li li:hover ul
{display:block;}

div#menu li li li:hover ul
{display:block;}

div#menu li li:hover ul
{display:block;}

div#menu li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* End Menu */ 
