* { margin:0; padding:0 }
html { height:100.1% }
BODY {
	font:76% Tahoma, Arial, Helvetica, sans-serif;
	background:#CA791E url(../images/top-bg.jpg) repeat-x;
	color:#211204;
}

/* MAIN BACKGROUND STYLES */
#header { background:url(../images/logo-head2.jpg) no-repeat; width:1078px; height:186px; margin:0 auto; clear:both }
#navBar { 
	background:url(../images/nav-bar.jpg) no-repeat; 
	width:1078px; 
	height:80px; 
	margin:0 auto; 
	clear:both; 
	font:bold 1.2em "Times New Roman", Times, serif  
}
#navBar a { color:#fff; text-decoration:none }
#navBar a:hover { color:#FCB13C; text-decoration:none } 
#homeCenterBg { 
	background:url(../images/center-home-bg.jpg) no-repeat; 
	width:1078px; 
	height:417px; 
	margin:0 auto;
	clear:both
}
#interiorCenterBg { 
	background:url(../images/center-interior-bg.jpg) no-repeat; 
	width:1078px; 
	height:382px; 
	padding-top:35px;
	margin:0 auto;
	clear:both;
}
#footer { background:url(../images/footer.jpg) no-repeat; font-size: 0.9em; width:1078px; height:67px; margin:0 auto;  }
#footerContent { width:640px; padding-top:25px; color:#fff; margin:0 auto  }
#footerContent a { color:#fff; text-decoration:none }
#footerContent a:hover { color:#FCB13C }

/* LINKS TEXT & CONTENT STYLES */
a { color:#056997 }
a:hover { color:#2B909C }
#navContainer { width:667px; height:50px; padding:22px 0 0 0; margin:0 auto  }
#navContainerT { width:667px; height:50px; padding:22px 0 0 0; margin:0 auto; text-align:center  }
#interiorContainer { width:600px; padding:0 20px 0 0; margin:0 auto; height:340px; overflow:auto }
#stretchedBgContainer { width:600px; height:100%; padding:0 20px 0 0; margin:0 auto }
.title { font:bold 1.3em "Times New Roman", Times, serif; color:#382504 }
.brownText { color:#582802 }
#home { float:left; display:inline; width:336px; height:152px; margin:10px 0 0 200px  }
#joinUs { float:right; margin:40px 270px 0 0; width:160px; height:130px; font-size:0.9em; color:#FEE0A7; display:inline }
#joinUs ul { list-style:none }
#welcomeContent { float:left; margin:70px 0 0 230px; width:350px; height:130px; display:inline }
#brownBoxContent { 
	float:left; 
	margin:55px 0 0 240px; 
	width:315px; 
	height:125px; 
	color:#fff; 
	font-size:0.9em; 
	overflow:hidden; 
	display:inline 
}
#brownBoxContent img { float:left; margin-right:13px; border:4px double #3D1B00 }
#events { float:right; width:235px; height:310px; margin:95px 215px 0 0; display:inline; }
#eventsContent { overflow:auto; height:275px; padding-right:20px } 
.allEvents { margin:24px 5px 0 0; text-align:right; font-weight:bold }
.allEvents a { text-decoration:none }
.programs { width:565px; padding:6px; border:1px dotted #3D1B00; margin-bottom:5px; overflow:hidden; background:#F6D7BC }
.programs img { float:left; margin-right:13px }
.eventsList { width:565px; padding-bottom:8px; border-bottom:1px dotted #3D1B00; margin-bottom:8px; overflow:hidden }
.eventsList img { float:left; margin-right:13px; border:3px double #3D1B00 }
.eventsList h2 { color:#8C5306; font-size:1.13em; margin:0; padding:0 }
 th { font: 2em CelticHand; } 
.datatable { border: 2px solid #FFCC33; width: 100%; }
.datatable td { font: 1.5em CelticHand; border: 1px solid #FFCC33; text-align: center; padding: 4px; }
.datatable th { border: 1px solid #828282; font: bold 2em CelticHand; font-weight: bold; text-align: center; padding-left: 8px; }
.datatable caption { font: bold 2em CelticHand; color: #33517A; text-align: left; padding-top: 3px; padding-bottom: 8px; }
.datatable tr.altrow { background-color: DFE7F2; color: #000000; }
/*MISC & FORM STYLES */
.left { float:left }
.right { float:right }
.pic { float:left; margin-right:13px; border:4px double #3D1B00 }
.clear { clear:both }
.rm { margin-right:28px }
.rmt { margin-right:20px }
.tm { padding-top:10px }
.contactForm { width:300px; height:70px; }
.form { height:14px; width:200px }
.button { height:24px; width:70px; background:#B66900; border:3px double #3D1B00; color:#fff }
.bulletList { font:bold 1em/1.5em Tahoma, Arial, Helvetica, sans-serif }
.bulletList ul { margin:0; padding:0; list-style:none }
.bulletList li { background: url(../images/bullet.gif) center left no-repeat; padding:0 0 1px 15px  }
ol.decimal { list-style-type: decimal }
p {text-indent: 2cm}
#photoGallery { 
	float:left; 
	height:140px;
	width:525px;
	background:url(images/photo-bg.jpg) repeat-x;  
	overflow:auto; 
}
#photoGallery img { margin:0 2px 0 0; border:1px solid #CCC }
.mainPic { border:1px solid #000 }
.photoScroll { padding:35px 8px 0 8px; width:2000px; height:70px } /* INCREASE WIDTH FOR ADDITIONAL HORIZONTAL PHOTO SPACE */