/* TEMP */
td.udev {text-align: center; vertical-align: middle; background-color: gray; padding: 5px}
p.udev {font-family: "Microsoft Sans Serif", "Verdana", sans-serif; font-size: 9pt; color: #E8E8E8;}

td.thumbcell {text-align: center; vertical-align: middle; height: 128px; padding: 5px;}
td.menus {text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 15px; padding-left: 5px; padding-right: 0px;}
table.navcell {border-style: none; border-collapse: collapse;}
/* does this do anything? */
td.navcell {text-align: center; padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px;} 
td.sidebar {text-align: left; vertical-align: top; padding-top: 0px;
                  padding-bottom: 0px; padding-left: 0px; padding-right: 0px; height: 400px; }
h1.masthead {font-size: 24pt; font-weight: normal; margin-top: 2px; margin-bottom: 2px;}
img.cpanel {width: 850px; height: 0px; border: none;}
img.vspace {height: 40px; border: none;}

.navbar {font-family: "Microsoft Sans Serif", "Verdana", sans-serif; font-size: 11pt; font-weight: normal; 
           text-align: left; margin: 0px; }
.navbar table {margin-top: -1px; z-index: 100; left: 0px;  top: 0px; border-collapse: collapse; position: absolute; }

.navbar ul {padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; 
              z-index: 500; margin: 0px; width: 168px; border: 3px; list-style-type: none; position: relative;}
.navbar li {float: left;  background-color: #333333; text-align: left; 
            border-top: #666666 3px solid; border-right: #666666 3px solid; 
				    border-left: #666666 3px solid; border-bottom: none; }
.navbar li.main {background-color: #171717;  width: 168px; text-align: center; border: none;}
.navbar li.sub {background-color: #333333; }
.navbar a.bottomli {border-bottom: #666666 3px solid;} /* was #555555*/
/* *** em or px*/
.navbar a {display: block; padding-left: 1em; width: 185px; color: #EEEEEE; line-height: 1.8em;
  font-style: normal; height: 1.8em; text-decoration: none;}
/* .navbar b {float: right; margin-right: 5px}not needed */
.navbar a:hover {position: relative; text-decoration: none;}
.navbar li:hover {position: relative}
.navbar li:hover > a {color: #EEEEEE; font-style: normal; text-decoration: none;} /* #A7A7A7 */
/* Level 1 dropdown left: 40px; top: -2px;  aligns to navigation bar*/
.navbar li ul {padding-right: 2em; padding-left: 2em; padding-bottom: 2em; padding-top: 2em; 
  left: 40px; top: -2px; position: absolute; visibility: hidden; background-color: transparent} 
/* Level 2 dropdown left: 95px top: -25px; for optimum right going 
   left should not be less then 95 else title at level above is obscured
	 top: -25px is about right offset so pointer contact can be maintained */
.navbar li ul ul {padding-right: 2em; padding-left: 2em; padding-bottom: 2em; padding-top: 2em; 
  left: 95px; top: -25px; position: absolute; visibility: hidden; background-color: transparent} 
/* Level 3 dropdown left: 95px top: -25px; for optimum right going */
.navbar li ul ul ul {padding-right: 2em; padding-left: 2em; padding-bottom: 2em; padding-top: 2em; 
  left: 95px; top: -25px; position: absolute; visibility: hidden; background-color: transparent} 

.navbar li:hover > ul {visibility: visible}
.navbar ul a:hover ul ul {visibility: hidden}
.navbar ul a:hover ul a:hover ul ul {visibility: hidden}
.navbar ul a:hover ul {visibility: visible;}
.navbar ul a:hover ul {visibility: visible;}
.navbar ul a:hover ul a:hover ul {visibility: visible;}
.navbar ul a:hover ul a:hover ul a:hover ul {visibility: visible;}

/* level 3 navbar for optimum down going NOT USED
.navbar li ul ul {padding-right: 2em; padding-left: 2em; padding-bottom: 2em; padding-top: 2em; 
  left: -10px; top: -5px; position: absolute; visibility: hidden; background-color: transparent} */