body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-top: 0;
  scrollbar-track-color: #339900;
  scrollbar-arrow-color: #339900;
  scrollbar-face-color: #006600;
}


a.HeaderLinks:link {
	font-size: 90%;
	color: #ffffff;
	background-color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;	
}
a.HeaderLinks:visited {
	color: #ffffcc;
		background-color: #000000;
}
a.HeaderLinks:hover, a.HeaderLinks:focus {
	text-decoration: underline;
		background-color: #000000;
}

a.HeaderLinks:active{
			color: #ffffff;
			background-color: #339900; 			
			text-decoration: underline;
}


.subscript p {
	font-variant:small-caps;
}


#breadcrumb {
	font-size: 80%;
	color: #630;
clear:both;
}
a.breadcrumb:link {
color: #663300;	
}
a.breadcrumb:visited {
	color: #006600;
}
a.breadcrumb:hover {
	text-decoration: underline;
}


.LinkWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.LinkWhite:link {	
}
a.LinkWhite:visited {
	color: #FFFFCC;
}
a.LinkWhite:hover {
	text-decoration: underline;
}


.LinkWhiteTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.LinkWhiteTitle:link {	
}
a.LinkWhiteTitle:visited {
	color: #FFFFCC;
}
a.LinkWhiteTitle:hover {
	text-decoration: underline;
}

.FooterLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #339900;

}
a.FooterLinks:link {	
}
a.FooterLinks:visited {
	background-color: #339900;
}
a.FooterLinks:hover {
	text-decoration: underline;
	background-color: #006600;
}

.GreenBackground{
	background-color: #339900;
}

.DarkGreenBackground{
	background-color: #006600;
}
.H2SectionHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;

}
.shadow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	color: #663300;
	text-decoration: none;

}

a.shadow:link {	
}
a.shadow:visited {

}
a.shadow:hover {
	text-decoration: underline;
	color: #FFFFFF;
	
}

.Footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	text-align: center;

}


.H1White {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;	
}


.H2GreenDark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	color: #006600;
}
.H2Brown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	color: #663300;
}
.TextGreenDark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	color: #006600;
	text-decoration: underline;
}
.TextBrown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	color: #663300;
}


ul.sidelist
{
	list-style-type: none;
	padding:0;
/*	text-indent: -2em;*/
	text-align: left;

} 

ul.subsidelist
{
	list-style-type: none;
	padding-left:10%;
/*	text-indent: -3em;*/
	text-align: left;

} 


li.sidelistitem
{
	padding:0;
/*	text-indent: -2em;*/
	text-align: left;
}
/* don't print the navbar heading */
#navbar { display:none !important; }

/* noprint class */
.noprint, .skipCode, .accessLinksMiddle, #footerSearch {
	display:none !important;
	}
.center {
	background-position: center;
}
.lightgreen
{
color:#339900;
}


.AlignLeft {
	float: left;

}
.TextBrownItalics {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #663300;
	font-style: italic;
}
.whiteline
{
color: #ffffff;
}
.BlackLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
	text-decoration: none;
}
a.BlackLinks:link {	
	color: #000000;
	text-decoration: none;
}
a.BlackLinks:visited {
	color: #000000;
	text-decoration: none;
}
a.BlackLinks:hover {
	color: #000000;
	text-decoration: none;
}

        #wrapper {
          width: 98%;

        }

        #branding {
          width: 100%;
		  background-color: #000000;  
	overflow: auto;
	      }
		  
		  #branding img {
			float: left;
		 }

#branding p{
float: right;

}


		#logo {
		float: left;
		width: 73%;
	
		}

		#headermenu {
		float: right;
		width: 23%;
		font-size: 85%;


		}
		
		        #mainNav {
    
		  width: 23%;
		  
		  
		  
          float: left;
		  padding-top: 0.2em;
		    background-color: #390;  		  
        }

        #content {
	      font-family: Verdana, Arial, Helvetica, sans-serif;		
	color: #663300;
   background-color: #fff; 
          width: 70%;
          float: right;
		  padding-top: 0.2em;
        }

