/* Tweeked for Protocol */

BODY {background: #d1d1d1;}

#header {		
  position: fixed;
  width: 100%;
  height: 100px;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  background-color: #d1d1d1;
  font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif; 
  font-size: 13pt;
  font-weight: bold; 
  color: #660000; 
  z-index: 10;
}

#sidebar {
  position: fixed;
  width: 14em;
  height: auto;
  top: 100px;
  right: auto;
  bottom: 1em;
  left: 0;
  background-color: #d1d1d1;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10pt;
  font-weight: bold;
  color: #660000;
  border-color: #CD9D8A;
  border-style: solid;
  border-width: 1px;
}

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

#main {
  position: absolute;
  top: 100px;
  right: 0;
  bottom: auto;
  left: 12em;
  background: #d1d1d1;
  margin-left: 1em;
}

#footer {
  position: fixed;
  width: 100%;
  height: 2em;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  color: #660000;
  background-color: #d1d1d1;
  text-align: center;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}

#footer a { color: #660000; text-decoration: none}
#footer a:link { color: #660000; text-decoration: none}
#footer a:visited { color: #660000; text-decoration: none} 
#footer a:active { color: #660000; text-decoration: none} 
#footer a:hover { color: #CD9D8A; text-decoration: none} 
#footer table {
  color: #660000;
  background-color: #d1d1d1;
  text-align: center;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}

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

#headerRight {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100px;
  width: 100px;
  background-image: url(/images/Formal_Tea-front_image-small.jpg); 
  background-position: center 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: 75%;
}

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

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

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