body {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 0.9em;
		font-style: strong;
		line-height: 1.4em;
		color: brown;
		margin: 40px 40px 10px 40px;
		background-color: #60653e;
}

h1 {		color: black;
		text-align: center;
		font-family: Georgia, serif; 
		font-size: 3em;
		padding-top: 20px;



}


h2 {		color: black;
		text-align: center;
		background-color: #60653e;
		padding: 10px;

}



.project { 		color: black;
			text-align: center;
}




ul {		list-style-type:none;
}


li {		color: #853f1a;
		font-size: 1.5em;
		text-align: center;
		padding: 15px;



}

ul.project {	margin-bottom:1em;
		clear:left;
}


ul.project li {	display:inline;
		float:center;
		clear:none;
		list-style-type: none;
		width: 10em;
		padding: 3px 8px 3px 5px;
		margin-bottom: 1em;
		margin-right: 9px;
		margin-top: 10px;
		background-color: #d36901;
		font-size: 1em;
}


ul a {		text-decoration:none;
		color: #853f1a;

}

li a:hover {	background-color:white;
}

/* I've put borders on these simply so you can see what/where they are, no other reason */

#container {	border: none;
		padding: 8px;
		font-align: left;
		background-color: #eacd89;

}


#topbanner {	padding: 40px;
		text-align: center;
		background-image: url("pumpkins.gif");
		border: 3 px solid black;


}



#othercontent {	border: none;
		text-align: center;
		color: black;
		background-color: #f9a23b;
		margin-right: 25px;
		margin-left: 30px;



		
}




/* just an easy way to make the text a little smaller than whatever it is  */

.smallertxt {
	font-size: smaller;
}