body {
		background: url('../imgs/bg-col.jpg');
		margin: 0px;
		padding: 0px;
		font-family: arial;
		font-size: 12px;
	}
	#bodyBG { background: url('../imgs/siteBG-13404c.jpg') repeat-x; width: 100%; }
	a {
		color: #68B9CF;
		text-decoration: none;
	}
	h1 {
		margin: 5px 0px;
	}
	ul {
		list-style: square;
	}
	#header {
		width: 1004px;
		height: 460px;
		margin: 0px auto;
		background: url('../imgs/headerBG.jpg') no-repeat 50% 41px;
	}
		#headerBar { 
			height: 21px; 
			padding: 13px 15px 0px 15px; 
			color: #788f95; 
		}
			#headerBar span { color: #68b9cf; font-weight: bold; }
			
		#menu {
			width: 680px;
			margin: 0px 0px 0px 300px;
		}
			#menu ul { 
				margin: 0px; 
				padding: 0px; 
				list-style: none; 
			}
				#menu ul li {
					float: left;
					margin: 0px 4px;
					padding: 0px;
				}
					#menu ul li a {
						line-height: 133px;
						display: block;
						margin: 0px 6px 0px 0px;
						padding: 0px 13px;
						text-decoration: none;
						font-size: 14px;
						text-transform: uppercase;
						color: #323d40;
						font-weight: bold;
					}
					#menu ul li a:hover {
						color: #68b9cf;
					}
				#menu ul li.over {
					background: url('../imgs/menuSelectSide.jpg') repeat-x top right;
				}				
					#menu ul li.over a {
						background: url('../imgs/menuSelectBG.jpg') repeat-x;
						color: #f0f0f0;
					}
		#intro {
			width: 964px;
			height: 273px;
			margin: 6px auto;
			background-repeat: no-repeat;
			background-position: 0 0;
		}

		
	#pageContainer {
		width: 1004px;
		margin: 0px auto;
		padding: 100px 0px 0px 0px;
		background-repeat: no-repeat;
		background-position: 50% 0;
	}
		#pageContainer.home { background-image: url('../imgs/headers/index.jpg');}
		#pageContainer.contact { background-image: url('../imgs/headers/contact.jpg');}
		#pageContainer.about { background-image: url('../imgs/headers/about.jpg');}
		#pageContainer.diary { background-image: url('../imgs/headers/diary.jpg');}
		#pageContainer.gallery1 { background-image: url('../imgs/headers/gallery1.jpg');}
		#pageContainer.gallery2 { background-image: url('../imgs/headers/gallery2.jpg');}
		#pageContainer.links { background-image: url('../imgs/headers/links.jpg');}
		
		#pageContainer #left {
			width: 561px;
			margin: 0px 0px 0px 16px;
			text-align: justify;
			color: #ffffff;
		}
			#pageContainer #left p { margin: 0px 0px 10px 0px; font-size: 14px; }
			
		#pageContainer #right {
			width: 380px;
			margin: 0px 17px 0px 0px;
		}
		
			#pageContainer #right ul.sidebar { 
				margin: 0px 0px 0px 0px;
				padding: 0px;
				list-style: none;
			}
				#pageContainer #right ul.sidebar li {
					margin: 0px 0px 10px 0px;
					padding: 0px;
				}
					#pageContainer #right ul.sidebar li a {
						line-height: 53px;
						height: 53px;
						display: block;
						width: 328px;
						text-decoration: none;
						color: #a8a8a8;
						background: url('../imgs/sidebarBG.jpg') no-repeat 0px -53px;
						padding-left: 50px;
						font-size: 24px;
						font-weight: bold;
						letter-spacing: -2px;
					}
					#pageContainer #right ul.sidebar li a:hover {
						background-position: 0px 0px;
						color: #68b9cf;
					}


		#gallery {
			width: 970px;
			margin: 0px auto;
		}
		table.gal { margin: 0px auto; }
		#gallery table.gal td, #left table.gal td {
			background: #EEEEEE;
			color: #213E46;
			vertical-align: top;
			margin-left: 3px;
		}
		#gallery table.gal img, #left table.gal img {
			border: 0px none;
			margin: 5px 5px 5px;
		}
		#gallery table.gal .title, #left table.gal  .title {
			margin-bottom: 5px;
			width: 100%;
			text-align: center;
			font-weight: bold;
			color: #323D40;
		}
	
		#eventList {
			width: 970px;
			margin: 0px auto;
			background: #FFFFFF;
		}
		.eventHeader, .eventSubHead {
			width: 100%;
			background: #EEEEEE;
			color: #323D40;
		}
		.eventHeader h1, .allEvents h1 {
			padding: 5px 8px 0px 8px;
			margin: 0px;
			font-size: 24px;
			color: #68B9CF;
		}		
		.eventHeader h2, .eventSubHead h2 {
			padding: 5px 8px 8px 8px;
			margin: 0px;
			float: left;
			width: 45%;
			font-size: 20px;
			color: #68B9CF;
		}
		.eventHeader h3 {
			padding: 3px 8px 8px 8px;
			margin: 0px;
			float: left;
			font-size: 13px;
		}
		.eventSubHead {
			margin-bottom: 0px;
		}
		.eventDesc {
			padding: 10px 0px 0px 5px;
			margin: 0px;
		}
		a.pdf {
			display: block;
			width: 200px;
			border: 3px solid #A8A8A8;
			line-height: 46px;
			height: 46px;
			font-size: 18px;
			color: #A8A8A8;
			padding-left: 50px;
			background: url('../imgs/pdf.jpg') no-repeat;
		}
		a.pdf:hover {
			color: #68B9CF;
			border: 3px solid #68B9CF;
		}
		.allEvents {
			background: #EEEEEE;
			margin-bottom: 10px;
		}
		.allEvents ul {
			list-style: none;
			margin: 5px 15px 0px 15px;
			padding: 0px;
		}
		.allEvents ul li {
			padding-bottom: 8px;
		}
		.allEvents ul li a {
			display: block;
			font-size: 14px;
			color: #323D40;
		}
		.allEvents ul li span {
			display: block;
			font-size: 18px;
			color: #68B9CF;
		}
		
	#footer {
		width: 100%;
		background: url('../imgs/footerBG.jpg') repeat-x;
		height: 91px;
		margin-top: 30px;
		margin-bottom: 15px;
	}
		#footer div {
			padding-top: 25px;
			height: 66px;
			width: 960px;
			margin: 0px auto;
			background: url('../imgs/footerLogo.jpg') no-repeat 100% 50%;
			font-weight: bold;
			color: #323d40;
		}
		
		
		
	.button {
		display: block;
		width: 141px;
		height: 33px;
		line-height: 33px;
		background: url('../imgs/buttonBG.jpg') no-repeat;
		text-decoration: none;
		color: #68b9cf;
		padding-left: 10px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: -1px;
	}
	
	.left { float: left; }
	.right { float: right; }
	.clear { clear: both; line-height: 0px; height: 0px; width: 0px; margin: 0px; padding: 0px; }
	#msg { 
		width: 98%;
		background: #EEEEEE;
		color: #323D40;
		padding: 6px;
	}