body 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #CCCCCC;
  background-color: #000000;
}

a:link 
{ 
  color: #990000;
  text-decoration: none;
} 

a:visited
{
  color: #990000;
  text-decoration: none;
}

a:hover
{
  color: red;
  text-decoration: none;
}

/* Start of NAVBAR CSS */
#navbar 
{
  color: #CCCCCC;
  font-size: 11px;
  padding: 0px;
  margin-left: 0;
  padding-left: 0;
}

#navbar ul 
{
  list-style: none;
  font-weight: bold;
}

#navbar li 
{
  float: left;
  position: relative;
}

/* to override top and left in browsers other than IE,
which will position to the top right of the containing li, rather than
bottom left */
#navbar li>ul 
{ 
  top: auto;
  left: auto;
}

/* lists nested under hovered list
items */
#navbar li:hover ul, li.over ul 
{ 
  display: block;
}

.sideitems
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #999999;
  padding-left: 5px;
}

.sideitems a
{
  color: #999999;
}

.sideitems a:visited
{
  color: #999999;
}

.sideitems a:hover 
{
  display: block;
  color: 990000;
  text-decoration: none;
}

.mainitems 
{
  padding: 0px;
  margin-left: 6px;
  margin-right: 6px;
  border: 0px solid black;
  text-decoration: none;
  font-weight: bold;
}

.mainitems a 
{  
  text-decoration: none;
  color: #990000;
}

.mainitems a:hover 
{
  display: block;
  color: red;
  text-decoration: none;
}

.subitems 
{
  padding: 0;
  margin-left: 0;
  padding-left: 0;
  display: none;
  width: 15em;
  position: absolute;
  top: 1.2em;
  left: 0;
  background-color: #333333;
  border: 1px solid black;
}

.subsubitems 
{
  padding: 0;
  margin-left: 0;
  padding-left: 0;
  left: 0;
  background-color: #666666;
  border: 1px solid black;
}

.subitems li 
{
  width: 100%;
  border: 1px solid #000;
  padding-left: 2px;
}

.subitems li a 
{
  color: #CCCCCC;
  margin-left: 0px;
  margin-right: 0px;
  text-decoration: none;
}

.subitems li a:visited  
{
  text-decoration: none;
  color: #CCCCCC;
}

.subitems li a:active 
{
  text-decoration: none;
  color: red;
}

.subitems li a:hover {
  display: block;
  color: red;
  text-decoration: none;
}

.contentcont
{
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 6px;
  margin-right: 6px;
}

.contentlist 
{
  padding: 0px;
  margin-top: 6px;
  margin-bottom: 6px;
  border: 0px solid black;
  text-decoration: none;
  font-weight: bold;
}

.routinetable
{
  border-spacing:2px;
  border: 1px solid #333333;
  background-color: #660000;
  border-collapse: collapse;
  width: 600px;
}

.routineheader
{
   background-color:#660000;
   font-weight: bold;
   font-size: 16px;
   color: white;
   font-family: Arial, Helvetica, sans-serif;
   border-bottom: 1px solid #333333;
   padding: 5px;
}

.routinecol
{
   background-color:#660000;
   font-weight: bold;
   font-size: 12px;
   color: white;
   font-family: Arial, Helvetica, sans-serif;
   border-right: 1px solid #333333;
   border-bottom: 1px solid #333333;
   padding: 5px;
}

.routine
{
   background-color:#660000;
   font-weight: bold;
   font-size: 12px;
   color: black;
   font-family: Arial, Helvetica, sans-serif;
   border-right: 1px solid #333333;
   border-bottom: 1px solid #333333;
   padding: 5px;
   vertical-align: top;
}

.routinealt
{
   background-color:#FF0000;
   font-weight: bold;
   font-size: 12px;
   color: black;
   font-family: Arial, Helvetica, sans-serif;
   border-right: 1px solid #333333;
   border-bottom: 1px solid #333333;
   padding: 5px;
   vertical-align: top;
}