/* "Horizontal css Menu with Tab High-lite" by Parker Torrence http://unfolded.net modified from code found at "Accessify" http://accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp */
/* created for use by members of the PWA http://thepwa.net October 2004 */
#navcontainer
{
margin: 0 0 0 0;
padding: 0;
height: 0;
}
#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
#navcontainer ul li
{
display: block;
float: left;
text-align: left;
padding: 0;
margin: 0;
text-decoration: none;
}
#navcontainer ul li a
{
/* background: #008; */
background: #00a5c6;
width: 130px;
height: 18px;
border-top: 1px solid #654;
border-left: 1px solid #654;
border-bottom: 1px solid #654;
border-right: none;
padding: 0;
margin: 0 0 1px 1px;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
#navcontainer ul li a:hover
{
color: #610;
background: #c6eff7;
}
#navcontainer a:active
{
background: #c60;
color: #fff;
}
#navcontainer li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}
body#pgfive #navcontainer ul li.pgfive a 
{
 background-color:#008;
 color: #fff;
}
#navcontainer ul li.pgfive a
{
border-right: 1px solid #654;
}
body#pgfive #navcontainer ul li a:hover
{
color: #000;
background: #c6eff7;
}
body#pgfive #navcontainer ul li a:active
{
color: #000;
background: #ff0;
}
/* exploded vertical menu items */
#nav2list
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 18em;
font: normal 0.8em Verdana, sans-serif;
}
#nav2list li
{
list-style: none;
margin: 0;
font-size: 1em;
width: 18em;
}
#nav2list a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}
#nav2list a#current { border-color: #5bd #035 #068 #f30; }
#nav2list a
{
width: 99%;
/* only necessary for Internet Explorer */
}
#nav2list a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 16em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}
#nav2container>#nav2list a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}
#nav2list a:hover, #nav2list a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}
#nav2list a:active, #nav2list a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}
#nav3list
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 18em;
font: normal 0.8em Verdana, sans-serif;
}
#nav3list li
{
list-style: none;
margin: 0;
font-size: 1em;
width: 18em;
}
#nav3list a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#nav3list a#current { border-color: #5bd #035 #068 #f30; }

#nav3list a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#nav3list a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 16em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#nav3container>#nav3list a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#nav3list a:hover, #nav3list a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#nav3list a:active, #nav3list a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}

/* bottom level vertical menu item selection */
#nav4list
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 18em;
font: normal 0.8em Verdana, sans-serif;
}

#nav4list li
{
list-style: none;
margin: 0;
font-size: 1em;
width: 18em;
}

#nav4list a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#nav4list a#current { border-color: #5bd #035 #068 #f30; }

#nav4list a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#nav4list a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 16em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#nav4container>#nav4list a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#nav4list a:hover, #nav4list a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#nav4list a:active, #nav4list a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}

li.inline {
  text-decoration: none;
  display: block;
  padding-left: 3px;
  padding-right: 7px;
  border-right: 1px dotted #066;
  }
li.last {
  text-decoration: none;
  display: block;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 0px;
  }
img.spacer{height:0;position:relative;top:0;left:0}
td.spacer{background:#17a}