html {
   /* color: #232534; */
   background-color: #232534;
   margin: 0px 24px;
   border-left: solid #232534 0px;
   border-right: solid #232534 0px;
   border-bottom: solid #232534 0px;
   background-image: url("images/tm_bg_stripe.gif");
   background-repeat: repeat;
}

body {
   background-image: url("images/tm_bg_stripe.gif");
   background-repeat: repeat;
   color: #232534;
   font-family: sans-serif;
   font-weight: 500;
   font-size: 11pt;
}

div#top_bg {
      position: absolute; 
      top: 0px; 
      left: 0px; 
      right: 100%;
      bottom: 144px; 
      background-color: #232534;
      /* background-color: #1c1e2b; */
      z-index: -1;
}

div.top {
   text-align: center;
   background-color: #232534;
   background-image: url("images/mercer-pipe-drum-band_bg4.jpg");
   margin: 0px;
}

h1.header {
   font-size: 24pt;
   font-family: sans-serif;
}

div.content {
   margin: 0px;
   padding: 18px;
}

div.menu {
   text-align: center;
   border-top: 2px maroon solid;
   border-bottom: 2px maroon solid;
}

a.menuitem_off {
   text-decoration: none;
   color: #b22222;
   background-color: #e5e5e5;
   padding-right: 12px;
   padding-left: 18px;
   font-weight: 600;
   font-size: 10pt;
   width: 96px;
}

a.menuitem_on {
   text-decoration: none;
   color: #e5e5e5;
   background-color: maroon;
   padding-right: 12px;
   padding-left: 18px;
   font-weight: 600;
   font-size: 10pt;
   width: 96px;
}

div.sub_menu {
   text-align: center;
   background-color: maroon;
   border-top: 2px maroon solid;
   border-bottom: 2px maroon solid;
}

a.sub_menuitem_on {
   text-decoration: none;
   color: #b22222;
   background-color: #e5e5e5;
   padding-right: 12px;
   padding-left: 18px;
   font-weight: 600;
   font-size: 10pt;
   width: 96px;
}

a.sub_menuitem_off {
   text-decoration: none;
   color: #e5e5e5;
   background-color: maroon;
   padding-right: 12px;
   padding-left: 18px;
   font-weight: 600;
   font-size: 10pt;
   width: 96px;
}

a.control_off {
   display: block;
   margin: 0px;
   text-align: center;
   width: 198px;
   height: 24px;
   border: outset 3px maroon;
   text-decoration: none;
   color: #b22222;
   background-color: #e5e5e5;
   font-weight: 600;
   font-size: 10pt;
}

a.control_on {
   display: block;
   margin: 0px;
   text-align: center;
   width: 198px;
   height: 24px;
   border: inset 3px maroon;
   text-decoration: none;
   color: #e5e5e5;
   background-color: #b22222;
   font-weight: 600;
   font-size: 10pt;
}

a.action_off {
   display: block;
   border: 1px solid #000000;
   margin: 1px;
   text-align: center;
   width: 172px;
   height: 18px;
   text-decoration: none;
   color: #b22222;
   background-color: #e5e5e5;
   font-weight: 600;
   font-size: 10pt;
}

a.action_on {
   display: block;
   border: 1px solid #000000;
   margin: 1px;
   text-align: center;
   width: 172px;
   height: 18px;
   text-decoration: none;
   color: #e5e5e5;
   background-color: #b22222;
   font-weight: 600;
   font-size: 10pt;
}

div.foot {
   width: 100%;
   padding: 12px;
   color: #fff6f6;
   background-color: #b22222;
   font-size: 10pt;
   height: 31px;
}

table {
   font-size: 10pt;
   text-align: center;
}

td {
   padding: 6px;
   vertical-align: top;
   text-align: left;
}

td.cal {
   border: solid 1px black; 
   height: 72px; 
   text-align: left; 
   vertical-align: top;
}

form {
   padding: 3px;
}

h3.cap{
   text-align: center;
}

img#xhtml {
   float: right;
}

