/* CSS Document */

/* Lindsay's CSS section*/

body {background-color: #e5e8e7;}

#allcontent {width: 1024px;
             height: 768px;
	     padding-top: 0px;
             padding-bottom: 0px;
             margin-left: auto;
             margin-right: auto;
	     position: relative;
	     z-index: 1;}

	a {text-decoration: none;}
	a:link {color: #000000;}
	a:visited  {color: #2d709d;}
	a:hover {color: #b9391f;}

	a img {border: 2px solid white;}
	a:visited img {border: 2px solid #263958;}
	a:hover img {border: 2px solid #cb193e;}


#backgroundimage {width:1024px;
             height: 768px;
             position: absolute;
             top: 0px;
             left: 0px;}

h1 {font-family: Tahoma;
	font-size: 20px;}

h2 {font-family: Tahoma;
	font-size: 18px;}

h3 {font-family: Tahoma;
	font-size: 16px;}

/* basic nav bar */


/* page links */
 

#home {width: 100px;
	float: center;
	font-family: Tahoma;
	font-size: 20px;
	margin: -653px 0px 0px 131px; 
	z-index: 30;} 

#about {width:230px;
	float: center;
	font-family: Tahoma;
	font-size: 20px;
	margin: -24px 0px 0px 206px; 
	z-index: 30;}

#meet {width: 100px;
	float: center;
	font-family: Tahoma;
	font-size: 20px;
	margin: -24px 0px 0px 407px; 
	z-index: 30;}

#csa{width: 100px;
	float: center;
	font-family: Tahoma;
	font-size: 20px;
	margin: -24px 0px 0px 532px; 
	z-index: 30;}

#locations {width: 100px;
	float: center;
	font-family: Tahoma;
	font-size: 20px;
	margin: -24px 0px 0px 591px; 
	z-index: 30;}

#newsletter {width: 100px;
	float: center;
	font-family: Tahoma;
	font-size: 20px;
	margin: -24px 0px 0px 700px; 
	z-index: 30;}

#gallery {width: 100px;
	float: center;
	font-family: Tahoma;
	font-size: 20px;
	margin: -24px 0px 0px 820px; 
	z-index: 30;}

#contact {width: 100px;
	float: center;
	font-family: Tahoma;
	font-size: 20px;
	margin: -24px 0px 0px 905px; 
	z-index: 30;}

/* dots between page links */

 #textdot1 {width: 9px;
	height: 9px;
	position: absolute;
	top: 123px;
	left: 192px;
	z-index: 5;}

 #textdot2 {width: 9px;
	height: 9px;
	position: absolute;
	top: 123px;
	left: 392px;
	z-index: 5;}

 #textdot3 {width: 9px;
	height: 9px;
	position: absolute;
	top: 123px;
	left: 513px;
	z-index: 5;}

 #textdot4 {width: 9px;
	height: 9px;
	position: absolute;
	top: 123px;
	left: 575px;
	z-index: 5;}

 #textdot5 {width: 9px;
	height: 9px;
	position: absolute;
	top: 123px;
	left: 682px;
	z-index: 5;}

 #textdot6 {width: 9px;
	height: 9px;
	position: absolute;
	top: 123px;
	left: 803px;
	z-index: 5;}

 #textdot7 {width: 9px;
	height: 9px;
	position: absolute;
	top: 123px;
	left: 886px;
	z-index: 5;}

/* title */

 #title {width: 475px;
	height: 43px;
	position: absolute;
	top: 64px;
	left: 150px;
	z-index: 5;}

/* address footer */




#pinecity {width: 300px;
	float: center;
	font-family: Tahoma;
	font-size: 14px;
	margin: 0px 0px 0px 0px; 
	z-index: 30;}

#monroad {width: 300px;
	float: center;
	font-family: Tahoma;
	font-size: 14px;
	margin: 603px 0px 0px 323px; 
	z-index: 30;} 

#phone {width: 200px;
	float: center;
	font-family: Tahoma;
	font-size: 14px;
	margin: -17px 0px 0px 585px; 
	z-index: 30;}

 #textdot8 {width: 8px;
	height: 9px;
	position: absolute;
	top: 744px;
	left: 568px;
	z-index: 5;}

/* page content */

.pagecontent {width: 850px;
            height: 312px;
	    position: absolute;
	    top: 150px;
	    left: 67px;
	    z-index: 10;
	    font-family: Tahoma;}


/* page titles */


.pagetitle {width: 850px;
	text-align: center;
	font-family: Tahoma;
	font-size: 25px;
	margin: 22px 0px 0px 0px; 
	} 

/* Rotating images at lower edge of screen*/

#slot1 {width: 100px;
	height: 80px;
	position: absolute;
	top: 641px;
	left: 50px;
	z-index: 10;}

#slot2 {width: 100px;
	height: 80px;
	position: absolute;
	top: 641px;
	left: 153px;
	z-index: 10;}

#slot3 {width: 100px;
	height: 80px;
	position: absolute;
	top: 641px;
	left: 256px;
	z-index: 10;}

