#menu {
font:0.65em arial, helvetica, sans-serif;
margin:0 auto;
}

/* nav - controls all lists and list items in top level and dropdown */
#menu ul {
list-style:none outside none;
display:inline;
margin:0;
padding:0;
}

/* all links in menu */
ul#nav a {
display:block;
white-space:nowrap;
text-decoration:none;
color:#1D3863;
background-color:#CCCED1;
border-left:1px solid #999;
padding:1px 13px 1px 7px;
}

/* nav - controls all list items */
ul#nav li {
float:left;
position:relative;
z-index:50;
}

/* nav - controls dropdown list */
ul#nav ul {
position:absolute;
z-index:700;
display:none;
width:16em;
}

/* nav - controls all list items in dropdown */
ul#nav ul li {
display:inline;
float:none;
clear:both;
}

/* highlight menus */
#pg_home ul#nav .li_home a,#pg_aboutUs ul#nav .li_aboutUs a,#pg_research ul#nav .li_research a,#pg_education ul#nav .li_education a,#pg_aboutWhales ul#nav .li_aboutWhales a,#pg_publications ul#nav .li_publications a,#pg_gallery ul#nav .li_gallery a,#pg_supportUs ul#nav .li_supportUs a,#pg_contactUs ul#nav .li_contactUs a {
color:#666;
background-color:#CCCED1;
}

/* nav - controls the individual dropdown links, but not the top level */
body #menu ul#nav ul a {
color:#1D3863;
border-bottom:1px solid #666;
border-left:none;
background-color:#CCCED1;
padding:1px 7px;
}

body #menu ul#nav li.li_aboutUs ul a {
padding-right:10px;
}

body #menu ul#nav ul a:hover {
color:#1844AD;
background-color:#E2E2E2;
}

/*nav - a frill, changes the link color when you click it*/
ul#nav a:active {
background-color:#CCC;
}

/* nav - makes the dropdown visible - .over is for IE6 in javascript */
ul#nav li:hover ul,ul#nav li.over ul {
display:block;
position:absolute;
}

/* ie only hacks*/
ul#nav ul a {
zoom:1;
padding-right:3px;
}

ul#nav li.li_home ul {
width:8em;
}

ul#nav li.li_aboutUs ul {
width:9em;
}

ul#nav li.li_gallery ul {
width:11em;
}

ul#nav li.li_supportUs ul {
width:13em;
}

ul#nav li.li_contactUs ul {
width:7em;
}