body {
	background-color: #E4FADD;	
}

#allStuff {
	/*This is the main container for everything, it keeps the white background*/
	background-color: #ffffff;
	width: 682px;
	position: absolute;
	top: 0px;
	left: 0px;
}

hr {
	/*Redifine the hr*/
	border: 0;
	height: 1px;
	width: 100%;
	color: #5fb83f;
	background-color: #5fb83f;
}
/***************Here starts the left side*****************/
#leftContainer {
	/*The left container holds the logo and the menu sections*/
	background-color: #ffffff;
	float: left;
	width: 174px;
}

	#logo {
		/*The logo is just the two upper images on the left*/
		background-color: #ffffff;
		width: 174px;
		/*height: 256px;*/
	}
	
	#fontSwitcher {
		width: 172px;
		background-color: #5FB83F;
		text-align: center;
		height: 20px;
		padding-top: 2px;
		font-family:  "Times New Roman", serif;
		font-size: 1em;
	}
	
	#menus {
		/*Menus is the area behind the actual menu buttons, it gives us the vertical bar next to the buttons*/
		background-color: #5fb83f;
		width: 174px;
	}
	
		#menu {
			/*This holds the actual buttons, a bit thinner than #menus*/
			background-color: #ffffff;
			width: 172px;
			
		}

		a.menu:link {
			/*these eliminate any style from the links, we just want the images...*/
			text-decoration: none;
			border-width: 0px 0px 0px 0px;
		}
		
		a.menu:visited {
			text-decoration: none;
			border-width: 0px 0px 0px 0px;
		}
		
		a.menu:hover {
			text-decoration: none;
			border-width: 0px 0px 0px 0px;
		}
		
		a.menu:active {
			text-decoration: none;
			border-width: 0px 0px 0px 0px;
		}		
