body {
  font: 16px verdana, sans-serif;
  border-top: solid 10px #9F9F9F;
  background-color: white;
  margin: 0px;
  padding: 0px;
  }

#container {
	width: 775px;
	margin: auto;
	left: auto;
	right: auto;
	background: url(site_images/main_splash.gif) right top no-repeat;
	}
/* This is for the logo and first level naviagtion*/

h1#title {
	height: 61px;
	width: 216px;
	background: url(site_images/kingsburylogo.gif) center no-repeat;
	background-color: white;
	text-indent: -5000px;
	margin: 5px 0px 0px 0px;
	padding: 0px 7px;
	}



#topnav {
	list-style-type: none;
	float: left;
	width: 230px;
	margin: 0px;
	padding: 0px;
	}

#topnav a {
	display: block;
	width: 100px;
	height: 100px;
	margin: 4px;
	padding: 0px;
	border: solid 3px #000;
	}

#topnav a:hover{
	border-left: solid 3px #FF9E20;
	}

#news {
	background: url(site_images/news.jpg) center no-repeat;
	text-indent: -5000px;
	float: left;
	}

#news a:hover{
	background: url(site_images/news_click.jpg) center no-repeat;
	}

#about {
	background: url(site_images/about.jpg) center no-repeat;
	text-indent: -5000px;
	float: left;
	}

#about a:hover{
	background: url(site_images/about_click.jpg) center no-repeat;
	}

#performance {
	background: url(site_images/performance.jpg) center no-repeat ;
	text-indent: -5000px;
	clear: both;
	float: left;
	}

#performance a:hover{
	background: url(site_images/performance_click.jpg) center no-repeat;
	}

#audio {
	background: url(site_images/audio.jpg) center no-repeat;
	text-indent: -5000px;
	float: left;
	}

#audio a:hover{
	background: url(site_images/audio_click.jpg) center no-repeat;
	}

#video {
	background: url(site_images/video.jpg) center no-repeat;
	text-indent: -5000px;
	clear: both;
	float: left;
	}

#video a:hover{
	background: url(site_images/video_click.jpg) center no-repeat;
	}

#images {
	background: url(site_images/images.jpg) center no-repeat;
	text-indent: -5000px;
	float: left;
	}

#images a:hover{
	background: url(site_images/images_click.jpg) center no-repeat;
	}

#links {
	background: url(site_images/links.jpg) center no-repeat;
	text-indent: -5000px;
	clear: both;
	float: left;
	}

#links a:hover{
	background: url(site_images/links_click.jpg) center no-repeat;
	}

#donate {
	background: url(site_images/donate.jpg) center no-repeat;
	text-indent: -5000px;
	float: left;
	}

#donate a:hover{
	background: url(site_images/donate_click.jpg) center no-repeat;
	}


/* This is for second navigation*/


#sidenav {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 200px;
	float: right;
	text-align: left;
	
	list-style: none inside;
	}

#sidenav a{
	font-family: Bookman Old Style, times, georgia, serif;
	font-size: 1.3em;
	text-decoration: none;
	color: #515151;
	padding: 2px 2px 2px 2px;
	}

#sidenav a:hover{
	border-right: solid 3px #FF9E20;
	}
#active a{
	color: #000000;
	}




/* This is for the mailing list form*/

#mailing {
	clear: both;
	float: left;
	width: 220px;
	margin: 4px;
	}

#mailing h2{
	font-size: 1.1em;
	font-family: Bookman Old Style, times, georgia, serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	}
	
#mailing p{
	list-style: none inside;
	font-size: .6em;
	font-family: verdana; arial, san-seriff;
	padding: 4px 0px 0px 0px;
	margin: 0px, 0px, 0px, 0px;
	}
	
	
	
/* This is for the main sections*/
#main {
	margin: 0px 100px 0px 230px;
	padding: 0px 140px 0px 0px;
	text-align: right;
	}

#main h1{
	font-size: 1.6em;
	font-family: Bookman Old Style, times, georgia, serif;
	font-weight: normal;
	}
	
#main h2{
	font-size: 1.2em;
	font-family: Bookman Old Style, times, georgia, serif;
	font-weight: normal;
	background: url(site_images/button.gif) right no-repeat;
	margin: 0px 0px 12px 0px;
	padding: 0px 20px 0px 0px;
	}
	
#main h3{
	font-size: 1em;
	font-family: Bookman Old Style, times, georgia, serif;
	font-weight: normal;
	font-style: italic;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	}

#main h4{
	font-size: .75em;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #9F9F9F;
	}

#main p{
	font-size: .75em;
	color: #000;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	}
	
#main ul li{
	list-style: none inside;
	font-size: .75em;
	font-family: verdana; arial, san-seriff;
	}
	
#main ol li{
		font-size: .75em;
		font-family: verdana; arial, san-seriff;
		margin: 12px 0px 12px 0px
	}
	
#main a{
	text-decoration: underline;
	color: #000;
	}
	
#main a:visited{
	color: #9F9F9F;
	}
	
#main a:hover{
		border-right: solid 2px #FF9E20;
	}
#main a:active{
	background-color: #FF9E20;
	}
	
#main img{
	margin: 2px;
	padding: 0px;
	border: solid 3px #000;
	}
	
#main img a{
	margin: 2px;
	padding: 0px;
	border: none;
	}
	
#main img a:hover{
		
		}
		
#main a:active{
	
	}

/* This is for the footer*/
#footer {
	font-size: .6em;
	margin: center;
	text-align: center;
	clear: both;
	}
	
	#footer a{
		text-decoration: underline;
		color: #000;
		}
		
	#footer a:visited{
		color: #9F9F9F;
		}
		
	#footer a:hover{
			border-right: solid 2px #FF9E20;
		}
	#footer a:active{
		background-color: #FF9E20;
	}
	

	
