ul#nav {
position: relative;
padding-left: 5px;
list-style: none;
float: left;
background: #ddd url(../stat/navigation-cheat.gif) repeat-x 0 -3px;
border-bottom: 1px solid #fff;
height: 52px;
width: 815px;
}

ul#nav li { /* Just for Opera */
display: inline;
}
ul#nav li a {
font: 12px/14px Arial, Helvetica, sans-serif;
color: #fff;
float: left;
display: inline;
padding: 7px 12px 5px 12px;
background: url(../stat/navigation.gif) no-repeat;
width: auto; /* Keeps IE sweet */
}
ul#nav li.home a {background-position: 0 0;}
ul#nav li.meetings a {background-position: -58px 0;}
ul#nav li.reports a {background-position: -132px 0;}
ul#nav li.about a {background-position: -199px 0;}
ul#nav li.bulletin a {background-position: -272px 0;}
ul#nav li.events a {background-position: -361px 0;}
ul#nav li.practice a {background-position: -506px 0;}
ul#nav li.forum a {background-position: -609px 0;}
ul#nav li.links a {background-position: -670px 0;}
ul#nav li.members a {background-position: -724px 0;}


ul#nav li a:hover, ul#nav li.hover a {
background-color: #888;
}
ul#nav li a:hover {
color: #fff;
}

ul#nav li.lastLink a {
border-right: 1px solid #466993;
}
/*  END THE TRIGGER BUTTONS */





/*  START THE DROPDOWNS */
ul li ul {
display: none;
position: absolute;
margin: 0;
top: 26px;
_width: 788px; /* IE Needs this width or it collapses??? */

border: 1px solid #fff;
border-width: 0;
}

ul li ul#navSubAbout {
left: 0;
background-color: #FDBB3E;
padding-left: 80px;
width: 740px;
}
ul li ul#navSubEvents {
left: 0;
background-color: #6ABD51;
padding-left: 130px;
width: 690px;
}


/* SUB MENU */

ul#nav li ul li {
list-style: none;
}



/* ================================= */
ul#nav li.about ul li a {
display: block;
background: #FDBB3E; 
}

ul#nav li.events ul li a {
display: block;
background: #6ABD51; 
}

ul#nav li.about ul li a:hover {
background: #FDBB3E; /* lower */
color: #165189;
}

ul#nav li.events ul li a:hover {
background: #6ABD51; /* lower */
}
/* ================================= */




li:hover ul, li.js_Helper ul {
display: block;
} /* Call to Javascript file to help IE */



/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; display: inline; height: 1%; }
* html ul li a { height: 1%; width: 100%; }
/* End */