body { 
    font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 100%;
	color:#333333
	
	}


p { 
	font-size: 75%; 
	line-height: 180%;
	}
	

	
.brownsub  {
	
	line-height: 250%;
	color:#993300;
	font-weight: bold;
	
	}	
	
	
.tealsub {
	
	line-height: 250%;
	color: #006633; 
	font-weight: bold;
	}
	
.tealsmallhead {
	font-size: x-small; 
	line-height: 150%;
	color: #006633;
	font-weight: bold;
	 
	}
	
	
.blurb {
	font-size: 80%; 
	line-height: 200%;
	color: #993300;
	font-weight: bold;
	 
	}
	
.resource {
	font-size: x-small; 
	line-height: 150%;
	color: #666666;
	font-weight: 100;
	 
	}
	
.resource1 {
	font-size: x-small; 
	line-height: 150%;
	font-weight: 100;
	 
	}
	
.smallsub {
	font-size: 80%; 
	line-height: 200%;
	color: #666666;
	font-weight: bold;
	 
	}
	
	
h1 {
	font-weight: bold;
	color:#006633; 
	line-height: 180%;
	font-size: small; 
	}
	
h2 {
	font-weight: bold;
	color: #993300; 
	line-height: 180%;
	font-size: small; 
	}
	
	
h3 {
	
	font-weight: bold;
	color: #666666; 
	line-height: 180%;
	font-size: medium; 
	}
	
	
li {
	
	line-height: 180%;
	font-size: 75%
	}
	
	
.tealbold {
	
	color:#006633; 
	font-weight: bold;
	}
	
.brownbold {
	
	color:#993300;
	font-weight: bold;
	}
	

	
a:link {
	color: #006633; 
	}
	
a:visited {
	color: #006633;
	}
	
a:hover {  
	color: #993300; 
	background-color: #cccccc;
	
	}
	
#navbar a:link {
	color: #666666; 
	text-decoration: none;
	font-size: x-small
	}
	
#navbar a:visited {
	color: #999999;
	text-decoration: none; 
	font-size: x-small
	}
	
#navbar a:hover {  
	color: #993300; 
	background-color: #cccccc;
	text-decoration: none;
	font-size: x-small
	}
	


#navbar {
	font-size: x-small;
	color: #666666;
	text-decoration: none;
}
.resource_bio {
	font-size: x-small; 
	line-height: 150%;
	color: #666666;
	font-weight: 100;
	margin-right: 10px;
	 
	}


.box {
	float: left;
	width: 130px;
	margin-right: 5px;
	font-size: x-small;
	line-height: 150%;
}

.box iframe {
	margin-bottom: 10px;
}