#content h1{
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}



	    #footer{
        width: 100%;		
        margin-top: 1px;
		border: 1px solid #060;
		    background-color: #390;  
		padding: 0.1em;
		font-size:95%;
        clear: both;
        }
		




/*----------Contact Form and Search Box----------*/		
        fieldset {
          margin: 2px 0;
          padding: 1px;
          border : 0;
        }
        label {
          float: left;
        }		

        input {
          width: 80%;
		 font-family: verdana,helvetica,sans-serif;		  
        }
		
		input:focus, textarea:focus {
          background: #ffffff;
          color: #000000;		  
        }	
		.aButton {
		width: auto;
		background-color: #006600;
		border-color: #006600;
		border-style: outset;
		border-width: 1px;
		color: #ffffff;
		font-size: 100%;
		font-family: verdana,helvetica,sans-serif;
		font-weight: bold;
		 cursor: pointer;
		}
				
		.btnhov{
		background-color: #fff;
		color: #060;
				  cursor: pointer;
		}		
		
				
 /*Selectors prefixed with a dot . are user defined and target class selectors. A class can be called any number of times on an xhtml page.
 In the case below the style fieldset.search applies to an element (main type selector) of type fieldset with a class of search - the name search being user defined. 
 */
     /*   fieldset {
          margin: 0;
          padding: 0;
          border : 0;
        }		
        legend {
          font-weight: bold;
		  background-color: #ffffff;
		  color: #000000;
        }


		 #query {
          width: 6em;
        }
        textarea {
		 font-family: verdana,helvetica,sans-serif;
          width: 20em;
          height: 10em;
        }
        input[type="text"], textarea {
          border-top: 2px solid #996699;
          border-left: 2px solid #996699;
          border-bottom: 1px solid #996699;
          border-right: 1px solid #996699;
        }
 
        .required {
          font-size: 0.75em;
        }
		



*/



		
/*----------End of Contact Form and Search Box----------*/		




/*----------General list classes----------*/				
ol.decimal {list-style-type: decimal}
ol.lroman {list-style-type: lower-roman}
ol.uroman {list-style-type: upper-roman}
ol.lalpha {
list-style-type: lower-alpha;
}

ol.ualpha {list-style-type: upper-alpha}

/*----------Image float tags----------*/				

.floatleft
{
		float: left;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0em;
		padding-right: 1em;
		
}
.floatright
{
		float: right;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 1em;
		padding-right: 0em;
		
}

/* additional footer styles*/
#aboutfooter {
	padding-top:10px;
 	width:100%;
 	background:#000;
 	font-size:90%;
	line-height: 120%;
 	color:#FFF;
 }

.footercolumn {
	
	margin-left: 2%;
	float:left;
	width: 30%;
	overflow:hidden;
}
a.footercolumn {
	border:0;
}
.spacer {
clear:both;
}

.footercolumn H3 {
	font-size: 110%;
	font-weight: bold;
	margin:0;
	padding:2px;
/*	text-align:center;*/
	background-color:#330000;
}
.footercolumn p {
	margin: 0;
	}
	
#aboutfooter a{
	display:block;
	width:150px;
	height: 115px;
	text-indent:-99999px;
	background-color:#000;
}

a.why:link, a.why:active {
	background:url(../images/OK03_20051114-1small.jpg) no-repeat;
}
a.who:link,  a.who:active {
 	background:url(../images/Tree04_1small.jpg) no-repeat;
}

a.how:link,  a.how:active {
 	background:url(../images/Logo_by-me_rollover.gif) no-repeat;
}

a.why:hover, a.who:hover, a.how:hover {
	background-position:-150px;
}

a.why:visited {
	background:url(../images/OK03_20051114-1small.jpg) no-repeat;
	background-position:-150px;
}

 a.who:visited {
 	background:url(../images/Tree04_1small.jpg) no-repeat;
	background-position:-150px;
}

 a.how:visited {
 	background:url(../images/Logo_by-me_rollover.gif) no-repeat;
	background-position:-150px;
}