/* tpprc-nav-main.css
 * This is the navigation stylesheet for the tpprc website.
 *   -> This is loaded *after* the main stylesheet:
 *        it only contains *differences*.
 * It is set for the css standards as default.
 *  Other stylesheets (for msie, mac, etc., are loaded 
 *  *after* this stylesheet.
 * NOTES:
 * Classes may contain only the characters A-Z, a-z, 0-9, hyphens,
 *   and Unicode 161-255. 
 * HISTORY:
 *  14 jul 2007 jw - separated from main site stylesheet.
 *  14 jun 2007 jw - dropdowns tentatively fixed.
 *  08 jun 2007 jw - trouble with dropdowns.
 */

/* { *** TOP NAVIGATION only *** */
/*  These styles are for the top naviga
tion bar
    They do two things:
    1. make the design of the main nav and the drop-downs.
    2. set "you are here" link according to combination
        of body tag id and link id.
*/
/* { top navigation bar */
div#topnavWrapper {
  font-size:10px; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFCC99;
  width: 800px;
  margin: 0px;
  padding: 0PX;

}
div#topnavWrapper ul {
  list-style-type: none;
  width: 90%;
  margin: auto;
}

/* special for meta-sections */
div#topnavWrapper ul#nav-top li a#link-home, 
div#topnavWrapper ul#nav-top li a#link-ctct {
  text-transform: capitalize;
}
div#topnavWrapper ul#nav-top li a {
  /*color:    #ffffff;*/
  color:#FFFFFF;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
}
div#topnavWrapper ul#nav-top li a:hover {
  color:#990000;
  background:#ffffff;
  text-decoration:none;
}


/* { the first level of top navigation */
div#topnavWrapper ul#nav-top li {
	float:left;
	margin: 3px;
  	padding: 3px;
}
div#topnavWrapper ul#nav-top li:hover {
  position: relative;
}
div#topnavWrapper ul#nav-top li:hover > a {
}

/* drop-down submenus - make invisible to start: */
/* line 52 */
div#topnavWrapper ul#nav-top li ul {
  display: none;
}
/* make them display on hover: */
div#topnavWrapper ul#nav-top li:hover > ul  {
  display: table;
  position: absolute;
  top: 20px;
  background-color:#990000;
  border-bottom: 2px dotted #cccccc;
  margin: 0;
  padding: 0;
}
div#topnavWrapper ul#nav-top li ul li {
  margin: 0;
  padding: 0;
  width: 135px;
}
div#topnavWrapper ul#nav-top li ul li a {
  color: #000000;
  font-size: 90%;
  text-transform: capitalize;
  padding: 4px;
  padding-left: 8px;
  margin:  0;
  display: block;
  border-top: 1px dotted #cc0000;
  background-color:#FFFFFF; 
}
div#topnavWrapper ul#nav-top li ul li a:hover {
  color:#990000;
  font-weight: bold;
}