@charset "utf-8";
/*this is a wildcard selector. Targets every element on the page. Here we are stripping every element on the page of its margin and padding.  Also removes default margins and paddings various browsers have */
* {
	margin: 0px;
	padding: 0px;
}
/*text-align center used here to fix IE display problem.  Wrapper will text-align left to bring us back to normal.*/
body {
	background-color: #666666;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
/*wrapper has position attribute so that any other DIVs within the wrapper, using the absolute positioning, uses the wrapper as the parent*/
#wrapper {
	padding: 0px;
	width: 954px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(images/wrapperback.jpg);
	background-repeat: repeat-y;
}
#left {
	width: 240px;
	float: left;
	height: 601px;
	background-image: url(images/leftback.jpg);
	background-repeat: no-repeat;
}
#middle {
	width: 200px;
	float: left;
	position: relative;
	background-color: #000000;
	height: 581px;
}
#menu {
	position: relative;
	top: 75px;
}
#middlebottom {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #10A376;
	padding-left: 10px;
	bottom: 0px;
}
#right {
	width: 514px;
	float: left;
}
#banner {
	height: 72px;
	width: 514px;
	text-align: center;
}
#footer {
	height: 110px;
	width: 944px;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-left: 10px;
	padding-top: 5px;
	background-color: #000000;
	background-image: url(images/dropshadow.jpg);
	background-repeat: no-repeat;
}
#content {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 12px;
	text-align: justify;
	background-color: #FFFFFF;
}
.image1 {
	border: 1px solid #000000;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.border {
	border: 1px solid #000000;
}

.image2 {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #10A376;
}
#longmiddle {
	width: 200px;
	float: left;
	position: relative;
	background-color: #000000;
	height: 730px;
}
.tagline {
	color: #0A8C65;
	font-weight: bold;
	text-align: center;
}
#content a:link {
	color: #10A376;
	font-weight: bold;
	text-decoration: none;

}
#content a:visited {
	color: #10A376;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	color: #10A376;
	font-weight: bold;
	text-decoration: underline;
}