BODY {background: #d1d1d1;}

#header {		
  position: fixed;
  width: 100%;
  height: 100px;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  background-color: white;
  font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif; 
  font-size: 13pt;
  font-weight: bold; 
  color: #ffffff; 
  background-image: url(/Images/v36-d.png); 
  z-index: 10;
}

#sidebar {
  position: fixed;
  width: 14em;
  height: auto;
  top: 100px;
  right: auto;
  bottom: 1em;
  left: 0;
  background: white;
  background-image: url(/Images/v36-d.png);
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12pt;
  font-weight: bold;
  color: #D1D1D1
}

#sidebar a { color: #D1D1D1; text-decoration: none}
#sidebar a:link { color: #D1D1D1; text-decoration: none}
#sidebar a:visited { color: #D1D1D1; text-decoration: none} 
#sidebar a:active { color: #D1D1D1; text-decoration: none} 
#sidebar a:hover { color: #FFFFFF; text-decoration: none} 

#main {
  position: absolute;
  top: 100px;
  right: 0;
  bottom: auto;
  left: 14em;
  background: #d1d1d1;
}

#footer {
  position: fixed;
  width: 100%;
  height: 2em;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  background-color: black;
  text-align: center;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  background-image: url(/Images/v36-d.png); 
}

#footer a { color: #ffffff; text-decoration: none}
#footer a:link { color: #ffffff; text-decoration: none}
#footer a:visited { color: #ffffff; text-decoration: none} 
#footer a:active { color: #ffffff; text-decoration: none} 
#footer a:hover { color: #ffffff; text-decoration: none} 
#footer table {
  color: white;
  background-color: black;
  text-align: center;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  background-image: url(/Images/v36-d.png); 
}

#headerLeft {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100px;
  background-image: url(/Images/unicorn-left.jpg); 
  background-position: left center; 
  background-repeat: no-repeat;
}

#headerRight {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100px;
  width: 100px;
  background-image: url(/Images/unicorn-right.jpg);
  background-position: right center;
  background-repeat: no-repeat;
}

#headerCenter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100px;
  right: 100px;
  text-align: center;
}

#footerLeft {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 66%;
}

#footerRight {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 66%;
}

#footerCenter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 33%;
  right: 33%;
  text-align: center;
}

a:link { color: #000000; }
a:visited { color: #000000; }
a:active { color: #000000; }
a:hover { color: #000000; text-decoration: none}

.dworkin { font-weight: bold; font-style: italic; color: #ff0000 }
.dworkin a { font-weight: bold; font-style: italic; color: #ff0000 }
.dworkin a:link { font-weight: bold; font-style: italic; color: #ff0000 }
.dworkin a:visited { font-weight: bold; font-style: italic; color: #ff0000 }
.dworkin a:active { font-weight: bold; font-style: italic; color: #ff0000 }
.dworkin a:hover { font-weight: bold; font-style: italic; color: #ff0000; text-decoration: none}

.oberon { font-weight: bold; color: #cc0022 }
.oberon a { font-weight: bold; color: #cc0022 }
.oberon a:link { font-weight: bold; color: #cc0022 }
.oberon a:visited { font-weight: bold; color: #cc0022 }
.oberon a:active { font-weight: bold; color: #cc0022 }
.oberon a:hover { font-weight: bold; color: #cc0022; text-decoration: none}

.childOfOberon { font-style: italic; color: #aa0044 }
.childOfOberon a { font-style: italic; color: #aa0044 }
.childOfOberon a:link { font-style: italic; color: #aa0044 }
.childOfOberon a:visited { font-style: italic; color: #aa0044 }
.childOfOberon a:active { font-style: italic; color: #aa0044 }
.childOfOberon a:hover { font-style: italic; color: #aa0044; text-decoration: none}

.doubleChildOfOberon { color: #880066 }
.doubleChildOfOberon a { color: #880066 }
.doubleChildOfOberon a:link { color: #880066 }
.doubleChildOfOberon a:visited { color: #880066 }
.doubleChildOfOberon a:active { color: #880066 }
.doubleChildOfOberon a:hover { color: #880066; text-decoration: none}

.tripleChildOfOberon { color: #660088 }
.tripleChildOfOberon a { color: #660088 }
.tripleChildOfOberon a:link { color: #660088 }
.tripleChildOfOberon a:visited { color: #660088 }
.tripleChildOfOberon a:active { color: #660088 }
.tripleChildOfOberon a:hover { color: #660088; text-decoration: none}

.quadrupleChildOfOberon { color: #4400aa }
.quadrupleChildOfOberon a { color: #4400aa }
.quadrupleChildOfOberon a:link { color: #4400aa }
.quadrupleChildOfOberon a:visited { color: #4400aa }
.quadrupleChildOfOberon a:active { color: #4400aa }
.quadrupleChildOfOberon a:hover { color: #4400aa; text-decoration: none}

.quintupleChildOfOberon { color: #2200cc }
.quintupleChildOfOberon a { color: #2200cc }
.quintupleChildOfOberon a:link { color: #2200cc }
.quintupleChildOfOberon a:visited { color: #2200cc }
.quintupleChildOfOberon a:active { color: #2200cc }
.quintupleChildOfOberon a:hover { color: #2200cc; text-decoration: none}