body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
}

body.calendar {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  background-color: #E8E8FF;
  margin: 0px;
  padding: 0px;
}      

body.doclinks {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  background-color: #E8E8FF;
  margin: 0px;
  padding: 2px;
}


#header {
  background-color: #8484FF;
  border: 0px solid #000000;
  margin-bottom: 2px;
  width: 800px;
  height: 40px;
}

#menu {
  float: left;
  position: absolute;
  left: 0px;
  top: 37px;
  width: 170px;
  margin: 5px 5px 5px 5px;
  color: #000000;
}

#main {
  float: none;
  position: absolute;
  left: 177px;
  top: 73px;
  padding: 0px 10px 10px 10px;
  width: 610px;
}

#breadcrumbtrail {
  background-color: #E8E8FF;
  border: 0px dotted #000000;
  font-size: 9pt;
  font-variant: small-caps;
  width: 592px;
  height: 30px; 
  float: left;
  position: absolute;
  left: 180px;
  top: 40px;
  margin: 5px 5px 5px 5px;
  padding: 3px 20px 3px 3px;
}

#printer {
  position: absolute;
  left: 770px;
  top: 40px;
  margin: 3px 5px 5px 5px;
  padding: 3px;
}


a,a:link   { text-decoration: underline;
             color: #0000FF;
             cursor: pointer; }
