body {
  background-color:#444444;
  font-size:16px;
  color:#ffffff;
  text-align:center;
  margin:0 auto;
}
A:link      {color: #FFFFFF; font-weight: normal; text-decoration: none}
A:visited   {color: #FFFFFF; font-weight: normal; text-decoration: none}
A:active    {color: #00FFFF; text-decoration: underline}
A:hover     {color: #ff9966; text-decoration: underline}

#outline {
  margin:0px 5px 5px;
  width:850px;
  text-align:left;
  background-color:#333333;
  border-left:solid 1px #222222;
  border-right:outset 6px #666666;
  border-bottom:outset 6px #666666;
}
#header {
  margin:0px;
  text-align:center;
  background-color:#333333;
  border: 1px solid #000000;
}
#footer {
  margin:0px;
  padding-top:10px;
  padding-bottom:10px;
  background-color:#222222;
  border: 1px solid #000000;
}
.main {
  width:700px;
  margin:2px;
  text-align:center;
  float:right;
  background-color:#333333;
}
.side {
  width:136px;
  margin:0px;
  float:left;
  background-color:#333333;
}
.c-both   { clear:both; }
.menu {
  margin:10px;
  background:#333333;
  padding:0 5px;
  font-weight:bold;
  font-size:12px;
  border-top:solid 1px #000000;
  border-right:outset 4px #555555;
  border-bottom:outset 4px #555555;
  border-left:solid 10px #666666;
}
.panel {
  margin:20px;
  background:#333333;
  padding:0 15px;
  font-size:14px;
  border-top:solid 1px #000000;
  border-right:outset 4px #555555;
  border-bottom:outset 4px #555555;
  border-left:solid 1px #555555;
}
.font_S   { font-size:12px; }
.font_M   { font-size:16px; }
.font_L   { font-size:20px; }
.font_LL  { font-size:24px; }
.font_Sa  { font-size:12px; color:#8888BB; }
.font_Ma  { font-size:16px; color:#8888BB; }
.font_La  { font-size:20px; color:#8888BB; }
.font_Sr  { font-size:12px; color:#FF0000; }
.font_Mr  { font-size:16px; color:#FF0000; }
.font_Lr  { font-size:20px; color:#FF0000; }