/* ================================================================ 
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.
=================================================================== */
 /* common styling */

 /* Set up the default font and ovrall size to include image */
#masthead {
background-image: url(../Images/masthead.gif);
background-repeat: no-repeat;
width:909px;
height: 91px;
padding:0 0 10px 0;
}
#content {
height:100%;
margin: 0 0 0 0;
padding:0 0 0 0;
}

.menu {
font-family:verdana, sans-serif;
font-size:11px;
font-weight:normal;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
list-style-image: none;
font-size:11px;
font-weight:normal;
z-index: 990;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
list-style-image: none;
padding:0; 
margin:0;
font-size:11px;
font-weight:normal;
z-index: 980;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
list-style-image: none;
color:#000; 
width:182px;  
border-bottom:0;
padding:0; 
margin:0;
}

/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */

/* 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:#000; 
border-bottom:0;
}
/* 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:28px;
left:0; 
width:182px;
}
/* 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); 
color:#000; 
border:0;
margin:0;
color:#fff;
font-weight:normal; 
padding:2px 0 2px 8px;
width:173px;
border-top:1px solid #fff;
}
/* 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:#A3D0E5; 
color:#004D6E;
}