a:active   { text-decoration: underline; }
a:visited  { text-decoration: underline;
             color: #6666FF; }
a:hover    {
  color: #FF0000;
  text-decoration: underline;
}


small      { font-size: 8pt; }

.subheading { font-size: 10pt;
             font-weight: bold; }

p          { padding-top: 0px;
             padding-bottom: 10px;
             padding-left: 10px;
             margin: 0px; }

h1         { font-family: georgia, garamond, times, serif;
             font-size: 19pt;
             font-variant: small-caps;
             font-weight: bold;
             letter-spacing: 3pt;
             margin: 0px;
             margin-top: 15px;
             margin-bottom: 5px; }
h2         { border-top: 1px dotted #000000;
             font-family: georgia, garamond, times, serif;
             font-size: 15pt;
             font-variant: small-caps;
             font-weight: bold;
             letter-spacing: 2pt;
             margin: 0px;
             margin-top: 10px;
             margin-bottom: 5px;
             padding-top: 10px; }
h3         { font-family: georgia, garamond, times, serif;
             font-size: 13pt;
             font-style: italic;
             font-weight: bold;
             letter-spacing: 1pt;
             margin: 0px;
             margin-top: 10px;
             margin-bottom: 5px;
             padding-left: 10px; }
h4         { font-weight: bold;
             font-size: 10pt;
             margin-top: 5px;
             margin-bottom: 2px;
             padding-left: 10px; }

ul         { padding-top: 0px;
             padding-bottom: 0px; }

div.title  { font-weight: bold;
             text-align: center; }
.title1    { font-size: 16pt;
             color: red; }
.title2    { font-size: 14pt;
             font-weight: bold;
             color: black; }


.alpha     { text-align: center;
             color: black;
             font-size: 16pt;
             font-weight: bold; }
a.alpha    { font-size: 12pt;
             color: #0000FF; }

pre { font-size: 11px;
      padding: 5px;
      margin-top: 0px;
      margin-left: 10px;
      margin-bottom: 10px;
      background: #E8E8FF; }
      
.copyright {
  border-top: 1px dotted #000000;
  font-size: 7pt;
  margin-top: 20px;
  padding-top: 10px;
  text-align: center;
}

.tiny1     { font-size: 7pt; }
.tiny2     { font-size: 6pt; }


table.main {
  font-size: 9pt;
}


table.calendar {
  font-size: 7pt;
}





table.section {
  background-color: #E8E8FF;
  border: 2px solid #000000;
  margin-top: 3px;
  margin-bottom: 2px;
  width: 100%;
}

table.section th, table.section th a:link, table.section th a:visited, .calendarHeader {
  padding: 2px;
  background-color: #8484FF;
  font-size: 8pt;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  color: #FFFF00;
  width: 100%;
}

table.section th a:hover {
  color: #FFFF00;
  text-decoration: underline;
}
                
table.section tr {
  padding: 1px;
  margin: 0px;
  border-width: 1px;
  width: 100%;
}

table.section td {
  font-size: 8pt;
  text-align: left;
  width: 100%;
}




table td.banner {
  background-color: #8484FF;
  border: 0px solid #000000;
  margin-top: 3px;
  margin-bottom: 2px;
  width: 100%;
}

table td.breadcrumb {
  background-color: #E8E8FF;
  border: 0px dotted #000000;
  font-size: 9pt;
  font-variant: small-caps;
  margin-top: 3px;
  margin-bottom: 10px;
  padding: 3px;
  width: 100%;
}

table td.mainbody {
  text-align: justify;
  vertical-align: top;
  width: 580px;
}

table td.clock {
  background-color: #8484FF;
  border: 0px solid #000000;
  color: #FFFF00;
  font-size: 8pt;
  margin-top: 3px;
  margin-bottom: 2px;
  width: 100%;
}





table.popup {
  font-size: 8pt;
  color: #000000;
  display: block;
  font-weight: normal;
  border: 2px solid #000000;
  padding: 0px;
  margin: 0px;
  background-color: #E8E8FF;
  text-decoration: none;
  width: 150px;
}

table.popup th {
  padding: 2px;
  margin: 0px;
  font-size: 8pt;
  background-color: #8484FF;
  font-weight: bold;
  text-align: left;
  color: #FFFF00;
  width: 150px;
}
            
table.popup a:link, table.popup a:visited {
  padding:0;
  color:blue;
  text-decoration:underline;
  font-weight:normal;
  color: white;
}

table.popup a:hover,table.popup a:active {
  color: #E8E8FF;
  text-decoration:underline;
  font-weight:normal;
}

table.popup a:visited {
  padding: 0px;
  background-color: #8484FF;
  font-size: 8pt;
  font-weight: bold;
  text-align: left;
  color: #FFFF00;
  width: 100%;
}

table.popup a:active {
  color: #FFFF00;
  text-decoration: underline;
}
                
table.popup tr {
  padding: 0px;
  margin: 0px;
  border-width: 0px;
}

table.popup tr.subsection {
  font-weight: bold;
}

table.section tr.item, table.popup tr.item {
  padding: 0px;
  margin: 0px;
  border-width: 1px;
}

table.section tr.item td, table.popup tr.item td {
  font-size: 7pt;
  color: blue;
  text-decoration: none;
  border-width: 1px;
  width: 150px;
}

table.section tr.item:hover, table.popup tr.item:hover {
  text-decoration:underline;
  background: #C6C6FF;
  cursor: pointer;
  border-width: 1px;
  border-style: dotted;
  border-color: black;
}

table.popup td {
  padding: 0px;
  margin: 0px;
  border-width: 0px;
  font-size: 7pt;
  width: 150px;
}


div.linklist { text-align: center; }


td.calGridHeader {
  background-color: #8484FF;
  border-width: 1px;
  border-style: solid;
  border-color: #E8E8FF;
  color: #FFFF00;
  font-weight: bold;
  font-size: 8pt;
  text-align: center;
}

.calGridDateText, .calGridDateText a {
  background-color: #8484FF;
  color: #FFFF00;
  font-size: 9pt;
  font-weight: bold;
  padding: 1px 1px 1px 2px;
  text-align: center;
  width: 30%;
}

.calGridText {
  font-size: 7pt;
}

td.calGridBox {
  background-color: #E8E8FF;
  border-width: 1px;
  border-style: dotted;
  border-color: #AAAAAA;
}

td.calGridBoxSelected {
  background-color: #FFFFCC;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
}

td.calGridBoxBlank {
  background-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF;
}


