img
{  border-style: none;
}
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; }
H1 { font-size: large;    color: #006622; }  
H2 { font-size: medium;   color: #000000; }  
H3 { font-size: small;    color: #000000; }
H4 { font-size: x-small;  color: #000000; }  
H5 { font-size: xx-small; color: #000000; }  
H6 { font-size: xx-small; color: #eee2b9; }  

#header {
background-color: #FFFFFF;

}

#footer {
background-color: #eee2b9;
}

#slogan {
background-color: #eee2b9;
}

#TopMenu {
    padding-top: 0.1em;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
	border-top: 0.1em solid #006622;
    border-bottom: 0.1em solid #006622;
    background-color: #666666;
    color: #FFFFFF;
    padding-top: 0;
    text-align: center;
    margin-bottom: 0;
    float:left;
    width:100%; 
	font-size: medium; 
}

#TopMenu a {
  
    color: #FFFFFF;
	font-size: medium; 
}

#TopMenu a:hover{
    background-color:#000000;
    color: #FFFFFF;
	font-weight: bold;
}

a { font-size: small; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none; }
a:link      { color: #006600; }   
a:active    { color: #006600; }   
a:visited   { color: #663399; }  
a:hover     { color:#000033; }

.link { color: #006633; border-bottom: 1px dashed #006633; }

body {  margin-top: 2px; 
        margin-left: 2px; 
        font-family: verdana, helvetica, arial, sans-serif; 
        font-size: xx-small; 
        background-color: #3F0000; 
        color: #000000; 
     }

#FormTable li { font-size: xx-small; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000066; } 
	
p,li { font-size: small; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000; } 

address {   font-size: xx-small; 
            font-family: Verdana, Arial, Helvetica, sans-serif; 
            color: #993366; }

input.checkbox { background-color: transparent; }
input.radio { background-color: transparent; }
input.text { color: #000066; background-color: #FFFFFF; }
input.password { color: #000066; background-color: #FFFFFF; }
input.file { color: #000066; background-color: #FFFFFF; }
input.button { font-size: xx-small; color: #FFFFFF; background-color: #059033; }
input.submit { font-size: xx-small; color: #CCCC99; background-color: #059033; }
input.reset { font-size: xx-small; color: #CCCC99; background-color: #059033; }
select option { color: #000066; background-color: #FFFFFF; }
textarea { color: #000066; background-color: #FFFFFF; }
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; 
                          font-size: xx-small; }
label { font-size: xx-small;
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        color: #000066; }
        
legend { font-size: xx-small;
         font-weight: bold;
         font-family: Verdana, Arial, Helvetica, sans-serif; 
         color: #669933; }
        
tr.AlternateRowA {  font-size: xx-small; 
                    font-family: Verdana, Arial, Helvetica, sans-serif; 
                    color: #000033;
                    background-color: #FFFFCC; }

tr.AlternateRowB {  font-size: xx-small; 
                    font-family: Verdana, Arial, Helvetica, sans-serif; 
                    color: #000066;
                    background-color: #FF0000; }

th.Admin {  font-size: xx-small;
            font-weight: bold; 
            font-family: Verdana, Arial, Helvetica, sans-serif; 
            color: #000033; 
            background-color: #CCCC99; }

/*************************************************************************/
/* Directory List */
div#ColumnWrapper { margin-bottom: 1em; }
ul#ColumnList { width: 35em;
                margin: 0;
                padding: 0;
              }
ul#ColumnList li { /*width: 17em;*/
                   height: 5em;
                   margin: 0;
                   margin-bottom: 1em;
                   padding: 0;
                   list-style-type: none;
                 }

/* View Directory Entry */
#PersonWrapper { background-color: #ffffff;
                 text-align: left;
                 left: 0px;
                 top: 0px;
                 width:450px;
               }

#PersonBasics { margin: 0;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 10px;
                padding-bottom: 10px;
                font-size: x-small;
              }
              
#PersonClassification { background-color: #88BB88;
                   color: #000066;
                   font-family: Verdana, Arial, Helvetica, sans-serif;
                   font-size: large;
                   font-weight: bold;
                   margin: 0;
                   padding-left: 10px;
                   padding-right: 10px;
                 }

#PersonName { color: #CC9933;
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: small;
              font-weight: bold;
            }
/*************************************************************************/
      
/*************************************************************************/
/* Event Calendar */
#CalendarBasics { 
                    background-color: #FF0000; 
                }

#CalendarDate  { color: #CC9933;
                 font-weight: bold; }

th#CalendarHeading { speak-header: once;
                     color: #FF0000; 
                     background-color: #059033; 
                     text-align: center;
                     font-weight: bold;
                   }

td#CalendarBlank { 
                   background-color: #DDEEDD; 
                 }

/* View Event Entry */
#EventWrapper { background-color: #ffffff;
                text-align: left;
                left: 0px;
                top: 0px;
                width:450px;
              }

#EventHeading { background-color: #88BB88;
                color: #000066;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: large;
                font-weight: bold;
                margin: 0;
                padding-left: 10px;
                padding-right: 10px;
              }

#EventBody { margin: 0;
             padding-left: 10px;
             padding-right: 10px;
             padding-top: 10px;
             padding-bottom: 10px;
             font-size: x-small;
           }

#EventFooter { background-color: #88BB88;
               color: #000066;
               font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: x-large;
               font-weight: bold;
               margin: 0;
               padding-left: 10px;
               padding-right: 10px;
               padding-bottom: 10px;
             }

/*************************************************************************/

/*************************************************************************/
/* Scholarship Recipient List */
div#RecipientWrapper { margin-bottom: 1em; }
ul#RecipientList { margin: 0;
                   padding: 0;
                 }
ul#RecipientList li { margin: 0;
                      padding: 0;
                      list-style-type: none;
                    }
/*************************************************************************/

/*************************************************************************/
/* Search List */
div#SearchWrapper { margin-bottom: 1em; }
ul#SearchList { margin: 0; padding: 0; }
ul#SearchList li { margin: 0; padding: 0; list-style-type: none; }
/*************************************************************************/

/*************************************************************************/
/* form row layout */
div.row { clear: both;
          padding-top: 3px;
        }

div.row span.label { float: left;
                     width: 150px;
                     padding-top: 3px;
                     text-align: right;
                   }

div.row span.formw { float: right;
                     width: 200px;
                     text-align: left;
                   }
div.spacer { clear: both;  }

div#FormWrapper { width: 360px; 
                  margin-left: 10px; 
                  margin-bottom: 10px; 
                  padding-top: 10px; 
                  background-color: #DDEEFF; 
                  border: 1px dotted #000066;
                }
				
div#FormWrapper_Training
    			{ width: 600px; 
                  margin-left: 20px; 
                  margin-bottom: 20px; 
                  padding-top: 10px; 
                  background-color: #DDEEFF; 
                  border: 1px dotted #000066;
                }
/*************************************************************************/

/*************************************************************************/
.line:first-line    { font-family: Verdana, Arial, Helvetica, sans-serif;
                      font-style: italic;
                      text-transform: uppercase;
                    }
.line:first-letter  { font-family: Verdana, Arial, Helvetica, sans-serif;
                      font-size: 300%;
                      font-style: italic;
                      font-weight: bold;
                      float: left; }
/*************************************************************************/

/* scroller styles */
.TScrBack0 {
}

/* style to be applyed to all items' bodies
  - SPAN in Netscape 4.x, TD in rest
  all local stylesheets of external files if any are to be ignored */
.ScrollItem { font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: xx-small;
              padding: 5px;
              color: #666633;
              background-color: #CCCC99;
            }

.ScrollBody { color: #666633;
              background-color: #CCCC99;
            }
            
.skiplink { display: none; }

table#FormTable {
	
          	  font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: xx-small;           

}

