body	{
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		background-color: #000;
		background-image: url(images/bgtile.jpg);
		background-repeat: repeat;
		font-size: 1em;
		color: #333333;
		margin: 0;
		padding: 22px 0;
		}
		
#container	{
			position: relative;
			margin: 0 auto;
			padding: 0;
			width: 750px;
			text-align: left;
			background-color: #fff;
			}
			
#banner		{ 
			width: 750px;
			padding: 0;
			margin: 0;
			 }
				
a:link	{ 
		color: #fff;
		text-decoration: none;
		}

a:visited 	{ 
			color: #fff;
			text-decoration: none;
			}

a:hover {
		color: #FFFF00;
		text-decoration: underline;
		}
				
a:active	{ 
			color: #FFFFCC;
			text-decoration: none;
			}
	
	
#navlist	{ 
			height: 27px;
			padding: 0;
			margin: 0;
			font-size: .75em;
			background-color: #679901;
			background-image: url(images/navbg.jpg);
			background-repeat: no-repeat;
			}
			
#nav	{ 
		padding: 0;
		margin: 0;
		top: 5px;
		left: 35px;
		position: relative;
		width: 750px;
		z-index: 1000;
		}

#nav a	{
		text-decoration: none;
		background-color: transparent;
		}

#nav a:link	{ 
			color: #ffffff;
			text-decoration: none;
			}

#nav a:visited 	{ 
				color: #ffffff;
				text-decoration: none;
				}

#nav a:hover	{
				color: #FFFF00;
				text-decoration: underline;
				}
				
#nav a:active 	{ 
				color: #FF0000;
				}

#nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
		}

#nav li li a	{
				display: block;
				color: #fff;
				text-align: left;
				padding: 0.2em 10px;
				width: 140px;				}
				
#nav li li a:link	{ 
					color: #fff;
					text-decoration: none;
					background-color: #679901;
					}

#nav li li a:visited 	{ 
						color: #fff;
						text-decoration: none;
						background-color: #679901;
						}

#nav li li a:hover {
					color: #FFFF00;
					text-decoration: none;
					background-color: #395501;
					}
				
#nav li li a:active	{ 
					color: #FFFFCC;
					text-decoration: none;
					background-color: #395501;
					}





#nav li	{
		float: left;
		position: relative;
		text-align: center;
		cursor: default;
		background-color: transparent;
		list-style: none;
		padding: 0 14px;
		}
	
#nav li.homebttn	{
					float: left;
					position: relative;
					text-align: center;
					cursor: default;
					background-color: transparent;
					padding-left: 32px;
					}

#nav li ul	{
			display: none;
			position: absolute;
			top: 100%;
			left: 0;
			font-weight: normal;
			padding: 0;
			z-index: 2000;
			}

#nav li>ul 	{
			top: auto;
			left: auto;
			}

#nav li li 	{
			display: block;
			position: relative;
			left: -27px;
			float: none;
			background-color: transparent;
			border: 0;
			}

#nav li:hover ul, #nav li.over ul	{ display: block; }
	
	
	
	
	
	
#loginbox	{
			position: absolute;
			top: 33px;
			right: 17px;
			font-size: .85em;
			}
			
#loginbox a:link	{ 
					color: #ffffff;
					text-decoration: none;
					}

#loginbox a:visited	{ 
					color: #ffffff;
					text-decoration: none;
					}

#loginbox a:hover	{
					color: #FFFF00;
					text-decoration: underline;
					}
				
#loginbox a:active 	{ 
					color: #FF0000;
					}
			
			
	
	
#contentx	{
	padding: 30px 25px 30px 25px;
	background-color: #fff;
	background-image: url(images/contentbg.gif);
	background-repeat: repeat-y;
	width: 695px;
	overflow: auto;
			}	
			
#content	{
			padding: 30px 50px 30px 50px;
			background-color: #fff;
			width: 650px;
			}	
			
			
a:link 	{ 
					color: #415D8D;
					text-decoration: underline;
					}
a:visited 	{
					color: #30466c;
					text-decoration: underline;
					}
a:hover 	{ 
					color: #CC0000;
					}
a:active 	{ 
					color: #FF0000;
					}
					
#contentx a:link 	{ 
					color: #415D8D;
					text-decoration: underline;
					}
#contentx a:visited 	{
					color: #30466c;
					text-decoration: underline;
					}
#contentx a:hover 	{ 
					color: #CC0000;
					}
#contentx a:active 	{ 
					color: #FF0000;
					}

