/* 
If you can understand this stuff, feel free to use it to help you learn,
but please, don't just copy and paste it. Make it your own. */



/* Type Selectors --------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	background: url("containerbg.jpg") repeat-y center;
  	margin: 0 auto;
	width: 775px;
}
hr {
	display: none;
}
img {
	border: 0;
}
acronym {
	cursor: help;
	border-bottom: none;
}


/* IDs ------------------------------------------------------------------------*/

/* #container */
#container {
	background-color: #fff;
}

/* #header */
#header {
	height: 145px;
	width: 775px;
	background: url(headerbg.jpg) no-repeat 325px 0;
}
#header img {
	width: 325px;
	height: 145px;
	float: left;
}
#header ul#nav {
	display: inline;
	width: 355px;
	float: right;
	margin: 25px 34px 0 0;
}
#header ul#nav li {
	list-style: none;
	display: inline;
	float: left;
}
/* home */
body#Home #header ul#nav li#home {
	width: 55px;
	height: 25px;
	float:left;
	display: block;
	text-decoration: none;
	background: url(home.gif) no-repeat 0 -50px;
	text-indent: -9000px;
}
#header ul#nav li#home a:link, #header ul#nav li#home a:visited {
	width: 55px;
	height: 25px;
	float:left;
	display: block;
	text-decoration: none;
	background: url(home.gif) no-repeat 0 0;
	text-indent: -9000px;
}
#header ul#nav li#home a:hover, #header ul#nav li#home a:active {
	background: url(home.gif) no-repeat 0 -25px;
}
/* about */
body#About #header ul#nav li#about {
	width: 85px;
	height: 25px;
	float:left;
	display: block;
	text-decoration: none;
	background: url(about.gif) no-repeat 0 -50px;
	text-indent: -9000px;
}
#header ul#nav li#about a:link, #header ul#nav li#about a:visited {
	width: 85px;
	height: 25px;
	float:left;
	display: block;
	text-decoration: none;
	background: url(about.gif) no-repeat 0 0;
	text-indent: -9000px;
}
#header ul#nav li#about a:hover, #header ul#nav li#about a:active {
	background: url(about.gif) no-repeat 0 -25px;
}
/* students */
body#Students #header ul#nav li#students {
	width: 85px;
	height: 25px;
	float:left;
	display: block;
	text-decoration: none;
	background: url(students.gif) no-repeat 0 -50px;
	text-indent: -9000px;
}
#header ul#nav li#students a:link, #header ul#nav li#students a:visited {
	width: 85px;
	height: 25px;
	float:left;
	display: block;
	text-decoration: none;
	background: url(students.gif) no-repeat 0 0;
	text-indent: -9000px;
}
#header ul#nav li#students a:hover, #header ul#nav li#students a:active {
	background: url(students.gif) no-repeat 0 -25px;
}
/* churches */
body#Churches #header ul#nav li#churches {
	width: 90px;
	height: 25px;
	float:left;
	display: block;
	text-decoration: none;
	background: url(churches.gif) no-repeat 0 -50px;
	text-indent: -9000px;
}
#header ul#nav li#churches a:link, #header ul#nav li#churches a:visited {
	width: 90px;
	height: 25px;
	float:left;
	display: block;
	text-decoration: none;
	background: url(churches.gif) no-repeat 0 0;
	text-indent: -9000px;
}
#header ul#nav li#churches a:hover, #header ul#nav li#churches a:active {
	background: url(churches.gif) no-repeat 0 -25px;
}
/* links */
body#Links #header ul#nav li#links {
	width: 40px;
	height: 25px;
	float:left;
	display: block;
	text-decoration: none;
	background: url(links.gif) no-repeat 0 -50px;
	text-indent: -9000px;
}
#header ul#nav li#links a:link, #header ul#nav li#links a:visited {
	width: 40px;
	height: 25px;
	float:left;
	display: block;
	text-decoration: none;
	background: url(links.gif) no-repeat 0 0;
	text-indent: -9000px;
}
#header ul#nav li#links a:hover, #header ul#nav li#links a:active {
	background: url(links.gif) no-repeat 0 -25px;
}
#header p {
	color: #885;
	width: 215px;
	float: right;
	margin: -5px 34px 0 0;
	font: 9pt/16pt "Courier New", Courier, monospace;
	text-align: right;
	display: inline; /* for IE/Win Float bug */
}

