/* 07282009 */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	}

body {
	background: #fff;
	font-family: Georgia, Perpetua, Garamond, Times, serif;
	text-align: center;
	}

#nav {
	float:left;
	width:300px;
	}

#nav ul {
	margin:0; 
	padding:12px 0 20px; 
	list-style:none;
	}
	
#nav ul li {
	font-family: "Century Gothic", Arial, Verdana, Tahoma, sans-serif;
	list-style-type:none;
	font-size: 13px;
	font-weight: bold;
	color: #270031;
	margin-left: 8px;
	margin-top: 8px;
	}

#nav ul li a:link, #nav ul li a:visited {color:#a3c23f; text-decoration:none;}
#nav ul li a:hover, #nav ul li a:active {color:#270031; background:none;}

#logo {
	float:right;
	width:250px;
	padding-top:40px;
	text-align:right;
	}

p {
	font-size: 13px;
	margin-left: 8px;
	margin-right: 8px;
	color: #444;
	line-height: 1.5em;
	}

h1 {
	font-family: "Century Gothic", Arial, Verdana, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #7ea500;
	margin-left: -26px;
	padding-left: 33px;
	background: url(images/leaf.png) top left no-repeat;
	}

h2 {
	text-align: left;
	margin-left: 8px;
	}	
	
h3 {
	text-align: left;
	margin-left: -15px;
	}
	
/*  links  */

a:link {
	color: #270031;
	text-decoration: none;
	}

a:visited {
	color: #270031;
	border: none;
	text-decoration: none;
	}

a:hover {
	text-decoration: none;
	background: #e0d8e3;
	}

a:active {
	text-decoration: underline;
	}

a:link img {
	border: none;
	}

a:visited img {
	border: none;
	}
	
a:hover img {
	text-decoration: none;
	border: none;
	background: none;
	}
	
td img {
	display: block;
	padding: 0;
	}
	
td a:link img, td a:visited img, td a:hover img {
	border: none;
	background: none;
	}

ul li {
	margin-left: -16px;
	list-style-type: disc;
	font-size: 12px; 
	line-height: 18px;
	color: #7ea500;
	text-align: left;
	}

/* classes */

.catch {
	font-size: 20px;
	line-height: 1.4em;
	font-weight: normal;
	color: #c0593b;
	letter-spacing: -1px;
	}

.catch a:link {
	color: #c0593b;
	text-decoration: none;
	}

.catch a:visited {
	color: #c0593b;
	text-decoration: none;
	}

.catch a:hover {
	color: #7a4614;
	background: #e9d4ce;
	}
	
.baseNav {
	font-size: 11px;
	text-align: center;
	}

.baseNav a {
	color: #666;
	text-decoration: none;
	}

.baseNav a:hover {
	text-decoration: underline;
	background: none;
	}

.progress {
	color: #ded4e0;
	font-size: 14px;
	}

.foot {
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	color: #fff;
	}

.foot a:link {
	color: #fff;
	text-decoration: underline;
	}

.foot a:visited {
	color: #fff;
	text-decoration: underline;
	}

.foot a:hover {
	color: #fff;
	text-decoration: none;
	background: #86a91b;
	}

.form {
	font-size: 11px;
	line-height: 1.6;
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	}

.center {
	color: #555;
	text-align: center;
	}

.sc {
	font-family: "Century Gothic", Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #888;
	}

.small {
	font-size: 9px;
	}

.clear { clear:both; display:block; }

/*  divs  */

#index {
	background: url(images/wall.jpg);
	}

#bells {
	margin-top: 200px;
	width: 556px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

#header {
	width: 696px;
	/*height: 211px;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	overflow: hidden;
	}

#banner {
	width: 100%;
	height: 217px;
	margin-left: auto;
	margin-right: auto;
	background: #311f33 url(images/purple-banner.jpg);
	}

#bannerSmall {
	clear:both;
	width: 100%;
	height: 107px;
	margin-left: auto;
	margin-right: auto;
	background: #311f33 url(images/purple-banner-sm.jpg);
	}

#bannerContent1 {
	width: 334px;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	text-align: center;
	}

#container {
	width: 696px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	overflow: visible;
	}

#main {
	float: left;
	display: inline;
	width: 450px;
	text-align: left;
	}

.mainWide {
	width: 696px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	clear: both;
	}

#sidebar {
	float: right;
	display: inline;
	width: 224px;
	margin-top: 20px;
	text-align: left;
	}

.staff {
	width: 696px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: visible;
	}

.staffPhotos {
	width: 222px;
	height: 176px;
	background: #fff url(images/shadowbox.png) top left no-repeat;
	float: left;
	display: inline;
	text-align: left;
	margin-top: 10px;
	padding-left: 5px;
	padding-top: 3px;
	}

.staffDescriptions {
	width: 430px;
	float: right;
	display: inline;
	text-align: left;
	overflow: visible;
	}

#news {
	float: left;
	display: inline;
	width: 300px;
	text-align: left;
	overflow: visible;
	}

#events {
	float: right;
	display: inline;
	width: 300px;
	text-align: left;
	overflow: visible;
	}

#shadowbox {
	width: 222px;
	display: block;
	background: #fff url(images/shadowbox.png) top left repeat-y;
	padding-left: 5px;
	padding-top: 3px;
	}

.viewport {
	width: 500px;
	height: 288px;
	overflow: scroll;
	margin-left: auto;
	margin-right: auto;
	}

.1, .2, .3 {
	font-size: 1em;
	}

#baseNavigation {
	height: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}

#footer {
	height: 200px;
	width: 100%;
	clear: both;
	text-align: left;
	background: #a3c23f;
	}

#footerContent {
	width: 696px;
	padding-top: 12px;
	margin-left: auto;
	margin-right: auto;
	}