h1		{ color: #679901; }
h2		{ color: #679901; }
h3		{ color: #679901; margin-bottom: 3px; padding-bottom: 3px;  }
h4		{ color: #679901; font-size: 1em; }


.greenbox 	{
			width: 223px;
			background-image: url(images/greenbg.gif);
			float: left;
			}
			
.greenbox2 	{
			width: 223px;
			background-image: url(images/greenbg.gif);
			float: right;
			font-size: .85em;
			margin-left: 17px;
			}

.greentop 	{
			background: transparent url(images/greentop.gif) no-repeat top left;
			padding: 11px 25px 1px 25px;
			margin: 0;
			}

.greenbot 	{
			background: transparent url(images/greenbot.gif) no-repeat bottom left;
			padding: 0;
			margin: 0;
			}
	
#childphoto {
			position: relative;
			top: -7px;
			margin-left: 29px;
			 }		


.yellowbox 	{
			width: 450px;
			background-image: url(images/yellowbg.gif);
			float: right;
			}

.yellowtop 	{
			background: transparent url(images/yellowtop.gif) no-repeat top left;
			padding: 25px 25px 1px 25px;
			margin: 0;
			}

.yellowbot 	{
			background: transparent url(images/yellowbot.gif) no-repeat bottom left;
			padding: 0;
			margin: 0;
			}
			
.highlights	{
			position: relative;
			width: 320px;
			}
			
			
.bluebox	{
			width: 450px;
			margin-top: 30px;
			float: right;
			clear: right;
			background-color: #D6EBF8;
			background-image: url(images/bluebg.gif);
			}

.bluetop 	{
	background: transparent url(images/bluetop.gif) no-repeat top left;
	padding: 25px 25px 1px 25px;
	margin: 0;
			}

.bluebot 	{
			background: transparent url(images/bluebot.gif) no-repeat bottom left;
			padding: 10px 0 0 0;
			margin: 0;
			line-height: 0;
			}

#footer	{ 
		font-size: 11px;
		background-color: #679901;
		height: 51px; 
		width: 750px;
		color: #fff;
		padding: 0;
		}
		
#footertext	{
			position: relative;
			top: 12px;
			}

#footer	 a:link		{ color: #fff; text-decoration: none; }
#footer	 a:visited 	{ color: #fff; text-decoration: none; }
#footer	 a:hover	{ color: #FFFF00; text-decoration: underline; }

#treelogo	{
			float: left; 
			position: relative;
			top: 7px;
			margin-left: 22px;
			margin-right: 10px;
			}
			
.smalltext	{ font-size: .9em; }
 
 div.mediabox {
	float: right;
	border: 1px solid #679901;
	margin: 0 0 20px 20px;
	width: 200px;
	}
	.mediabox h3 {
	background: #E3ECDC;
	margin: 0;	
	padding: 3px 0 3px 5px;
	}
	.mediabox h3 img {
	margin-top: -1px;
	padding: 0 2px 0 0;
	vertical-align: middle;
	}
	.mediabox h4 {
	color: #000;
	margin-left: 10px;
	}
	
	.mediabox h5 {
	color: #000;
	margin-left: 5px;
	}		
	.mediabox ul {
	margin: 0 8px;
	padding: 0;
	font-size: 12px;
	}
	.mediabox li {
	list-style: none none;
	line-height: 1em;
	margin: 8px 0;
	}
	.mediabox li a, .mediabox li a:hover, .mediabox li a:visited {
	border: none;
	text-decoration: none;
	}
	#content .mediabox p {
	background: #E3ECDC;
	font-size: 11px;
	margin: 15px 0 0 0;
	padding: 5px 20px;
	}

.cbox {
	border: 1pt solid #679901;
	float: right;
	margin: 10pt 0 10pt 20pt;
	padding: 0 5pt;
	font-size: 12px;
	width: 110pt;
	background: #E3ECDC
	}
html { min-height: 100%; margin-bottom: 1px; }


				
.greenNav 		{
				width: 200px;
				background-image: url(images/greenNavBg.gif);
				float: right;
				margin: 22px 0 17px 22px;
				line-height: 20px;
				font-size: .9em;
				clear: right;
				}

.greenNavTop 	{
				background: transparent url(images/greenNavTop.gif) no-repeat top left;
				padding: 20px 17px 1px 17px;
				margin: 0;
				}

.greenNavBot 	{
				background: transparent url(images/greenNavBot.gif) no-repeat bottom left;
				padding: 0;
				margin: 0;
				}
				
