@CHARSET "ISO-8859-1";
/* This is the CSS for the main horizontal navigation bar at the top of each page */
ul#nav-primary {
    position: absolute;
    bottom: 0px;
    left: 5px;
    height: 26px;
    width: 900px;
    list-style: none;
    margin: 0px;
    z-index: +8;
}
ul#nav-primary li {
    float: left;
    display: inline;  /* Magic declaration to make it work in IE6.  ALWAYS PUT THIS IN FLOATED ITEMS! */
    margin: 0px;
}
ul#nav-primary a {
    color: white;
    text-decoration: none;
    display: block;
    padding: 0px 10px 0px 10px;
    float: left;
    margin: 0px;
    line-height: 26px;
    border: 0px;
}
ul#nav-primary a.here {
    color: #000000;
    font-weight: bold;
}
ul#nav-primary li:hover a,
ul#nav-primary li.hover a {
    color: #303030;
    background: #eeeeee;
    border: 0px;
}
ul#nav-primary li:hover a:hover,
ul#nav-primary li.hover a:hover {
    background: #dddddd url(../img/nav_bar_hover.jpg) top left;
}
ul#nav-primary ul {
    position: absolute;
    top: 28px;
    background: #eeeeee;
    list-style: none;
    display: none;
}
ul#nav-primary li:hover ul,
ul#nav-primary li.hover ul {
    display: block;
}
ul#nav-primary li:hover ul a,
ul#nav-primary li.hover ul a {
    color: #303030;
    padding: 0px 10px 0px 10px;
    display: block;
    background: #eeeeee url(../img/nav_bar_hover2.jpg) top left;
    border: 3px #233053 solid;
}
ul#nav-primary ul {
	font-size: 0.8em;
}
#nav-primary li:hover ul a:hover,
#nav-primary li.hover ul a:hover {
    border-bottom: 1px #b0b0b0 solid;
    background: #dddddd;
    color: #303030;
    border-left: none;
    border-right: none;
    border-top: none;
    line-height: 0.5em;
}