/* #main */
#main {
	float: left;
	width: 455px;
	padding: 30px;
	margin-left: 20px;
	background: url(mainbg.jpg) no-repeat top center;
	display: inline; /* for IE/Win Float bug */
}
#main .hr {
	padding: 5px 0;
	margin: 20px 0;
	background: url(main_hr.gif) no-repeat center;
}
#main a:link {
	color: #810;
	text-decoration: none;
	border-bottom: 1px solid #222;
}
#main a:visited {
	color: #810;
	text-decoration: none;
	border-bottom: 1px dotted #222;
}
#main a:hover, #main a:active {
	color: #810;
	text-decoration: none;
	border-bottom: none;
}
#main #top {
}
#main #top h1 {
	margin-bottom: 5px;
	color: #222;
	text-indent: -9000px;
	font: 16pt Georgia, 'Times New Roman', Times, serif;
}
#main #top h1.home {
	background: url(home_h1.gif) no-repeat top left;
}
#main #top h1.about {
	background: url(about_h1.gif) no-repeat top left;
}
#main #top h1.students {
	background: url(students_h1.gif) no-repeat top left;
}
#main #top h1.churches {
	background: url(churches_h1.gif) no-repeat top left;
	padding-bottom: 7px;
}
#main #top h1.links {
	background: url(links_h1.gif) no-repeat top left;
}
#main #top p {
	margin: 0 15px;
	color: #222;
	font: 10pt/16pt Georgia, 'Times New Roman', Times, serif;
	text-align: justify;
}
#main #body {
}
#main #body h2 {
	margin: 20px 15px 5px;
	color: #333;
	font: bold 10pt Georgia, 'Times New Roman', Times, serif;
	text-transform: uppercase;
	letter-spacing: 1pt;
}
#main #body p {
	margin: 5px 15px 10px;
	color: #444;
	font: 9pt/14pt "Lucida Sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
#main ul {
	margin: 5px 15px 10px 20px;
	list-style: none;
	color: #444;
	font: 9pt/14pt "Lucida Sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#main ul li {
	padding: 0 0 0 14px;
	background: url('main_bullet.gif') no-repeat 0 6px;
}

