@import url("style_layout.css");
@import url("style_window.css");
@import url("style_blocks.css");
@import url("style_menus.css");
@import url("style_events.css");

BODY { 
  margin: 0px;
  padding: 0px; 
  scrollbar-face-color: #C6E6FF; 
  scrollbar-shadow-color: #000000; 
  scrollbar-highlight-color: #0E5D2C; 
  scrollbar-3dlight-color: #D8F9E9; 
  scrollbar-darkshadow-color: #D8F9E9; 
  scrollbar-track-color: #D8F9E9; 
  scrollbar-arrow-color: #000000;
  font-family: Verdana, Arial, sans-serif; 
  color: #0E5D2C;  
  font-size: 12px;
  background-color: #D8F9E9; 
  vertical-align: top;
}

A:link { color: #0E5D2C; text-decoration: none; font-weight: bold; }
A:visited { color: #015320; text-decoration: none; font-weight: bold; }
A:hover	{ color: #FF0000; text-decoration: none; font-weight: bold; }
A:active { color: #000000; text-decoration: none; font-weight: bold; }

/* PAGE ELEMENTS */
fieldset { color: #0E5D2C; border: 1px solid #0E5D2C; }
legend { font-size: 12px; color: #0E5D2C; } 
HR { color: #08A355; height: 2px; width:94%; }
form { margin: 0px; }

.textarea {
  border: 1px solid #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color: #FFFFFF;  
}
select {
  font-family: Verdana, Arial, sans-serif; 
  font-size: 12px;
  border: 1px solid #84CEA9;
  background-color: #FFFFFF;  
}
.textbox {
  padding-left: 2px;  
  border: 1px solid #5FE8BC;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 12px;
}
.button {
  background-image: url(BTile.jpg);
  background-repeat: repeat-x;
  background-position: left top; 
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #0BBD70;
  font-size: 12px; font-weight: bold; color: #0BBD70;
  letter-spacing: .2em;
  background-color: #D8F9E9;  
}
.Title { font-weight: bold; font-size: 16px; color: #cc3300; }
.Code {
  display: block;
  width: 80%;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
  padding-right: 5px;
  padding-left: 10px;
  font-family: 'Courier New', Monospace; font-size: 12px; color: #000000;
  border-top: 5px solid #068226;
  border-right: 1px solid #068226;
  border-bottom: 1px solid #068226;
  border-left: 5px solid #068226;
  background-color: #ffffff;
}
.Quote {
  display: block;
  width: 80%;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
  padding-right: 5px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; 
  border-top: 2px solid #068226;
  border-right: 0px solid #8b4513;
  border-bottom: 2px solid #068226;
  border-left: 0px solid #8b4513;
  background-color: #ffffff;  
}
.spThemeSmallBlock { border: 1px solid #469D6B; padding:4px; }
.hidden { DISPLAY: none } 

/* Font Colors */

/* These next 7 are generally <table> cells, <div> or <span>
   and do not contain a background color
   The font sizes should descend */
.fBold { font-weight: bold; font-size: 12px; color: #0A914D; }
.fAlert { font-weight: bold; color: #FF0000; } 
.fTitle { font-size: 16px; font-weight: bold; color: #0A914D; }
.fSubTitle { font-size: 14px; font-weight: bold; color: #0A914D; }
.fAltSubTitle { font-size: 14px; font-weight: bold; color: #0A914D; }
.fNorm { font-size: 12px; color: #0E5D2C; }
.fSmall { 
  font-family: Verdana, Arial, sans-serif; 
  font-weight: bold; 
  font-size: 10px; 
  color: #013E1C; 
}

/* These next 3 are generally <table> cells, <div> or <span>
   and contain a background color */
.tTitle {
  margin: 2px;
  padding: 4px;
  font-size: 16px; 
  font-weight: bold; 
  color: #0A914D  
  border: 1px solid #629979;
  background-color: #73FFC2;;
}
.tSubTitle {
  margin: 2px;
  padding: 4px;  
  font-size: 14px; 
  font-weight: bold; 
  color: #0A914D;   
  border: 1px solid #629979;  
  background-color: #73FFC2;  
}
.tAltSubTitle {
  margin: 2px; 
  padding: 4px; 
  border: 1px solid #629979;
  font-weight: bold; 
  font-size: 14px; 
  color: #0A914D;
  background-color: #73FFC2;
}

/* Table Classes */ 
table { font-size: 10px; text-decoration: none; font-family: Verdana, Arial, sans-serif; text-align: left; color: #0E5D2C; }
table.grid {
  font-size: 12px; color: #0E5D2C;
  text-align: left;
  border-top: 1pt solid #000000;
  border-right: 1pt solid #000000;
  border-bottom: 0pt none #000000;
  border-left: 0pt none #000000;
}
table.grid td {
  font-size: 12px; color: #0E5D2C;
  border-top: 0pt solid #ffffff;
  border-right: 0pt solid #ffffff;
  border-bottom: 1pt solid #000000;
  border-left: 1pt solid #000000;
}
.tCellHover { border: 1px solid #0075B8; background-color: #75BCA2; }
.tCellAlt0 { border: 1px solid #003A67; background-color: #90FCDA; }
.tCellAlt1 { background-color: #73FFC2; }
.tCellAlt2 { border: 1px solid #0075B8; background-color: #5EEEAC; }
.tContent { color:#ffffff; background-color: #7EE7AA; }
.tBorder {
  width: 100%;
  margin: 0px;
  padding: 2px;
  font-size: 11px; color: #0E5D2C;
  border: 1pt solid #000000;
}
.tPlain {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 11px; color: #0E5D2C;  
  text-align: left;
  vertical-align: top;
}
.clsSpacer {
  width:10%;
  margin: 0px;
  padding: 0px;
  clear: both;
  height: 1px;
}