


body { background: white; old-background: #eeeedd; margin: 0px; padding: 0px; font: 11px Arial;}
a { text-decoration: none; color: #0000cc; }

h1 { font: 42px Blue Highway, Trebuchet, Arial, Sans; font-weight: bold;
     text-shadow: 1px 1px 3px #eeeeff; color: navy}
h3 { font: 20px Trebuchet, Arial, Sans; font-weight: bold;
     margin: 0px; margin-bottom: 2px; border-bottom: 1px dotted navy; color: navy;
     text-shadow: 1px 1px 3px #eeeeff;}
h4 { font: 14px Trebuchet, Arial, Sans; font-weight: bold;
     margin: 0px; margin-top: 2px; color: black; }
h5 { font: 12px Trebuchet, Arial, Sans; font-weight: bold;
     padding-bottom: 0px;
     margin: 0px; margin-top: 2px; color: black; }

* html h3 { border-bottom: none; background: url(/i/css-ie-dotted-navy.gif) repeat-x bottom; }

input  { background: #ddddee; padding: 1px;
        border:1px solid #eeeeff; border-top: 1px solid #c0c0dd; border-left: 1px solid #c0c0dd;
        font: 12px Arial; text-decoration: none; color: black; margin: 2px; }
input.btn  { background: #ddddee; padding: 1px;
        border:1px solid #c0c0dd; border-top: 1px solid #eeeeff; border-left: 1px solid #eeeeff;
        font: 12px Arial; text-decoration: none; color: black; margin: 2px; }
input.btn:hover  { background: #ffffcc; }
.searchdrop {background: #ddddee; padding: 1px;
        border:1px solid #c0c0dd; border-top: 1px solid #eeeeff; border-left: 1px solid #eeeeff;
        font: 10px Arial; text-decoration: none; color: black; margin: 2px; }
textarea.qform { width: 100%; height: 120px; background: #ffffcc; }

input.qform { width: 80%; background: #ffffcc; }

td.qform { font: 11px Arial; vertical-align: top; padding-top:6px; }

td.logo { width: 200px; background: #ccccff; border-bottom: 1px solid #999999;
          font: 22px/16px Times New Roman, Times, Serif; font-weight: bold;  text-align: center;
          padding: 2px; padding-top: 0px; height: 38px;
          background-image: url('/i/bar-top.png'); }
td.printlogo { width: 120px; background: white; border:0px;
          font: 42px/26px Times New Roman, Times, Serif; font-weight: bold;  text-align: center; }
td.local {  background: #ccccff; border-bottom: 1px solid #999999; text-align: left;
padding: 2px;
          background-image: url('/i/bar-top.png'); }

td.header3 {  width: 150px;  background: #ccccff; border-bottom: 1px solid #999999;
          font: 22px Blue Highway, Trebuchet, Arial, Sans; font-weight: bold;  text-align: center;
          padding: 2px; color: white; vertical-align: center;
          background-image: url('/i/bar-top.png'); }

td.nav { width: 200px; background: #ddddee; border: 0px;
          font: 11pt Arial, Sans; font-weight: bold;  text-align: center; vertical-align: top;
          padding: 2px; }
/* Here's the fix */
td.content {  background: white; border: 1px solid #999999; border-right: 1px solid white;
           border-bottom: 1px solid white;
          font: 11pt Arial, Sans; font-weight: bold;  text-align: left;  vertical-align: top;
          padding: 10px; }

td.locator { width: 160px; background: #ddddee;
          font: 9pt Arial, Sans;  text-align: center;  vertical-align: top; padding: 1px;}

td.footer { background: #ccccff; border-bottom: 1px solid #999999; border-top: 1px solid white;
          font: 8pt Arial, Sans; text-align: right; padding: 4px; vertical-align: top;
          background-image: url('/i/bar-bottom.png'); }


.tag { width: 90px; float: left; padding: 1px; padding-left: 6px; background: #9FAECE;
        border:1px solid #c0c0dd; border-top: 1px solid #eeeeff; border-left: 1px solid #eeeeff;
        font: 10px Arial; text-decoration: none; color: black;
        background-image: url('/i/box-fade.png'); background-repeat: no-repeat; }

.tagtool { width: 104px; float: left; padding: 3px; padding-left: 0px; height: 23px;
        border: 0px;  text-align:center;
        font: 13px Arial; text-decoration: none;  color: black;  margin: 2px;
        background: #9FAECE url('/i/tag-btn.gif') no-repeat; }
.tagtool:hover {
        background: #ffffcc url('/i/tag-btn-h.gif') no-repeat;
        }
.tagtool2 { width: 218px; float: left; padding: 3px; padding-left: 0px; height: 23px;
        border: 0px;  text-align:center;
        font: 13px Arial; text-decoration: none;  color: black;  margin: 2px;
        background: #9FAECE url('/i/tag-btn-2.gif') no-repeat;
        }
.tagtool2:hover {
        background: #ffffcc url('/i/tag-btn-2-h.gif') no-repeat;
        }
.tagtool4 { width: 436px; float: left; padding: 3px; padding-left: 0px; height: 23px;
        border: 0px;  text-align:center;
        font: 13px Arial; text-decoration: none;  color: black;  margin: 2px;
        background: #9FAECE url('/i/tag-btn-4.gif') no-repeat;
        }
.tagtool4:hover {
        background: #ffffcc url('/i/tag-btn-4-h.gif') no-repeat;
        }

width:436px; text-align: center; font: 11px Arial; font-weight: bold; margin-bottom: 6px; padding: 3px; background-image: url(i/tag-btn-4.gif);


div.taglabel {  border:0px; font-weight: bold;
        font: 14px Arial; text-decoration: none; color: black; margin-top: 2px;}

a.navtag { display: block; padding: 1px; padding-left: 6px; background: #ddddee;
        border:1px solid #eeeeff; border-top: 1px solid #c0c0dd; border-left: 1px solid #c0c0dd;
        font: 10px Arial; text-decoration: none; color: black; margin: 2px; }

td.navcal, td.navcalp { padding: 1px; background: #ddddee; width: 20px;
        border:1px solid #eeeeff; border-top: 1px solid #c0c0dd; border-left: 1px solid #c0c0dd;
        font: 10px Arial; text-decoration: none; color: black;  text-align: center; }

td.navcalp { color: #999999 }

td.navcal:hover { background: #ffffcc }

div.navbox { margin-top: 4px; margin-bottom: 6px; background: #9FAECE; border:1px solid #c0c0dd; border-top: 1px solid #eeeeff; border-left: 1px solid #eeeeff; padding: 5px;
          background-image: url('/i/box-fade.png'); background-repeat: no-repeat; }

a:hover { text-decoration: none; color: #0000cc; background: #ffffcc; }
.tag:hover { text-decoration: none; color: #0000cc; background: #ffffcc; }


table.xifu { width: 100% }

/*
##################################################           Content CSS info.
*/
/*
div.header { font-weight: bold; background: #e0e0d0; padding: 2px; padding-left: 10px;
             font: 18pt Blue Highway, Trebuchet, Helvetica, Sans;
             border: 1px solid #ffffee; border-bottom: 1px solid #ccccbb; border-right: 1px solid #ccccbb; }
             */

/*
div.header { font-weight: bold; background: white; padding: 1px; padding-left: 10px;
             font: 18pt Blue Highway, Trebuchet, Helvetica, Sans;
             border-bottom: 1px solid #ccccbb; }
h3 { font: 20px Trebuchet, Arial, Sans; font-weight: bold;
     margin: 0px; margin-bottom: 2px; border-bottom: 1px dotted navy; color: navy;
     text-shadow: 1px 1px 3px #eeeeff;}
*/
div.header { font-weight: bold; background: white; padding: 1px; padding-left: 10px;
             font: 20px Trebuchet, Arial, Sans; font-weight: bold;
             margin: 0px; margin-bottom: 2px;
             border-bottom: 1px solid #ccccbb;
             text-shadow: 1px 1px 3px #eeeeff;}

a.item { font: 11pt Arial; margin: 3px; border-left: 8px solid white; padding-left: 2px; display: block; }
a.item:hover {  border-left: 8px solid red;  }

.crumbs { font: 14px Arial, Sans; font-weight: bold;
     margin: 0px; margin-bottom: 6px; border-bottom: 1px dotted navy; color: navy;
     text-shadow: 1px 1px 3px white;}
* html .crumbs { border-bottom: none; background: url(/i/css-ie-dotted-navy.gif) repeat-x bottom; }
.crumbs:link {  text-decoration: underline; }

li.concise              { margin-bottom: 3px; list-style: url(/i/image-none.gif); }
li.concise_image    { margin-bottom: 3px; list-style: url(/i/image.gif); }
.concisetitle { font: 12px Arial, Sans; font-weight: bold;  }
.conciseloc   { font: 9px Arial, Sans; font-weight: bold; color: #999999 }
.concisedate  { font: 9px Arial, Sans; font-style: italic; color: #999999 }

/* Images */
.caption { font: 10px Arial, Helvetica, Sans Serif; border-top: 1px solid black; padding: 2px; margin-top: 1px; }
span.photo { background: #ffffee; color: #9999ff; border: 2px solid #ccccff; font: 6px/6px Arial;
                 margin-right: 1px; padding-left: 1px; padding-right: 1px;}
span.photomore { background: #ffffee; color: white; border: 2px solid #ccccff; font: 6px/6px Arial;
                 margin-right: 1px; border-left: 0px solid;  }
span.photoplus { color: #ccccff; font: 8px/8px Arial; font-weight: bold; }

/* Cal */

.calDate {font: 11px Arial, Sans; font-weight: bold;}

/* Help */

.help { border: 1px solid #333333; background: #eeeeee; border-top: 8px solid #666699;
  position: absolute;
  width: 300px;
  padding: 4px; font: 12px/16px Arial;
  top: 20px; left: 20px; display: none;}
.helpclose { cursor: pointer; margin-top:2px; font: 10px Arial; background: #cccccc; padding: 2px; text-align: center; }

.errnotice {
  color: red;
  background: #dddddd;
  padding: 6px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #990000;
  font: 14px DejaVu Sans, Verdana, Arial, Helvetica, sans;
}


/* Image uploader */

iframe.imageupload {
  width: 100%;
  border: 0px;
  margin: 0px;
  height: 26px;
}
img.ig {
  border: 1px solid #666666;
}
div.ig {
  border: 1px solid white;
  background-color: #dddddd;
  padding: 2px;
  font: 10px Verdana, Arial, Helvetica, sans;
  text-align: center;
}
span.ig_btn {
  text-decoration: underline;
  color: navy;
  cursor: pointer;
}




/****************************************************************** Calendar ***************************/

div.calendar { position: relative; width: 230px; }
.calendar, .calendar table { border: 1px solid #556; font-size: 11px; color: #000; cursor: default; background: #eef; font-family: tahoma,verdana,sans-serif; }
.calendar .button { text-align: center; padding: 2px; }
.calendar .nav { background: #778 url(menuarrow.gif) no-repeat 100% 100%; }
.calendar thead .title { font-weight: bold; text-align: center; background: #fff; color: #000; padding: 2px; }
.calendar thead .headrow { background: #778; color: #fff; }
.calendar thead .daynames { background: #bdf; }
.calendar thead .name { border-bottom: 1px solid #556; padding: 2px; text-align: center; color: #000; }
.calendar thead .weekend { color: #a66; }
.calendar thead .hilite { background-color: #aaf; color: #000; border: 1px solid #04f; padding: 1px; }
.calendar thead .active { background-color: #77c; padding: 2px 0px 0px 2px; }
.calendar tbody .day { width: 2em; color: #456; text-align: right; padding: 2px 4px 2px 2px; }
.calendar tbody .day.othermonth { font-size: 80%; color: #bbb; }
.calendar tbody .day.othermonth.oweekend { color: #fbb; }
.calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #bdf; }
.calendar tbody .rowhilite td { background: #def; }
.calendar tbody .rowhilite td.wn { background: #eef; }
.calendar tbody td.hilite { background: #def; padding: 1px 3px 1px 1px; border: 1px solid #bbb; }
.calendar tbody td.active { background: #cde; padding: 2px 2px 0px 2px; }
.calendar tbody td.selected { font-weight: bold; border: 1px solid #000; padding: 1px 3px 1px 1px; background: #fff; color: #000; }
.calendar tbody td.weekend { color: #a66; }
.calendar tbody td.today { font-weight: bold; color: #00f; }
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { visibility: hidden; }
.calendar tbody .emptyrow { display: none; }
.calendar tfoot .footrow { text-align: center; background: #556; color: #fff; }
.calendar tfoot .ttip { background: #fff; color: #445; border-top: 1px solid #556; padding: 1px; }
.calendar tfoot .hilite { background: #aaf; border: 1px solid #04f; color: #000; padding: 1px; }
.calendar tfoot .active { background: #77c; padding: 2px 0px 0px 2px; }
.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid #655; background: #def; color: #000; font-size: 90%; z-index: 100; }
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; }
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .hilite { background: #acf; }
.calendar .combo .active { border-top: 1px solid #46a; border-bottom: 1px solid #46a; background: #eef; font-weight: bold; }
.calendar td.time { border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #f4f0e8; }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #fff; }
.calendar td.time .ampm { text-align: center; }
.calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; }
.calendar td.time span.hilite { border-color: #000; background-color: #667; color: #fff; }
.calendar td.time span.active { border-color: #f00; background-color: #000; color: #0f0; }
