body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background: #d4cbb7; }

a, a:hover, a:visited { color: #0066ff; }
a:hover { text-decoration: underline; }

#sitewrapper {
	width: 960px;
	margin: 0 auto 20px auto;
	background: transparent url("./images/matte-repeat.jpg") 0 0 repeat-y; }

div.post {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;}

#header {
	float: left;
	width: 940px;
	padding: 0 10px;
	background: transparent url("./images/header_main-photo.jpg") 50% 0 no-repeat; }
	#header a { outline: none; }
	#header h1 {
		width: 300px;
		height: 60px;
		padding: 30px 0 0 30px; }
		#header h1 a { height: 100%; }
	#header ul#nav {
		clear: both;
		width: 922px;
		padding: 60px 0 0 18px; }
		#header ul#nav li {
			height: 29px;
			padding: 0 1px 0 0;
			margin: 0; }
			#header ul#nav li a {
				display: block;
				height: 100%;
				text-indent: -5000px;}
			#header ul#nav a#btn_home {
				width: 74px;
				background: transparent url("./images/btn_home.gif") 0 0 no-repeat; }
			#header ul#nav a#btn_about {
				width: 82px;
				background: transparent url("./images/btn_about.gif") 0 0 no-repeat; }
			#header ul#nav a#btn_calendar {
				width: 109px;
				background: transparent url("./images/btn_calendar.gif") 0 0 no-repeat; }
			#header ul#nav a#btn_programs {
				width: 111px;
				background: transparent url("./images/btn_programs.gif") 0 0 no-repeat; }
			#header ul#nav a#btn_religious-school {
				width: 170px;
				background: transparent url("./images/btn_religious-school.gif") 0 0 no-repeat; }
			#header ul#nav a#btn_resources {
				width: 114px;
				background: transparent url("./images/btn_resources.gif") 0 0 no-repeat; }
			#header ul#nav a#btn_contact {
				width: 102px;
				background: transparent url("./images/btn_contact.gif") 0 0 no-repeat; }
			#header ul#nav li#active a { background-position: 100% 0; } 

#content {
	clear: both;
	float: left;
	width: 880px;
	padding: 20px 40px 20px 40px; }
body/*#home*/ #content {
	padding: 40px 40px 20px 35px;
	font-size: 12px; }
	#content #left-col {
		float: left;
		width: 400px;
		padding: 0 80px 0 0;
		margin: 0; }
	body/*#home*/ #content #left-col {
		width: 423px;
		padding: 0 47px 0 0; }
		body#home #content #left-col .inner { padding: 0 5px; }
	body/*#home*/ #content #left-col div.module {
		width: 413px;
		padding: 0 5px 15px 5px; }
	body/*#home*/ #content #left-col div.home_slideshow {
		width: 413px;
		height: 173px;
		padding: 5px 5px 25px 5px;
		background: transparent url("./images/home_sshow-matte.jpg") 0 0 no-repeat; }
		#content .slideshow img { display: block; }
	
	/* home slideshow needs some styles reset */
	
	#content #left-col div.home_slideshow div.outer{background: none; padding: 0;}
	#content #left-col div.home_slideshow div.inner{background: none; padding: 0;}	
	#content #left-col div.home_slideshow div.inner div.embedded_slideshow{background: none; padding: 0;}	
	
	
	#content #right-col {
		float: left;
		width: 400px; }
	body#home #content #right-col { width: 410px; }

	div.events ul p.date { font-weight: bold; }
	div.events ul p.learn-more {
		padding: 0;
		line-height: 100%;
		font-size: 11px;
		text-align: right; }	

#content div.gray .inner{
	float: left;
	clear: left;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	}

dl.schedule {
	display: block;
	width: 380px;
	float: left;
	clear: left;
	padding: 0 0 15px 0;
	margin: 0; }
