/* ===== Styles for Screen Display ===== */
@media screen {
   BODY { background:#550000; color:#DDDDDD;
      font-family:arial,symbol,sans-serif; /*"font name" or serif,sans-serif,cursive,fantasy,monospace*/
         /* example of downloaded font ...
            @font-face { font-family:"font name here"; src:url("http://site/fonts/rob-celt") }
            H1 { font-family: "Robson Celtic", serif }
          */
      font-style:normal; /*normal,italic,oblique*/
      font-variant:normal; /*normal,small-caps*/
      font-weight:normal; /*(IE does not implement) normal,bold,bolder,lighter,100,200 ... 900*/
      font-stretch:normal; /*(not implemented) normal,wider,narrower,condensed,expanded,...*/
      text-indent:0; /*first line indent*/
      text-align:left; /*left,right,justify,center*/
      text-decoration:none; /*none,underline,overline,line-through,blink(blink not implemented)*/
      text-shadow:none; /*not implemented*/
      letter-spacing:normal; /*extra kerning*/
      word-spacing:normal; /*extra spacing*/
      text-transform:none; /*none,capitalize(initial caps),uppercase,lowercase*/
      white-space:normal; /*normal,pre,nowrap - treatment of whitespace in HTML source*/
      }
   TABLE {
      background:white; margin:0; border:thin solid #000000; padding:0;
      border-collapse:collapse;
      }
   TD { margin:0; border:thin solid #000000; padding:0.5ex; }
   HR { color:#DDDDDD; }

   a {
      color:#880000;
      margin:0; padding:0;
      font-weight:normal;
      text-decoration:none;
      }
   a:visited { color:#FFDDDD; }
   a:hover { font-weight:bold; }

   a.menutop {
      color:#880000;
      font-weight:bold;
      }
   a.menutop:visited { color:#880000; }
   a.menutop:hover { color:#FF0000; }

   #textcolor_bold { color:#FFFFFF; }
   #bordercolor_bold { border-color:#FFFFFF; }
   #box_scrolling_10lines { height:11.3em; overflow:auto; }
   #box_scrolling_5lines { height:5.7em; overflow:auto; }
   #screen_only { display:block; }
   #print_only { display:none; }
   div.menutop {
      margin:0;
      }
   div.menutopitem {
      float:left;
      width:60;
      height:20;
      padding-top:1px;
      background-image:url('Menu-Button.png');
      background-repeat:none;
      color:#440000;
      font-size:11px;
      font-weight:bold;
      text-align:center;
      }
   #menutopcurrent {
      color:#FF0000;
      }
   div.menutopsep {
      float:left;
      width:4;
      height:20;
      }
   div.cathead {
      padding:5px;
      }
   div.catheadtitle {
      color:black;
      font-size:120%;
      font-weight:bold;
      text-align:center;
      }
   div.catheadtext {
      color:black;
      font-size:85%;
      }
   div.insertlevel1 {
      margin:0 20px 20px 20px;
      border-top:6px solid #FFFFFF;
      border-right:6px solid #AAAAAA;
      border-bottom:6px solid #888888;
      border-left:6px solid #CCCCCC;
      padding:5px;
      background:#770000;
      }
   div.readercomment {
      margin:5px;
      border:1px solid #AAAAAA;
      padding:3px;
      padding-left:10px;
      background:#550000;
      text-indent:-7px;
      font-size:75%;
      color:#FFFF88;
      line-height:115%;
      }
   a.readercomment {
      color:#FFCCAA;
      }
   div.insertlevel2 {
      margin:5px;
      padding:5px;
      background:#E0E0D0;
      color:black;
      font-family:verdana,arial,symbol,sans-serif;
      }
   a.insertlevel2 {
      color:#FF0000;
      }
   #insertlevel2scroll {
      max-height:400px;
      overflow:auto;
      padding-right:20px;
      border:ridge 4px;
      }
   div.insertlevel3 {
      margin:20px;
      border:2px solid;
      padding:10px;
      text-align:center;
      color:white;
      background:#990000;
      }
   }

/* ===== Styles for Printing ===== */
@media print {
   BODY { background:white; color:black;
      font-family:"times new roman",symbol,serif;
      }
   TABLE {
      background:white; margin:0; border:thin solid black; padding:0;
      border-collapse:collapse;
      }
   TD { margin:0; border:thin solid black; padding:0.5ex }
   HR { color:black; }

   a {
      color:black;
      margin:0; padding:0;
      font-weight:normal;
      text-decoration:none;
      }
   a:visited { color:black; }
   a:hover { font-weight:bold; }

   a.menutop {
      color:black;
      font-weight:bold;
      }
   a.menutop:visited { color:#880000; }
   a.menutop:hover { color:#FF0000; }

   #textcolor_bold { color:black; }
   #bordercolor_bold { border-color:black; }
   #box_scrolling_10lines { height:auto !important; overflow:auto !important }
   #box_scrolling_5lines { height:auto !important; overflow:auto !important }
   #print_only { display:block; }
   #screen_only { display:none; }
   div.menutop {
      margin:5px 0px 20px 50px;
      }
   span.menutop {
      margin:0;
      border-top:4px solid black;
      border-right:4px solid black;
      border-bottom:4px solid black;
      border-left:4px solid black;
      padding-top:1px;
      padding-right:3px;
      padding-bottom:1px;
      padding-left:3px;
      font-size:11px;
      font-weight:bold;
      }
   #menutopcurrent {
      }
   div.cathead {
      margin:0 20px 20px 20px;
      border:2px solid black;
      padding:5px;
      }
   div.insertlevel1 {
      margin:5px 20px 5px 20px;
      border-left:2px solid black;
      border-top:2px solid black;
      border-right:2px solid black;
      border-bottom:2px solid black;
      padding:5px;
      }
   div.readercomment {
      margin:5px;
      border:1px solid black;
      padding:3px;
      padding-left:10px;
      text-indent:-7px;
      font-size:75%;
      line-height:115%;
      }
   a.readercomment {
      color:black;
      }
   div.insertlevel2 {
      margin:5px;
      border:1px solid black;
      padding:5px;
      }
   div.insertlevel3 {
      margin:20px;
      border:2px solid black;
      padding:10px;
      }
   }

/* ===== Styles Common to All Media ===== */
BODY {
   font-size:90%; line-height:115%; margin:0; padding:0; font-weight:normal
   }
TABLE { margin:0; padding:0px }
TD { margin:0; padding:0.5ex }
UL { margin:0; padding:0 }
P { margin:0; padding:0; text-indent:3ex }

H6 { font-size:60%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.H6 { font-size:60%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.size6 { font-size:60%; line-height:115%; margin:0; padding:0 }
H5 { font-size:75%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.H5 { font-size:75%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.size5 { font-size:75%; line-height:115%; margin:0; padding:0 }
H4 { font-size:90%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.H4 { font-size:90%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.size4 { font-size:90%; line-height:115%; margin:0; padding:0 }
H3 { font-size:100%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.H3 { font-size:100%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.size3 { font-size:100%; line-height:115%; margin:0; padding:0 }
H2 { font-size:150%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.H2 { font-size:150%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.size2 { font-size:150%; line-height:115%; margin:0; padding:0 }
H1 { font-size:200%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.H1 { font-size:200%; line-height:115%; font-weight:bold; margin:0; padding:0 }
.size1 { font-size:200%; line-height:115%; margin:0; padding:0 }

HR { text-align:center; }

.droptext {
   font-family: "Lucida Calligraphy", serif;
   font-weight: bold;
   font-size: 150%;
   color: #BB0000;
   }

#red { color:#BB0000; }
#box_center { margin-left:auto; margin-right:auto; }
#text_center { text-align:center; }
#secret { display:none; }

.bottomlinks {
   font-size:13px;
   font-weight:normal;
   color:#333333;
   text-align:center;
   }
.bottomnotice {
   font-size:11px;
   font-weight:normal;
   color:#333333;
   text-align:center;
   }