/*nancy tompkins */


/*	colors: 
		text: #61643e
		left column: #679968
		middle column: white
		right column: #ffffcc
		top/bottom banner background: #b3cc8b
		CCC Logo: #660099
		Neighbors logo: #cc99ff

*/

/* defines headings */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0;
	margin: 0;
}

h1, h2, h3 {
	margin: 20px 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #333;
	line-height: 125%;
	font-size: 12px;
	margin: 12px 12px;
}

h1 {
	font-size: 200%;
}


h2 {
	font-size: 125%;
	padding-top: 30px;
}


h3 {
	font-size: 100%;
}


p {
	margin: 20px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #333;
}



a:link {
	color:#000;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-variant: normal;
	font-style: normal;
	text-decoration: underline;
} 

a:visited {
	color:#666;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
} 

a:hover {
	color:#c00;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	}
	
a:active {
	color:#C63;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
}





.bodytext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #333;
	line-height: 140%;
}


.nudgeright {
	position: relative;
	left: auto;
	padding-left: 20px;

}


.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.left {
	text-align: left;	
}


.right {
	text-align: right;	
}




.link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	color: #C00;
	font-weight: bold;
	text-decoration: none;
}

.linkwhite {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.textrev {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #FFF;
}

.boxtext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
	word-spacing: normal;
	text-align: center;
	line-height: 1.5;
}

.caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #333;
	text-align: left;
	vertical-align: top;
}

.captionreverse {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #FFF;
	text-align: left;
}

.datesubhead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #333;
	text-align: left;
	font-style: italic;
	margin-top: -10px;
}




.left img {
	border: 2px solid white;
}




.floatrightimg {
	float: right;
	margin: 10px;
}




.floatleftimg {
	float: left;
	margin: 10px;
}




.mapboximg {
	float: right;
	margin: 20px;
	border: 4px solid black;
}





/* defines Lists */
li {
	list-style-type: none;
	line-height: 120%;
}




/* holds footer */
#footerbox {
	width: 350px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	text-align: center;
	line-height: 125%;
	padding-top: 20px;
}

.footerauthor {
	font-size: x-small;
	text-align: right;
	margin-right: 30px;
	margin-top: -10px;
}

.footertext {
	font-size: small;
}

.footerhead {
	font-size: large;
	font-weight: bold;
}




/* holds Small pages */
#containerSmall {
	width: 550px;
	border: solid;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	background-color: #FFF;
}






/* holds topbanner, 3 columns, bottom banner */
#container {
	width: 935px;
	border: solid;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}


#containerGallery {
	width: 800px;
	border: solid;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
}



/* holds top and bottom banners */
#bottombanner {
	padding: 15px;
	background: #B3CC8B;
	clear: both;
}


#topbanner {
	background-color: #B3CC8B;
	padding: 15px;
}




/* boxes for 3 column page */
#contentboxleft {
	width: 212px;
	float: left;
}


#contentboxright {
	width: 206px;
	float: left;
	padding-top: 20px;
	vertical-align: top;
	text-align: center;
}


#contentboxmiddle {
	width: 512px;
	float: left;
}


#contentboxbkgrd2col {
	background-image: url(Images/verticalrepeat2col.jpg);
	width: 935px;
	float: left;
}


#contentboxbkgrd3col {
	background-image: url(Images/verticalrepeat3col.jpg);
	width: 935px;
	float: left;
}




/* holds right column for 2 column page */

#contentboxmiddle2col {
	width: 718px;
	float: left;
}




/* defines tables */
#borderlessbox {
	width: 90%;
	vertical-align: top;
	padding: 4px;
	margin-left: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	border-top-width: thick;
	margin-top: 4px;
}



#borderlessbox2 {
	width: 90%;
	vertical-align: top;
	padding: 4px;
	margin-left: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: left;
}



/* defines calendar tables */
table.events {
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	vertical-align: top;
	width: 90%;
}

table.events th {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	text-align: left;
}

table.events td {
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	font-size: small;
}

.leftcolumn {
	width: 25%;
	text-align: right;
}

.rightcolumn {
	text-align: left;
}




/*services table on About Us page*/
table.services {
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	vertical-align: top;
	width: 75%;
	text-align: left;
	margin-left: 20px;
}

table.services th {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	text-align: left;
}

table.services td {
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	font-size: small;
	text-align: right;
}




/*names table on About Us page right column*/
table.names {
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	vertical-align: top;
	width: 100%;
	text-align: center;
	position: inherit;
}

table.names th {
	font-size: 125%;
	font-weight: bolder;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-top: 8px;
	padding-right: 8px;
	text-align: center;
	line-height: normal;
}

table.names td {
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-top: 8px;
	padding-right: 8px;
	font-size: small;
	text-align: center;
	font-stretch: narrower;
}




/*Food Drive table on CalendarEvents page*/
table.fooddrive {
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	vertical-align: top;
	width: 75%;
	text-align: left;
	margin-left: 20px;
}

table.fooddrive th {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	text-align: left;
}

table.fooddrive td {
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	font-size: small;
	text-align: left;
}




/*use to shade a table row*/
.shading {
	background-color: #FC9;
}

.shadinggray {
	background-color: #CCC;
}





/*form selections*/
#containerform {
	width: 500px;
	border: solid;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	padding: 15px;
	margin-top: 40px;
}

form.contact {
	padding: 0px;
	margin: 0px;
}

form.contact fieldset {
	padding: 20px;
	background-color: #FFF;
	border-color: #61643e;
	border-width: 2px;
} 

form.contact label {
	font-weight: bold;
}

form.contact label.fixedwidth {
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
}

form.contact .buttonarea input {
	color: white;
	font-weight: bold;
	padding: 5px;
	border: 1px solid white;
	background-color: #660099;
}

form.contact .buttonarea {
	text-align: center;
	padding: 4px;
	background-color: #FFF;
}