th {
	background-color:#eee2b9;
	color:#663300;
}   
     
table#FormTableCalendar {
	
          	  font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: xx-small;           

} 

table#FormTable2 {
	
          	  font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: xx-small;           

}  
#news { 
	color:#FF0000;
}

.news { 
	color:#FF0000;
	font-size: x-small; 
}

th.column {
	width: 14.3%; 
	font-size: xx-small;
}

td.column {
	width: 14.3%; 
	height: 90px;
	font-size: xx-small;
}

#FormTable2 a { font-size: xx-small; } 

#CalendarWrapper { /* also holds the left "sliding" tab */
background-color: #ffffff;
text-align: left;
left: -2px;
top: 0px;
width: 100%;  /*90%; this can fixed or fluid */
 /*margin: 0 auto; NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
}

#CalendarWrapperStaff { /* also holds the left "sliding" tab */
background-color: #ffffff;
text-align: left;
left: -2px;
top: 0px;
width: 50%;  /*90%; this can fixed or fluid */
 /*margin: 0 auto; NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
}

#ProjectCaledar a { 
	color:#000000; 
}

#ProjectCaledar th { 
	background-color:#000000; 
}

#AdminCaledar th { 
	background-color:#333399; 
}

#AdminCaledar a { 
	color:#333399; 
}

#ProjectTitle h1 {
	color: #000000;
}

#Overall_Caleandar a.TrainingCourse {
	color: #0000FF;
}

#Overall_Caleandar a.PayrollDeadline{
	color: #FF0000;
}

#Overall_Caleandar a {
	color: #000000;
}

#left {

  background-color: #FFFFFF;
}

#right {

  background-color: #FFFFFF;

}