/*
Jeremy Taylor
Lab 3
GFMhomestyle.css
*/
	div.header {
		position: absolute;
		top: -180px;
		left: 10px;
		z-index: 3;
		font-size: 4em;
		color: black;

	}
	div.footer1{
		position: relative;
		top: 40px;
		width: 100%;
		z-index: 1;
		text-align: center;
		font-size: 10px;
	}
	div.picFoot{
		position: absolute;
		top:900px;
		left: 100px;
		width: 100%;
		z-index: 2;
	}
	#header1 {
		position: fixed !important;
		position: absolute; 
		top: 1%;
		height: 100px;
		z-index: 1;
	}
	#main{
		
	}
	#footer1 {
		position: absolute;
		top: 97%;
		width: 100%;
		z-index: 3;
		text-align: center;
		font-size: 10px;
	}

	body { 
		color:#003300;
		z-index: 2;
		background-color: #eee8b6;
	}
	body.info{
		font-family:'arial';
		color: #003300; 
		font-size: 20px;
		margin-right: 20%;
		margin-left: 20%;
	}
	body.home{
	}

	.trans {
		/*width: 100px;*/
		background-color: #ffffff;
		filter: alpha(opacity=55);
		opacity: .55;
		-moz-opacity: .55;
	}
	.off {
		/*width: 100px;*/
		background-color: #dbca87;
		filter: alpha(opacity=95);
		opacity: .95;
		-moz-opacity: .95;
	}

	div.indexback{
		position: absolute;
		top:-30px;
		left: 0px;
		color: #003300;
		z-index: 2;
		background-color: #eee8b6;
		background-image: url(pics/GFMbg5.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		top: 10px;
		left: 1%;
		width: 1200px;
		height: 1600px;
	}
	div.infoback{
		position: absolute;
		top:-30px;
		left: 0px;
		color: #003300;
		z-index: 2;
		background-color: #eee8b6;
		background-image: url(pics/GFMbg5.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		top: 10px;
		left: 1%;
		width: 1200px;
		height: 1100px;
	}
	div.picturesback{
		position: absolute;
		top:-30px;
		left: 0px;
		color: #003300;
		z-index: 2;
		background-color: #eee8b6;
		background-image: url(pics/GFMbg5.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		top: 10px;
		left: 1%;
		width: 1200px;
		height: 3200px;
	}
	div.welcome{
		position: absolute;
		color: #003300;
		z-index: 2;
		background-color: #eee8b6;
		background-image: url(pics/GFMbg5.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		top: 10px;
		left: 1%;
		width: 1100px;
		height: 1280px;
	}
	div.facility{
		position: absolute;
		color: #003300;
		z-index: 2;
		background-color: #eee8b6;
		background-image: url(pics/GFMbg5.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		top: 10px;
		left: 1%;
		width: 1100px;
		height: 1370px;
	}
	div.staffandservices{
		position: absolute;
		color: #003300;
		z-index: 2;
		background-color: #eee8b6;
		background-image: url(pics/GFMbg5.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		top: 10px;
		left: 1%;
		width: 1100px;
		height: 1770px;
	}
	div.activities{
		position: absolute;
		color: #003300;
		z-index: 2;
		background-color: #eee8b6;
		background-image: url(pics/GFMbg5.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		top: 10px;
		left: 1%;
		width: 1100px;
		height: 2220px;
	}
	div.references{
		position: absolute;
		color: #003300;
		z-index: 2;
		background-color: #eee8b6;
		background-image: url(pics/GFMbg5.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		top: 10px;
		left: 1%;
		width: 1100px;
		height: 2100px;
	}
	div.directions{
		position: absolute;
		color: #003300;
		z-index: 2;
		background-color: #eee8b6;
		background-image: url(pics/GFMbg5.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		top: 10px;
		left: 1%;
		width: 1100px;
		height: 1020px;
	}
	
	h1.home {
		z-index: 2; 
		position: absolute; 
		top: 200px; 
		left: 245px; 
		font-size: 60px; 
		color: black;
	}

	h2 {
		z-index: 2; 
		position: absolute; 
		top: 150px; 
		left: 230px; 
		font-size: 60px; 
		color: black;
		font-weight: normal;
	}
	h3 {
		z-index: 3; 
		position: relative; 
		top: 10px; 
		left: -20px; 
		text-align: center; 
		margin: auto; 
		font-size: 36px; 
		font-family: 'Times New Roman',serif;
	}
	h4 { 
		color: gray; 
		font-size: 60%; 
		text-align: right 
	}

	#attention { 
		color: red; 
		font-size: 13pt; 
		text-align: center 
	}

	p { 
		position: relative;
		top: 20px;
		font-family:'times','arial';
		color: #003300; 
		font-size: 38px;
		margin-right: 20%;
		z-index: 3;
	}
	p.index {
		z-index: 3;
		position: absolute;
		top: 1100px;
		width: 1043px;
		font-size: 30px;
		font-weight: bold;
		font-family:'Times New Roman',serif;  
		text-align: center;
		margin: auto;
	}
	p.middle {
		position: absolute;
		top: 1%;
		left: 2%;
	/*	position: center;	*/
		font-family:'times','arial';
		color: #003300; 
		font-size: 30px;
		margin-top: 20%;
		margin-bottom: 4%;
		margin-left: 0px;
		margin-right: 0px;
		z-index: 3;
	}
	p.right {
		position: relative; 
		left: 21%; 
		top: 2em; 
		z-index:2;
	}
	p.center {
		text-align: center;
		z-index: 2;
	}
	p.info {
		font-family: 'arial';
		color: #003300;
		position: relative;
		top: 0px;
		left: 5px;
		width:100%;
		font-size: 20px;
		z-index: 3;
	}
	p.subpages {
		z-index: 3; 
		position: relative; 
		top: 10px; 
		left: -20px; 
		width: 900px; 
		font-size: 25px;
		font-weight: bold;
		font-family:'Times New Roman',serif;
		text-align: center; 
		margin: auto;
		line-height: 200%;
	}
	p.activities {
		z-index: 3; 
		position: relative; 
		top: 10px; 
		left: -20px; 
		width: 900px; 
		font-size: 25px;
		font-weight: bold;
		font-family:'Times New Roman',serif;
		text-align: center; 
		margin: auto;
		line-height: 200%;
	}
	p.activities_right {
		z-index: 3; 
		position: relative; 
		top: 10px; 
		left: 200px; 
		width: 200px; 
		font-size: 25px;
		font-weight: bold;
		font-family:'Times New Roman',serif;
		text-align: center; 
		margin: auto;
		line-height: 200%;
	}
	p.references_left {
		z-index: 3; 
		position: relative; 
		top: 10px; 
		left: -20px; 
		width: 900px; 
		font-weight: bold;
		font-family:'Times New Roman',serif;
		text-align: center; 
		margin: auto;
		line-height: 160%;
		font-size: 24px;
		text-align: left;
	}

	dl.info{
		font-family: 'arial';
		color: #003300;
		position: relative;
		top: -46px;
		left:20px;
		font-size: 12px;
		margin-right: 20%;
		z-index: 3;
	}
	dd{
		font-family: 'arial';
		color: #003300;
		position: relative;
		top: 40px;
		font-size: 20px;
		margin-right: 20%;
		margin-left: 6%;
		z-index: 3;
	}

	.left { 
		position: absolute; 
		left: 2%; 
		top: 25%; 
		z-index:2 
	}

	a{
		font-family: 'arial';
		text-decoration: none;
		border-bottom: 2px solid;
	}

	a:link { 
		color: #0c4855;
	}

	a:visited { 
		color: #224042;
	}

	a:hover {
		color: #5b3214;
	}
	
	ol.activities {
		z-index: 3; 
		position: relative; 
		top: 10px; 
		left: -10px; 
		width: 580px; 
		font-size: 20px;
		font-weight: bold;
		font-family:'Times New Roman',serif;
		margin: auto;
		line-height: 200%;
	}

	img{
		z-index: 2;
	}
	img.middle{
		position: relative;
		top: 340px;
		left: 320px;
		z-index: 3;
	}
	img.picMid{
		position: absolute;
	}
	img.backImg{
		position: absolute;
		top: 5px;
		left: 80px;
		z-index: 0;
	}
	img.backImg2{
		position: absolute;
		top: 626px;
		left: 80px;
		z-index: 0;
	}
	img.right { 
		position: absolute; 
		left: 80%; 
		top: 30% 
	}
	img.front {
		border: #d0d896 4px solid;
	}