/***************Here starts the right side*****************/
#rightContainer {
	/*We want the bg for the text to be white*/
	background-color: #ffffff;
	border-right: solid 2px #dddddd;
	float: left;
	width: 505px;
		border-bottom: solid 1px #ffffff;	
}
	#header {
	/*The header holds just the image*/
		background-color: #dddddd;
		height: 201px;
		width: 506px;
	}
	
	#titles {
		width: 506px;
		height: 33px;	
	}	
		#titleBar1 {
			/*This is the section that holds the section title, similar to the button text*/
			background-color: #5fb83f;
			height: 33px;
			width: 425px;
			font-family:  "Times New Roman", serif;
			font-variant: small-caps;
			font-weight: lighter;
			color: #ffffff;
			font-size: 1.75em;
			float: left;
			background-image:url("/images/d_titleBar_1.jpg")
		}
		
		#titleBar2 {
			/*This is the small section that is the lighter shade to continue the white bar from the header image*/
			background-color: #A2D092;
			height: 33px;
			float: left;
			width: 81px;
		}	
	
		#highlight {
			/*This never has any text, and each subdirectory will change the background-color w/ and inline ss*/
			background-color: #5fb83f;
			height: 3px;
			width: 506px;
		}

		#titleBar3 {
			/*This is aka the menu bar*/
			background-color: #eeeeee;
			height: 41px;
			text-align: middle;
			/*padding-top: .3em;
			padding-left: .3em;
			padding-bottom: 3px;*/
			width: 506px;
			font: normal 95%/130% "Trebuchet MS", Verdana, Arial, sans-serif;
			/*font-variant: small-caps;*/	
		}
	
			#titleBar3 a:link {
				/*These setup the links for the menu bar*/
				color: #376B23;
				text-decoration: none;
				border-bottom: #5fb83f;
				border-style: none none none none;
				border-width: 0px 0px 1px 0px;
			}
			
			#titleBar3 a:visited  {		
				color: #376B23;
				text-decoration: none;
				border-bottom: #5fb83f;
				border-style: none none none none;
				border-width: 0px 0px 1px 0px;
			}
			
			#titleBar3 a:hover {	
				background-color: #5fb83f;
				color: #000000;
				text-decoration: none;
				border-style: none none none none;
				border-width: 0px 0px 0px 0px;	
			}			
			#titleBar3 a:active  {
				color: #376B23;
				text-decoration: none;
				border-bottom: #5fb83f;
				border-style: none none none none;
				border-width: 0px 0px 1px 0px;
			}

	#mainText {
		/*All of the actual text goes here, the right margin gives us the grey bar on the right*/
		background-color: #ffffff;
		margin-right: 1px;
		margin-bottom: -1px;
		font: normal 95%/130% "Trebuchet MS", Verdana, Arial, sans-serif;
		padding: 10px;
	}
		
		h1 {
			/*The very small font*/
			font: italic 65%/130% "Trebuchet MS", Verdana, Arial, sans-serif;
		}

		h2 {
			/*The small font*/
			font: italic 75%/130% "Trebuchet MS", Verdana, Arial, sans-serif;
		}

		h3 {
			/*The red font*/
			font: italic  98%/130% "Trebuchet MS", Verdana, Arial, sans-serif;
			color: #990000;
		}
		
		dt {
			/*For lists*/
			font-family:  "Times New Roman", serif;
			font-variant: small-caps;
			font-weight: lighter;
			color: #000000;
			font-size: 1.3em;	
		}
		dd {
			font: italic 95%/130% "Trebuchet MS", Verdana, Arial, sans-serif;				
		}
		
		/*Unordered lists, just the bullet style*/
		ul {		
			list-style-type: square
		}
				
		.inputbox { 
			/*Input boxes, they get a nice border*/			
			border-top:#5fb83f solid 1px; 
			border-bottom:#5fb83f solid 1px; 
			border-right:#5fb83f solid 1px; 
			border-left:#5fb83f solid 1px; 
			font-family: "Trebuchet MS", verdana, helvetica, sans-serif; 
		}

		#mainText a:link, a:visited {
			/*Any links in the main text*/
			color: #376B23;
			text-decoration: none;
			border-bottom: #5fb83f;
			border-style: none none dotted none;
			border-width: 0px 0px 1px 0px;
		}		
		#mainText a:hover {
			color: #5fb83f;
			text-decoration: none;
			border-bottom: #376B23;
			border-style: none none dotted none;
			border-width: 0px 0px 1px 0px;	
		}
		#mainText a:active {
			color: #376B23;
			text-decoration: none;
			border-bottom: #5fb83f;
			border-style: none none dotted none;
			border-width: 0px 0px 1px 0px;
		}	
			
		.mainTextImage a:link, a:visited {
			/*Any links in the main text*/
			text-decoration: none;
		}		
		.mainTextImage a:hover {
			text-decoration: none;	
		}
		.mainTextImage a:active {
			text-decoration: none;
		}
			
			.mainTextTitle {
				/*The large titles on each page*/
				font-family:  "Times New Roman", serif;
				font-variant: small-caps;
				font-weight: lighter;
				color: #5fb83f;
				font-size: 1.5em;
			}
			
			.mainTextSmallTitle {
				/*The small titles on each page*/
				font-family:  "Times New Roman", serif;
				font-variant: small-caps;
				font-weight: lighter;
				color: #000000;
				font-size: 1.3em;
			}
			
			.mainTextExtras {
				font: italic 85%/130% "Trebuchet MS", Verdana, Arial, sans-serif;
			}
		
			.mainTextInset {
				/*This is the insets on the pages, the color is change, by directory w/ an inline ss*/
				background-image:url("/images/d_rtpGuy_right.gif");
				background-repeat: no-repeat;
				background-color: #cccccc;
				/*background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
			background: url(/images/shadow.gif) no-repeat bottom right;*/
				border-color: #dddddd;
				border-style: solid;
				border-left-width: 6px;
				border-right-width: 2px;
				border-top-width: 1px;
				border-bottom-width: 1px;
				width: 260px;
				float: right;
				padding: 16px;
				margin: 3px;
			}

				.mainTextInsetTitle {
					/*This is the title for the inset only*/
					font-family:  "Times New Roman", Georgia, serif;
					font-style: oblique;
					font-weight: lighter;
					color: #000000;
					font-size: 1.3em;
				}

		.dropshadow1{
			/*This is for image drop shadows*/
			float:left;
			clear:left;
			background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
			background: url(/images/shadow.gif) no-repeat bottom right;
			margin: 10px 0 10px 10px !important;
			margin: 10px 0 10px 5px;
		}
		
		.dropshadow1 p{
			/*This is for image drop shadows*/
			position: relative;
			bottom: 6px;
			right: 6px;
			border: 1px solid #999999;
			padding:4px;
			font-size:14px;
			margin: 0px;
		}
		
		.dropshadowText {
				font: italic 75%/130% "Trebuchet MS", Verdana, Arial, sans-serif;
		}
		
		.dropshadowText2 {
				font: italic 110%/130% Georgia, "Trebuchet MS", Verdana, Arial, sans-serif;
		}
		
/***************And finally, the footer*****************/
#footer {
	/*The footer itself*/	
	background-color: #5fb83f;
	height: 33px;
	width: 681px;
	clear: both;
	background-image:url("/images/d_titleBar_1.jpg");

}

#footerMenu {
	/*The menu in the footer*/
	width: 682px;
	background-color: #E4FADD;
	clear: both;
	font: normal 80%/230% "Trebuchet MS", Verdana, Arial, sans-serif;
}
		#footerMenu a:link, a:visited {
			/*The footer links*/
			color: #000000;
			text-decoration: none;
			border-bottom: #5fb83f;
			border-style: none none dotted none;
			border-width: 0px 0px 1px 0px;
		}		
		#footerMenu a:hover {
			color: #5fb83f;
			text-decoration: none;
			border-bottom: #376B23;
			border-style: none none dotted none;
			border-width: 0px 0px 1px 0px;	
		}
		#footerMenu a:active {
			/*The footer links*/
			color: #000000;
			text-decoration: none;
			border-bottom: #5fb83f;
			border-style: none none dotted none;
			border-width: 0px 0px 1px 0px;
		}