#slot4 {width: 100px;
	height: 80px;
	position: absolute;
	top: 641px;
	left: 359px;
	z-index: 10;}

#slot5 {width: 100px;
	height: 80px;
	position: absolute;
	top: 641px;
	left: 462px;
	z-index: 10;}

#slot6 {width: 100px;
	height: 80px;
	position: absolute;
	top: 641px;
	left: 565px;
	z-index: 10;}

#slot7 {width: 100px;
	height: 80px;
	position: absolute;
	top: 641px;
	left: 668px;
	z-index: 10;}

#slot8 {width: 100px;
	height: 80px;
	position: absolute;
	top: 641px;
	left: 771px;
	z-index: 10;}

#slot9 {width: 100px;
	height: 80px;
	position: absolute;
	top: 641px;
	left: 874px;
	z-index: 10;}

/* Index/Home */

#welcometext {width: 780px;
	height: 300px;
	position: absolute;
	top: 380px;
	left: 58px;
	z-index: 10;}

/* About Hendy Hollow Page */

#aboutleft {width: 270px;
	height: 361px;
	position: absolute;
	top: 76px;
	left: 4px;
	z-index: 10;}

#abouttext {width: 576px;
	height: 361px;
	position: absolute;
	top: 75px;
	left: 304px;
	z-index: 10;}
 
/*Meet Steve */

#meetpic{width: 200px;
	height: 305px;
	position: absolute;
	top: 110px;
	left: 688px;
	z-index: 10;}

#meettext{width: 650px;
	height: 305px;
	position: absolute;
	top: 53px;
	left: 10px;
	z-index: 10;}


/*CSA Page */

.subheadings{
text-decoration: underline;
text-align: center;
}

#csalinks{width: 500;
	text-align: center;
	font-family: Tahoma;
	font-size: 18px;
	border-top: solid 2px black;
	padding: 10px;
	margin-left: 220px;
	margin-right: 220px;
	}


#aboutcsa{ 
float: left;
top: 200px;
left: 330px;
}

#cspickup{
position: absolute;
top: 200px;
left: 445px;
}

#cssignup{
position: absolute; 
top: 200px;
left: 570px;
}

.csahead{
position: absolute; 
top: 100px;
left: 0px;
font-weight: 400;
font-size: 22px;}



/*CSA Locations */

#location{
text-align: center;
}

#pagecontent{
position: absolute;
top: 330px;
left: 300px;
}

#pickuppic{
width: 330px;
height: 238px;
position: absolute;
top: 145px;
left: 480px;
}

#pickupdays {width:400px;
		position: absolute;
		top: 190px;
		left: 20px;}
/*CSA Home */
#hometext{
position: absolute;
top: 315px;
left: 25px;
}

#barnpic{
width:320px;
height: 240px;
position: absolute;
top: 80px;
left: 240px;
z-index:10; 
}

/*CSA Sign Up */
#csasignup{
width:350px;
height: 240px;
position: absolute;
top: 150px;
left: 80px;
}


#csapdfimage{
width:223px;
height: 250px;
position: absolute;
top: 170px;
left: 550px;
}

/* Locations */

#ithaca{
position: absolute; 
top: 80px;
left: 90px;
font-weight: 400;
font-size: 22px;}

#ithacaimg{
position: absolute; 
top: 125px;
left: 50px;
}

#ithacatext{
text-align: center;
position: absolute; 
top: 370px;
left: 50px;
}

#elmira{
position: absolute; 
top: 80px;
left: 550px;
font-weight: 400;
font-size: 22px;}

#elmiraimg{
position: absolute; 
top: 125px;
left: 510px;
}

#elmiratext{
position: absolute; 
top: 370px;
left: 550px;
}

.underline{
text-decoration: underline;
font-weight: bold;
}

/* Newsletter */

#newslettersoon{
position: absolute; 
top: 120px;
left: 360px;
font-weight: 400;
font-size: 22px;}

#newslettersoontext{
position: absolute; 
top: 190px;
left: 185px;
}

.pdfs{
padding: 10px;
}

#newstext{
position: absolute; 
top: 125px;
left: 40px;
}

#current{
font-weight: 400;
font-size: 22px;
text-decoration: underline; 
}

#newspic{
position: absolute; 
top: 120px;
left: 465px;
}

#newsletterimg{
width: 800px;
height: 140px;
position: bottom; 
top: 270px;
left: 40px;
}

/*Contact*/
#contactpic{ 
position: absolute;
width: 400;
height: 298; 
top: 100px;
left: 70px;
z-index: 10;
}

#contactinfo{
position: absolute;
top: 130px;
left: 570px;
text-align:center;
}

#submitpic{ 
position: absolute;
top: 150px;
left: 300px;
}



/* Michael's CSS section*/

 #form{
	position:absolute;
	left: 90px;
	top: 180px;

}
.sectionimages{
	position:absolute;
	left: 120px;
	top: 90px;

}
