/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* Set up the default font and overall size to include image */
.menu {
width:794px;
height:195px;
background:#fff url(../images/header.jpg) 0 bottom no-repeat;
position:relative; 
margin:0;
clear:both;
}
/* get rid of the default padding - margin and bullets */
.menu ul.top {
padding:0;
margin:0;
list-style-type: none;
width:100%;
border-bottom:2px solid #FFF;
background:#85B4AE;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
text-align:center;
width:114px; 
height:23px;
color:#FFF;
background:#85B4AE;
padding-top:6px;
padding-bottom:1px;
border-bottom:3px solid #FFF;
line-height:1.5em;
font-size:1em;
margin-right:0px;
}
.menu ul li#home, 
.menu ul li#home a, .menu ul li#home a:visited	{
	width:90px;
}
.menu ul li#about,
.menu ul li#about a, .menu ul li#about a:visited {
	width:113px;
}
.menu ul li#support-you,
.menu ul li#support-you a, .menu ul li#support-you a:visited	{
	width:151px;
}
.menu ul li#support-us,
.menu ul li#support-us a, .menu ul li#support-us a:visited {
	width:142px;
}
.menu ul li#news,
.menu ul li#news a, .menu ul li#news a:visited	{
	width:97px;
}
.menu ul li#links,
.menu ul li#links a, .menu ul li#links a:visited	{
	width:85px;
}
.menu ul li#contact,
.menu ul li#contact a, .menu ul li#contact a:visited	{
	width:116px;
}


/* hide the drop down menu */
.menu ul li a ul,
.menu ul li ul {
	display: none;
}

/* remove all table style so that it does not interfere with the menu */
.menu table {
	margin:-1px; 
	border-collapse:collapse;
	font-size:1em;
}
/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
	color:#669d9c;
	background:#E0ECEA;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
	display:block; 
	position:absolute; 
	top:19px;
	margin-top:11px;
	left:0; 
	width:110px;
	border:none;
	background:transparent;
}

/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:transparent url('../images/opaque.png'); 
border:0;
margin:0;
color:#477c7f;
font-size:1em;
text-align:left;
height:auto; 
line-height:1.3em; 
padding:5px 5px 5px 25px; 
width:80px
}
.menu ul li#home:hover ul li a,
.menu ul li#home a:hover ul li a
{
	width:75px;
}
.menu ul li#about:hover ul li a,
.menu ul li#about a:hover ul li a
{
	width:83px;
}
.menu ul li#support-you:hover ul li a,
.menu ul li#support-you a:hover ul li a	{
	width:121px;
}
.menu ul li#support-us:hover ul li a,
.menu ul li#support-us a:hover ul li a
 {
	width:112px;
}
.menu ul li#news:hover ul li a,
.menu ul li#news a:hover ul li a
{
	width:67px;
}
.menu ul li#links:hover ul li a,
.menu ul li#links a:hover ul li a
{
	width:55px;
}
.menu ul li#contact:hover ul li a,
.menu ul li#contact a:hover ul li a
{
	width:86px;
}

/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
	background:#85B4AE; 
	color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
	background:transparent filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.8;
	margin-top:11px; /* for IE6 */
}