dl.schedule.last { padding: 0; }
	dl.schedule dt {
		display: block;	
		float: left;
		clear: left;	
		width: 100%;
		padding: 0 0 3px 0;
		margin: 0 0 3px 0;
		font-weight: bold;
		color: #464f5a;
		border-bottom: 1px solid #cccccc; }
	dl.schedule dd {
		display: block;
		width: 370px;
		float: left;
		clear: left;
		padding: 0 0 3px 0;
		margin: 0; }
		
	dl.schedule dd p.time {
		display: block;
		clear: both;
		float: left;
		width: 60px;
		padding-right: 3px;
		text-align: right;}
	dl.schedule dd div.mce-output {		
		display: block;
		float: left;
		clear: none;
		width: 300px;}
	
		

ul.announcements { padding: 5px 0; }
	ul.announcements li {
		padding: 0 0 15px 0;
		margin: 0 0 14px 0;
		border-bottom: 1px solid #cccccc; }
	ul.announcements li.last {
		padding: 0;
		margin: 0;
		border: none; }
	ul.announcements h5 {
		padding: 0 0 7px 0;
		font-size: 14px;
		color: #464f5a; }
	ul.announcements h3.highlighted { color: #cc3333; }
	ul.announcements p { line-height: 140%; }

ul.events { padding: 0 0 5px 0; }
	ul.events li {
		padding: 0 0 15px 0;
		margin: 0 0 14px 0;
		border-bottom: 1px solid #cccccc; }
	ul.events li.last {
		padding: 0;
		margin: 0;
		border: none; }
	ul.events h5 {
		padding: 0 0 10px 0;
		font-size: 18px;
		font-weight: normal; }
	ul.events p {
		padding: 0 0 7px 0;
		line-height: 140%; }
	ul.events p.date { font-weight: bold; }
	ul.events p.learn-more {
		padding: 0;
		line-height: 100%;
		font-size: 11px;
		text-align: right; }

#footer {
	clear: both;
	padding: 0 40px 20px 40px;
	background: #d4cbb7 url("./images/bg_footer.gif") 0 100% no-repeat; }
	#footer p {
		padding: 10px 0 0 0;
		text-align: center;
		color: #999999;
		font-size: 12px;
		border-top: 1px solid #cccccc; }

/* Inner page
-----------*/
h1.page-heading, h1 {
	padding: 0 0 10px 0;
	font-size: 20px;
	font-weight: normal; }
	h1.page-heading {padding-left: 5px;}
	div#left-col h1.page-heading, div#right-col h1.page-heading {padding-left: 0px;}
	
	#content ul#subnav {
		width: 880px;
		padding: 10px 30px;
		margin: 0 0 38px -25px;
		font-size: 12px;
		font-weight: bold;
		background: transparent url("./images/subnav_matte-repeat.jpg") 0 0 repeat-x; }
		#content ul#subnav li {
			display: inline;
			padding: 0 14px 0 0;
			margin: 0 10px 0 0;
			border-right: 1px solid #666666; }
		#content ul#subnav li.last {
			padding: 0;
			margin: 0;
			border: none; }
			#content ul#subnav li#current a { color: #990000; }
	#content .post p {
		padding: 0 0 20px 0;
		line-height: 140%; }
	#content div.photos div.outer {
		padding: 0 0 5px 0;
		margin: 0 0 5px 0;
		background: transparent url("./images/bg_photo-matte_bottom.gif") 0 100% no-repeat; }
		#content div.photos div.outer .inner {
			padding: 5px 0 0 0;
			background: transparent url("./images/bg_photo-matte_top.gif") 0 0 no-repeat; }
			#content div.photos div.outer .inner img {
				display: block;
				padding: 0 5px;
				background: transparent url("./images/bg_photo-matte_repeat.gif") 0 0 repeat-y; }
			#content div.photos div.outer .inner div.embedded_slideshow {
				display: block;
				padding: 0 5px;
				background: transparent url("./images/bg_photo-matte_repeat.gif") 0 0 repeat-y; }				
			#content div.photos div.outer .inner div.embedded_slideshow img {padding: 0;}
				
	#content p.caption {
		padding: 0 5px;
		font-size: 12px; }
		
#content embed {display:  block;}
		
		
		
		


/* jerry */

/* home page spotlights */

div.homepage_featured h2 {
	float: left; 
	clear: both; 
	padding: 0 44px 0 0;
	margin: 0 0 20px 0;
	font-size: 20px;
	font-weight: normal;
	background: transparent url("./images/bg_welcome-header.gif") 100% 50% no-repeat; }
	
div.spotlights {}
	div.spotlights ul#spotlight-list {
		float: left;
		clear: both;
		width: 100%;
		}
	div.spotlights li{
		float: left;
		clear: both;
		width: 100%;
		padding: 0 0 15px 0;
		margin: 0 0 14px 0;
		border-bottom: solid 1px #ccc;
		}		
	div.spotlights li.last{
		border-bottom: none;
		}
	
	div.spotlights div.image{
		float: left; 
		clear: both;
		width: 120px; 
		padding: 0 15px 0 0; 
		margin: 0;}

	div.events div.image{
		float: left; 
		clear: both;
		width: 90px; 
		padding: 0 15px 0 0; 
		margin: 0;}
		
	div.spotlights div.image img {
		border: solid 1px #666;}
	
	div.spotlights div.text-content {
		float: left;
		clear: none;
		padding: 0;
		margin: 0;
		width: 270px;}

		div.spotlights li div.text-content h3{
			padding: 0 0 10px 0;
			font-size: 18px;
			font-weight: normal;}		

		div.spotlights div.text-content p.sub-heading {
			font-weight: bold;
			padding-bottom: 12px;}
	
		div.spotlights div.text-content p.more-link{
			font-size: 11px;
			padding: 15px 0 0 0;}

	#content div.gray {
		clear: both;
		padding-bottom: 0 !important;
		margin: 0 0 30px 0;
		border: 1px solid #cbc2b1;
		background: #ece7dd; }
	
		div.gray h2 {
			padding: 6px 9px;
			font-size: 14px;
			background: #d4cdbf url("./images/box_header-matte-repeat.jpg") 0 0 repeat-x; }	

			div.gray h2 a {
				float: right;
				font-size: 11px;
				font-weight: normal; }
		div.gray ul#spotlight-list {
			padding: 10px 10px 0px 10px;
			width: 379px;
			}

		div.gray div.no-image {width: 379px;}		

		div.gray div.text-content p.more-link {
			text-align: right;}	
		
	div.announcements li div.text-content h3 {
		color: #464f5a;
		font-size: 14px; 
		font-weight: bold;}
	div.announcements li div.text-content h3.highlighted {
		color: #cc3333;}
		
	div.post ul li, div.text-content ul li {
		margin-left: 20px;
		list-style-type: disc;}
	div.post ol li, div.text-content ol li {
		margin-left: 20px;
		list-style-type: decimal}