/* HEADERNAV transforms an unordered list into horizontal navigation tabs. */
div#headernav { 
   height: 20px; 
   width: 465px;
   text-align: center;
   background-color: #9ba8b9;
   border: 0px; 
}
div#headernav ul#header_menu { 
   padding: 0; 
   margin: 0; 
   list-style-type: none; 
   text-align: center; 
}
div#headernav ul#header_menu li { 
   display: block; 
   float: left; 
   text-align: center; 
}
div#headernav ul#header_menu li a { 
   color: #ffffff; 
   background: #9ba8b9; 
   font-size: 12px; 
   display: block; 
   height: 18px; 
   width: 75px;
   font-weight: normal; 
   border: 1px black solid;
}
div#headernav ul#header_menu li a:hover { 
   color: #006699;
   background: #eeeeee;
   text-decoration: none; 
   border: 1px black solid;
}
div#headernav ul#header_menu li a.selected { 
   background: #ffffff; 
   color: #006699;
   border-top: 1px black solid;
   border-left: 1px black solid;
   border-right: 1px black solid;
   border-bottom: 1px white solid;
}
div#headernav ul#header_menu li a.selected:hover { 
   background: #eeeeee; 
   color: #006699;
   border: 1px black solid; 
}
div#headernav_parents { 
   display: block; 
   float: left; 
   margin-left: 100px; 
   margin-right: 20px; 
   font-size: 1em; 
   color: white; 
}
div#headernav_parents a { color: white; }
/* end HEADERNAV */

/* SIDENAV class formats unordered lists as left column navigation  */
/* Set properties of level 1 - sidenav headings */
ul.sidenav {
   list-style-type: none;
   color: #ffffff;   /* font color of sidenav headings */
   font-weight: bold;
   background-color: #9ba8b9;  /* background color of sidenav headings */
   text-indent: 0.2em;
   padding: 0px;
   margin:0px;
   width: 100%;
   text-align: left;
}
/* Code for Opera browser */
html>body ul.rollmenu {width: 100%}
ul.sidenav li {
   font-size: 12px;
   width: 100%
   display: block;
   line-height: 20px;   /* space between lines */
   border: 1px black solid;
}
ul.sidenav ul {
   list-style-type: none;
   font-weight: normal;
   color: black;
   padding: 0;
   margin: 0;
   text-indent: 0.2em;
   background-color: #ffffff;
}
/* Set properties of level 3 */
ul.sidenav ul ul {
   list-style-type: none;
   font-weight: normal;
   color: black; /* font color of sidenav links */
   padding: 0;
   margin: 0;
   text-indent: 2em;
}
/* Set properties of level 4 */
ul.sidenav ul ul ul {
   list-style-type: none;
   font-weight: normal;
   color: black; /* font color of sidenav links */
   padding: 0;
   margin: 0;
   text-indent: 3em;
}
/* Links */
ul.sidenav a {
   text-decoration: none;
   display: block;
   /*
   border-left: 1px solid #9ba8b9;
   border-right: 1px solid #9ba8b9;
   border-bottom: 1px solid #9ba8b9;
   */
   background-color: #9ba8b9;
   color: ffffff;
}
/* Code for Opera browser */
html>body ul.sidenav a {width: auto}
ul.sidenav a:hover {
   background-color: #eeeeee;
   text-decoration: none;
   color: #006699;
}
ul.sidenav.hilite {
   background-color: #eeeeee;
   text-decoration: none;
   color: #006699;
}
/* end sidenav code */
.hilite {
   background-color: #ffffff;
   text-decoration: none;
   color: #006699;
}