/* #sidebar */
#sidebar {
	float: left;
	width: 170px;
	/* For IE for short pages ///// height: 320px; */
	padding: 30px 25px;
	margin-left: 4px;
	background: url(sidebarbg.jpg) no-repeat top center;
}
#sidebar .hr {
	padding: 5px 0;
	margin: 15px 0;
	background: url(sidebar_hr.gif) no-repeat center;
}
#sidebar h3 {
	padding-bottom: 5px;
	color: #bca;
	text-indent: -9000px;
	font: 12pt Georgia, 'Times New Roman', Times, serif;
}
#sidebar h3.home {
	background: url(home_h3.gif) no-repeat top left;
}
#sidebar h3.about {
	background: url(about_h3.gif) no-repeat top left;
}
#sidebar h3.students {
	background: url(students_h3.gif) no-repeat top left;
	padding-bottom: 8px;
}
#sidebar h3.churches {
	background: url(links_h3.gif) no-repeat top left;
}
#sidebar h3.links {
	background: url(links_h3.gif) no-repeat top left;
	padding-bottom: 8px;
}
#sidebar h4 {
	color: #454;
	font: bold 8pt Georgia, 'Times New Roman', Times, serif;
	text-transform: uppercase;
	letter-spacing: 1pt;
}
#sidebar p.top {
	color: #454;
	padding: 0;
	margin: 0;
	font: 8.5pt/13pt Georgia, 'Times New Roman', Times, serif;
	text-align: justify;
}
#sidebar p {
	color: #786;
	margin: 5px 0 10px;
	font: 8pt/13pt "Lucida Sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#sidebar p a:link, #sidebar ul li a:link {
	color: #454;
	text-decoration: none;
	border-bottom: 1px solid #454;
}
#sidebar p a:visited, #sidebar ul li a:visited {
	color: #786;
	text-decoration: none;
	border-bottom: 1px dotted #454;
}
#sidebar p a:hover, #sidebar p a:active, #sidebar ul li a:hover, #sidebar ul li a:active {
	color: #454;
	text-decoration: none;
	border-bottom: none;
}
#sidebar ul {
	margin: 5px 0 10px 5px;
	list-style: none;
	color: #786;
	font: 8pt/13pt "Lucida Sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#sidebar ul li {
	padding: 0 0 0 10px;
	line-height: 13pt;
	background: url('sidebar_bullet.gif') no-repeat 0 7px;
}
#sidebar #calendar {
	font: normal 8pt/14pt "Lucida Sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 170px;
	color: #786;
	margin-bottom: 5px;
	border-left: 1px solid #C8D8C8;
	background-color: #fff;
}
#sidebar caption {
	color: #fff;
	background-color: #454;
	margin-top: 5px;
	padding: 5px 0 4px;
	font: bold 8pt Georgia, 'Times New Roman', Times, serif;
	text-transform: uppercase;
	letter-spacing: 1.5pt;
	border-bottom: 1px solid #232;
}
#sidebar th {
	color: #454;
	background-color: #F6FFF6;
	border-right: 1px solid #C8D8C8;
	border-bottom: 1px solid #C8D8C8;
	height: 20px;
}
#sidebar td {
	border-right: 1px solid #C8D8C8;
	border-bottom: 1px solid #C8D8C8;
	text-align: center;
	height: 20px;
}
#sidebar td a {
	color: #fff;
	background-color: #9b9;
	font-weight: bold;
	display: block;
	text-decoration: none;
	height: 20px;
}
#sidebar td a:link, #sidebar td a:visited {	
}
#sidebar td a:hover, #sidebar td a:active {
	background-color: #454;
}
#sidebar p.event  {
	display: none;
	position: absolute;
	width: 125px;
	padding: 10px;
}
#sidebar td:hover p.event, #sidebar td.over p.event {
	display: block;
	color: #454;
	background-color: #F6FFF6;
	border: 3px double #454;
	text-align: left;
	margin-left: -127px;
}


/* #footer */
#footer {
	height: 70px;
	clear: both;
	background: url(footer.jpg) no-repeat top;
}
#footer p {
	color: #885;
	font: 9pt/16pt "Courier New", Courier, monospace;
}
#footer p.left {
	padding: 45px 0 0 25px;
	text-align: left;
}
#footer p.right {
	padding: 42px 25px 0 0;
	text-align: right;
}
#footer p.right a:link, #footer p.right a:visited {
	color: #553;
	text-decoration: none;
	font-weight: bold;
}
#footer p.right a:hover, #footer p.right a:active {
	border-bottom: 1px dashed #883;
}




/* CLASSES ---------------------------------------------------------------------*/

a:link.more, a:visited.more {
	padding-right: 10px;
	background: url(more_off.gif) no-repeat right center;
	text-decoration: none;
	border-bottom: none !important;
	white-space: nowrap;
	font-weight: bold;
}
a:hover.more, a:active.more {
	color: #222 !important;
	background: url(more_on.gif) no-repeat right center;
}
.aleft {
	text-align: left;
}
.acenter {
	text-align: center;
}
.aright {
	text-align: right;
}
.left {
	float: left;
	margin-right: 8px;
}
.right {
	float: right;
	margin-left: 8px;
}
.last {
	margin-bottom: -5px !important;
}
.nobullet {
	list-style-type: none !important;
	background-image: none !important;
}
.note {
	color: #555 !important;
	font: 8pt "Lucida Sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}