div.navbar {
 position:relative;
 z-index:20;
 display:inline;
 float:left;
 width:80%;
 margin-left:0;
 padding-top:3px;
 }

div.navbar ul {
 display:inline;
 float:left;
 list-style-type:none;
 text-align:left;
 margin-left:0;
 margin-top:0;
 margin-bottom:0;
 padding-right:20px;
 }
div.navbar ul li {padding-bottom:3px;}

div.navbar span.directionlink {
 float:left;
 vertical-align:top;
 padding-bottom:3px;
 }
div.navbar span.directionlink a {text-decoration:none;}

div.navbar span.rightside {text-align:right;}

/* Navigation bar styles */

div.navbar a {
 white-space:nowrap;
 }

#noJavaScriptMenu {
 display:inline;
 width:25em;
 }

#menuTitle {
 display:none;
 list-style-type:none;
 margin:0;
 padding:0;
 text-align:center;
 font-variant:small-caps;
 height:2em;
 font-size:0.8em;
 }
#menuTitle li,a {
 width:4em; /* want these to always be the same */
 }
#menuTitle li {
 list-style-type:none;
 float:left;
 line-height:1em;
 }
#menuTitle a {
 text-decoration:none;
 color:#000;
 display:block;
 padding:0.25em 0 0.25em 0;
 margin:1px;
 float:left; /* For IE5/Mac */
 }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuTitle a {float: none;}            /* End IE5-Mac hack */
#menuTitle a:hover {
 background:#ffffd1;
 border:1px solid #ffff49;
 margin:0;
 }

#javaScriptMenu {
 display:none;
 position:absolute;
 list-tyle-type:none;
 margin:0;
 padding:0;
 background-color:#ffffd1;
 border:1px solid #ffff49;
 font-size:0.8em;
 }
#javaScriptMenu li {
 list-style-type:none;
 line-height:1.2em;
 }
#javaScriptMenu a {
 text-decoration:none;
 color:#000;
 padding:0 0 0 .25em;
 }
#javaScriptMenu a:hover {
 background:#ffff49;
 }

#javaScriptMenu a.currentpage {
 color:#888;
 }

#javaScriptMenu a.currentpage:hover {
 background-color:#ffffd1;
 }