#navcontainer 
{
clear:both;
}


#navlist
{
position: relative;
width: 100%;
height: 1.30em;
/* height: 1.05em; */
margin: 0;
padding: 0;
/* border-bottom: 4px solid #FF0000; /* changed from 3 to 4px for Safari */ */
/* border-bottom: 3px solid #f63; */
white-space: nowrap;
}

.nav-home
{
border-bottom: 4px solid #FF0000; /* changed from 3 to 4px for Safari */
}

.nav-what
{
border-bottom: 4px solid #4573B3; /* changed from 3 to 4px for Safari */
}

.nav-where
{
border-bottom: 4px solid #66BB50; /* changed from 3 to 4px for Safari */
}

.nav-how
{
border-bottom: 4px solid #FF8000; /* changed from 3 to 4px for Safari */
}

.nav-pr
{
border-bottom: 4px solid #9E49A1; /* changed from 3 to 4px for Safari */
}

#navlist li
{
float: left;
margin: 0 0 0 2px;
border-width: 1px 1px 0 1px;
/* border-width: 1px 1px 0 1px; */
border-style: solid;
border-color: #aaa #555 #f63 #999;
list-style-type: none;
}

#navlist li a
{
position: relative;
width: 6em;
display: block;
margin: 0;
padding: 1px 0.4em;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #ccc;
/* background-color: #eee; /* added */ */
color: #666;
font: normal 0.85em/125% sans-serif;
/* font: normal 0.7em/120% sans-serif; */
text-align: center;
text-decoration: none;
}

#navlist li a:hover
{
color: #00c;
text-decoration: underline;
}

#navlist li#active a
{
font-weight: bold;
/* background-color: #FF0000; */
color: #fff; /* text color */
border-color: #f96 #c30 #f63 #f96;
}

#navlist li#active a:hover { color: #fff; }

#navlist li#home a
{
background-color: #FF0000;
color: #fff; /* text color */
border-color: #aaa #555 #f63 #999;
}

#navlist li#what a
{
background-color: #4573B3;
color: #fff; /* text color */
border-color: #aaa #555 #f63 #999;
}

#navlist li#where a
{
background-color: #66BB50;
color: #fff; /* text color */
border-color: #aaa #555 #f63 #999;
}

#navlist li#how a
{
background-color: #FF8000;
color: #fff; /* text color */
border-color: #aaa #555 #f63 #999;
}

#navlist li#pr a
{
background-color: #9E49A1;
color: #fff; /* text color */
border-color: #aaa #555 #f63 #999;
}

/* -------------------------------------------------------------------------
Rules for sub menus
---------------------------------------------------------------------------- */
#navlist ul#subnavlist
{
position: absolute;
width: 100%;
left: 0;
top: 1.40em;
height: 1.35em;
/* height: 0.75em; */
margin: 0;
padding: 0;
/* border-bottom: 3px solid #FF0000; */
/* background-color: #FF0000; /* added */ */
white-space: nowrap;
}

.subnav-home
{
background-color: #FF0000;
}

.subnav-what
{
background-color: #4573B3;
}

.subnav-where
{
background-color: #66BB50;
}

.subnav-how
{
background-color: #FF8000;
}

.subnav-pr
{
background-color: #9E49A1;
}


#navlist ul#subnavlist li
{
/* width: 16ex; */
margin: 0;
border: 0;
}

#navlist ul#subnavlist li a
{
width: auto;
padding: 0.06em 1em 0;
border: 0;
/* background-color: #fff; */
color: #fff; /* changed to white = fff */
font: normal normal 0.8em/120% sans-serif;
/* font: normal normal 0.66em/110% sans-serif; */
}

#navlist ul#subnavlist li a:hover
{
/* color: #00c; */
text-decoration: underline;
font-weight: 400;
/* IE5/Mac disappearing item fix */
}

#navlist ul#subnavlist li#subactive a
{
/* text-decoration: underline; /* added */ */
/* background-color: #fc9; */
color: #fff; /* text color */
font-weight: bold; /* added */
}

* html > body #navlist, * html > body #navlist ul#subnavlist
{
width: 700px;
/* width: 600px; */
/* IE5/Mac fixed width fix */
}