.greenNav	ul	{
				margin-left: 10px;
				padding-left: 10px;
				padding-top: 0;
				margin-top: 0;
				padding-bottom: 0;
				margin-bottom: 0;
				}
				
.navStar	{
			position: relative;
			top: 2px;
			}
			
.bigGreen	{
			font-size: 1.2em;
			color: #679901;
			font-weight: bold;
			}
			
.medGreen	{
			font-size: 1em;
			color: #679901;
			font-weight: bold;
			}
			
#quicktimeBox	{
				padding: 7px 10px;
				border: #679901 2px solid;
				margin-top: 35px;
				width: 185px;
				}
			
.quicktimeLink	{ 
				position: relative;
				top: -8px;
				margin-left: 7px;
				text-decoration: none;
				}
				

#quicktimeBox	 a:link		{ text-decoration: none; }
#quicktimeBox	 a:visited 	{ text-decoration: none; }
#quicktimeBox	 a:hover	{ text-decoration: none; }

#videoBox	{
			float: right;
			margin-left: 22px;
			margin-bottom: 12px;
			}
			
#leftbox	{
			width: 190px;
			overflow: auto;
			}
			
.floatRight	{ float: right; }

#surveyInvitations { 
					line-height: 1.7em;
					margin-right: 144px;
					 }
					
			
.lilGreenBox	{
				width: 172px;
				background-image: url(images/lilGreenBoxBg.gif);
				background-repeat: no-repeat;
				float: right;
				margin: 0 0 7px 17px;
				text-align: center;
								}

.lilGreenBoxTop	{
				background: transparent url(images/lilGreenBoxTop.gif) no-repeat top left;
				padding: 22px 22px 0 22px;
				margin: 0;
				}

.lilGreenBoxBot	{
				background: transparent url(images/lilGreenBoxBot.gif) no-repeat bottom left;
				padding: 0;
				margin: 0;
				}
				
.lilGreenBox2	{
				width: 172px;
				background-image: url(images/lilGreenBoxBg2.gif);
				background-repeat: repeat-y;
				float: right;
				margin: 0 0 12px 17px;
				text-align: center;
				font-size: .85em;
								}
			
#techAsstForm	{
				position: relative;
				left: 40px;
				padding: 11px 22px 22px 22px;
				background-color: #E8F5D6;
				border: #669900 3px solid;
				width: 80%;
				line-height: 1.5em;
				}
				
#techAsstForm td	{ text-align: left; }

td #formHeader	{ 
				text-align: center;
				 }
				
.focusBox	{
				width: 212px;
				background-image: url(images/focusBoxBg.gif);
				background-repeat: repeat-y;
				text-align: center;
				font-size: .95em;
				}
				
.focusBox2	{
				width: 168px;
				height: 252px;
				background-image: url(images/resourcebg.gif);
				background-repeat: no-repeat;
				text-align: center;
				font-size: .95em;
				padding: 22px 22px 0 22px;
				margin: 0;
				}

.focusBoxTop	{
				background: transparent url(images/focusBoxTop.gif) no-repeat top left;
				padding: 22px 25px 0 25px;
				margin: 0;
				min-height: 220px;
				}

.focusBoxBot	{
				background: transparent url(images/focusBoxBot.gif) no-repeat bottom left;
				padding: 0;
				margin: 0;
				}
				
.pdfList	{
			list-style-image: url(images/pdficonsm.gif);
			list-style-type: circle;
			} 
			
.downloadBar	{ 
				font-size: .9em;
				background-color: #e8f5d6;
				width: 714px;
				padding: 5px 18px;
				border-top: #679901 2px solid;
				}
		
.downloadBarText	{
					position: relative;
					padding: 12px 12px 12px 17px;
					margin-left: 32px;
					}
					
.handbookCover	{ margin-left: 17px; }

#disclaimer	{ font-size: .8em; }

.fileSize	{ 
			font-size: .7em;
			color: #999999;
			}
			
#searchBox	{
			background-color: #E8F5D6;
			border: #679901 2px solid;
			padding: 30px 0 12px 30px;
			width: 350px;
			}
			
.zipIcon	{
			position: relative;
			top: 7px;
			}
			
#videoBox2	{
			float: right;
			width: 320px;
			height: 280px;
			margin-left: 22px;
			margin-bottom: 12px;
			background-color: #e8f5d6;
			border: #669900 3px solid;
			}
			
#myFlashVid {
			
			width:321px;
			height:270px;
			z-index:1;
			}
			
.spanishBttn	{
				float: right;
				width: 116px;
				clear: right;
				}

