body {
	font-size: 100%;
	color: black;
	font-family: arial, verdana;
	background-color: yellowgreen;
	text-align: center;
	width: 100%;

}


h1 {	
	font-size: 3em;
	font-weight: bold; 

}

h2 {	
	font-size: 1.5em;
	font-style: italic; 

}

h3 { 
	font-size: 0.75em;
	font-weight: lighter;
}

h4 {
	font-size: 1.5em;
}

p  {
	text-indent: 50px;
	text-align: justify;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

li {
	font-size: 1.25em;
}

td {
	vertical-align: top;
	padding: 5px;
}

.calendar {
		background-color: #FFFF66;
		border: 0px;
		font-size: 0.75em;
		font-weight: bold;		
}


.no_indent {
		text-indent: 0px;
		text-align: justify;
		width: 950px;
		margin-left: auto;
		margin-right: auto;
}

.banner {
		width: 600px;
		margin-left: auto;
		margin-right: auto;
		height: 150px;
		border: none;
}

.center  {
	text-indent: 0px;
	width: 950px;
	margin-left:auto;
	margin-right:auto;
	align: center;
	text-align: center;
}

.left {
	text-align: left;
	padding: 20px;
}
	
.ul_navigation  {
			list-style-type:none;
			position:relative;
			margin-left:auto;
			margin-right:auto;
			width:850px;
			text-alignment: center;
			padding:0;
			overflow:hidden;
	
}

.li_navigation  {
			float: left;
			margin: 5px;
}


a.navigation:link,a.navigation:visited {
			display:block;
			width:120px;
			font-weight:bold;
			color: black;
			background-color:#FFFF66;
			text-align:center;
			padding:4px;
			text-decoration:none;
			text-transform:uppercase;
}

a.navigation:hover,a.navigation:active  {
			background-color:#FFD700;
}



a:link {	
	color: blue;
	text-decoration: none;
}


a:visited, a:active  {
				color: blue;
				text-decoration:none;
}

a:hover {
		color: purple;

}

.logo {
	width: 300px;
	height: 200px;

}

.thumbnail {
		width: 100px;
		height: 100px;
}

.widethumbnail {
			vertical-align: top;
			width: 200px;
			height: 67px;
}

.tallthumbnail {
			width: 100px;
			height: 150px;

}

.photo {
		width: 300px;
		height: 200px;
		padding: 5px;
}

a img {
	border: none;
}