body {
margin: 0 auto;
text-align: center;
background: #748EA7;
}

a:link, a:visited, a:active {
color: #0000FF;
text-decoration: underline;
}

a:hover {
color: #0000FF;
text-decoration:none;
}

h1 {
font-size: 17px;
font-weight:bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

h2 {
font-size: 15px;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#container {
width: 780px;
margin: 0 auto;
background: #fff;
border: 2px solid #000;
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color: #000;
}


#header {
width: 780px;
height: 251px;
background: url(images/header.jpg) no-repeat top left;
}

#aboutheader {
width: 780px;
height: 251px;
background: url(images/about-logo.jpg) no-repeat top left;
}

#activitiesheader {
width: 780px;
height: 251px;
background: url(images/activities-logo.jpg) no-repeat top left;
}

#calendarheader {
width: 780px;
height: 251px;
background: url(images/calendar-logo.jpg) no-repeat top left;
}

#contactheader {
width: 780px;
height: 251px;
background: url(images/contact-logo.jpg) no-repeat top left;
}


#content {
width: 730px;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
}


 #navigation {
    width: 780px; height: 43px;
    background: url(images/navigation.gif) no-repeat top left;
    margin: 0px auto; padding: 0;
	border-top: 2px solid #000;
    position: relative;
		width: 750px;
	voice-family: "\"}\"";
    voice-family: inherit;
    width: 780px;
}
html>body #sidebartext {
  width: 780px;
}

  #navigation li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #navigation li, #navigation a {
    height: 43px; display: block;}
	
	#home {left: 97px; width: 58px;}
  #about {left: 202px; width: 86px;}
  #activities {left: 336px; width: 82px;}
  #calendar {left: 468px; width: 80px;}
  #contact {left: 599px; width: 95px;}
  
  #home a:hover {
    background: transparent url(images/navigation.gif)
    -97px -43px no-repeat;}
  #about a:hover {
    background: transparent url(images/navigation.gif)
    -202px -43px no-repeat;}
  #activities a:hover {
    background: transparent url(images/navigation.gif)
    -336px -43px no-repeat;}
  #calendar a:hover {
    background: transparent url(images/navigation.gif)
    -468px -43px no-repeat;}
  #contact a:hover {
    background: transparent url(images/navigation.gif)
    -599px -43px no-repeat;}	
	
	  #home a.selected {
    background: transparent url(images/navigation.gif)
    -97px -43px no-repeat;}
  #about a.selected {
    background: transparent url(images/navigation.gif)
    -202px -43px no-repeat;}
  #activities a.selected {
    background: transparent url(images/navigation.gif)
    -336px -43px no-repeat;}
  #calendar a.selected  {
    background: transparent url(images/navigation.gif)
    -468px -43px no-repeat;}
  #contact a.selected {
    background: transparent url(images/navigation.gif)
    -599px -43px no-repeat;}	
	
	.rightindextext {
	margin-left: 175px;
	margin-right: 5px;
	padding-bottom: 10px;
	}
	
	.leftindextext {
	margin-left: 5px;
	margin-right: 175px;
	}