/* Start of CMSMS style sheet 'TWCC Site' */
/* @override http://www.tanglewoodchristiancamp.com/stylesheet.php?cssid=42 */

/* Start of CMSMS style sheet 'TWCC Site' */
/* @override http://www.tanglewoodchristiancamp.com/stylesheet.php?templateid=20 */

html {
	height:100%;
	min-width:842px;
	font-size:100.01%;
	background:#4b4b4b url(images/bg-html.jpg) repeat-y 50% 0;
}
body{
	margin:0;
	height:100%;
	width:100%;
	min-width:842px;
	font-size:63%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bg-body.jpg) no-repeat 50% 0;
}
#main{
	width:842px;
	margin:0 auto;
}
/*----------------------header----------------------*/
#header{
	float:left;
	width:842px;
	position:relative;
	z-index:111;
}
/*--logo--*/
.logo{
	position:absolute;
	top:0;
	left:-87px;
	z-index:0;
}
.logo strong{
	display:block;
	margin:0;
	overflow:hidden;
	width:558px;
	height:274px;
	background:url(images/bg-logo-holdder.png) no-repeat;
}
.logo strong a{
	display:block;
	position:relative;
	margin:0 0 0 57px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	width:263px;
	height:214px;
	background:url(images/bg-logo.gif) no-repeat 100% 0;
}
/*--flash--*/
.flash{
	float:left;
	display:inline;
	margin:0 0 0 234px;
	padding:0 0 0 10px;
	width:552px;
	height:255px;
	background:url(images/bg-flash-holder.png) no-repeat;
}
.flash img{
	display:block;
	margin:0;
	border:none;
}
/*----------------------content----------------------*/
#content{
	width:842px;
	float:left;
	margin:-64px 0 0;
	position:relative;
}
/*--nav-column--*/
.nav-column{
	float:left;
	width:244px;
	margin:0 0 0 -5px;
	position:relative;
}
/*--nav-holder--*/
.nav-holder{
	overflow:hidden;
	width:244px;
	padding:60px 0 0;
	height:240px;
	background:url(images/bg-nav-holder.png) no-repeat;
}
/*--navigation--*/
ul#navigation{
	float:left;
	margin:10px 0 0;
	padding:0 0 0 18px;
	width:195px;
	position:relative;
	z-index:999;
}
ul#navigation li{
	float:left;
	width:195px;
	list-style:none;
	padding:2px 0 5px;
	background:url(images/bg-navigation-separator.jpg) no-repeat 0 100%;
}
ul#navigation a{
	display:block;
	position:relative;
	padding:5px 0 4px 24px;
	color:#72250a;
	text-decoration:none;
	font:bold 1.4em/1.0em Arial, Helvetica, sans-serif;
}
ul#navigation a.active,
ul#navigation a:hover{background:url(images/bg-nav-hover.jpg) repeat-y;}
/*--events--*/
.events{
	overflow:hidden;
	width:244px;
	height:299px;
	margin:3px 0 0;
	background:url(images/bg-events.png) no-repeat;
}
.events h3{
	overflow:hidden;
	margin:6px 0 0 12px;
	padding:0 0 5px;
	color:#ecf0da;
	font:2.0em/1.1em Arial, Helvetica, sans-serif;
}
/*--events-list--*/
ul#events-list{
	display:block;
	overflow:hidden;
	width:206px;
	margin:4px 0 0 22px;
	padding:0;
	position:relative;
}
ul#events-list li{
	float:left;
	width:206px;
	margin:2px 0 0;
	list-style:none;
	border-bottom:1px solid #a73500;
}
ul#events-list li ul{
	float:left;
	width:206px;
	margin:2px 0;
	padding:0;
}
ul#events-list ul.active,
ul#events-list ul.hover,
ul#events-list ul:hover{background:url(images/bg-events-hover.gif) repeat-y;}
ul#events-list ul li{
	float:left;
	display:inline;
	width:auto;
	margin:0 0 0 6px;
	border:none;
}
ul#events-list ul li.first{
	margin:0;
	padding:0 14px 0 0;
	background:url(images/bg-date-separator.gif) no-repeat 100% 50%;
}
ul#events-list ul.last li.first{
	margin:0;
	padding:0;
	width:38px;
	background:none;
}
ul#events-list ul li.last{
	width:120px;
	padding:0 0 0 2px;
}
ul#events-list ul strong{
	float:left;
	width:24px;
	height:26px;
	background:url(images/bg-date.gif) no-repeat;
}
ul#events-list ul strong span{
	display:block;
	color:#faf6f0;
	text-align:center;
	padding:1px 0 0;
	font:0.8em/0.9em Arial, Helvetica, sans-serif;
}
ul#events-list ul strong em{
	display:block;
	color:#ae5604;
	text-align:center;
	font:1.4em/1.1em Arial, Helvetica, sans-serif;
}
ul#events-list a{
	color:#a53400;
	text-decoration:none;
	font:1.2em/1.2em Arial, Helvetica, sans-serif;
}

.events-page ul#events-list{
	margin: 2px 0;
	width: 100%;
}
.events-page ul#events-list li{
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #adc4df;
}
.events-page ul#events-list .date{
border-right: 1px solid #adc4df;
padding: 5px 5px 5px 15px;
margin: -5px;
margin-right: 5px;
width: 150px;
display: block;
float: left;
text-align: right;
	color: #b44410;
}
.events-page ul#events-list a{
	padding: 5px 5px 5px 0;
	width: 100%;
	display: block;
	color: #848e0f;
}
.events-page ul#events-list a:hover{
	background-color: #e1f2fe;
}
a.view-all{
	display: block;
	text-align: center;
	padding: 15px;
	text-decoration: none;
	color: #91220a;
	font-weight: bold;
	font-size: 14px;
}
a.view-all:hover{
		color: #591405;
	background: url(images/bg-events-hover.gif) repeat-y center;
}
/*--text-column--*/
.text-column{
	float:left;
	margin:68px 0 0;
	padding:0 0 0 13px;
	color:#cd9533;
	width: 376px;
}
.text-column h3{
	color: #541500;
	font-style: italic;
}
.text-column h1,
.text-column h2{
	overflow:hidden;
	margin:0;
	color:#541500;
	font:2.0em/1.2em Arial, Helvetica, sans-serif;
}
.text-column p{
	overflow:hidden;
	margin:0;
	padding:0 0 15px;
	color: #b85c14;
	font:1.2em/1.2em Arial, Helvetica, sans-serif;
}
.text-column ol{
  font:1.2em/1.2em Arial, Helvetica, sans-serif;
}
.text-column ol li{
	padding: 5px 0;
}
.text-column p a{
	color: #939f13;
	text-decoration:none;
}
.text-column p a:hover{text-decoration:underline;}
.text-column .img-holder{
	background:#fff;
	float:left;
	padding:4px;
	border:1px solid #eabe35;
}
.text-column .img-holder img{
	float:left;
	margin:0;
	border:none;
}
.text-column table{
	background: #e0e8eb;
	font-size: 8pt;
	color: #a13c0f;
	margin: 0 15px;
	margin-bottom: 10px;
}
.text-column table td{
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	padding: 10px;
}
.text-column table a{
	text-decoration: none;
	color: #898d26;

}
.text-column table a:hover{
	text-decoration: underline;
}
.text-column .subnote{
	color: ;
}
/*--banner-column--*/
.banner-column{
	float:right;
	width:200px;
	margin:62px 0 0;
	padding:0 3px 0 0;
}
.banner-column ul{
	display:block;
	width:200px;
	margin:0;
	padding:0;
}
.banner-column ul li{
	float:left;
	width:200px;
	list-style:none;
	position:relative;
}
.banner-column ul div{
	position:absolute;
	top:-3px;
	right:51px;
	width:46px;
	height:42px;
	background:url(images/bg-clip.png) no-repeat;
}
.banner-column ul a{
	float:left;
	overflow:hidden;
	position:relative;
}
.banner-column ul a:hover{background:url(images/none.gif);}
.banner-column ul a.banner-01{
	height:105px;
	width:187px;
}
.banner-column ul a.banner-02{
	height:157px;
	width:198px;
	margin:-10px 0 0 2px;
}
.banner-column ul a span{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
.banner-column ul a.banner-01 span{
	float:left;
	width:187px;
	height:210px;
	background:url(images/bg-banner-01.png) no-repeat;
}
.banner-column ul a.banner-02 span{
	float:left;
	width:198px;
	height:314px;
	background:url(images/bg-banner-02.png) no-repeat;
}
.banner-column ul a.banner-01:hover span{top:-105px;}
.banner-column ul a.banner-02:hover span{top:-157px;}
/*----------------------footer----------------------*/
#footer{
	overflow:hidden;
	clear:both;
	width:757px;
	padding:10px 60px 30px 25px;
}
#footer p{
	overflow:hidden;
	margin:0 10px;
	color:#edc64e;
	text-align:center;
	font:1.0em/1.2em Arial, Helvetica, sans-serif;
}
#footer p a{
	color:#acb72f;
	text-decoration:none;
}
#footer p a:hover{text-decoration:underline;}
/*--footer-nav--*/
.footer-nav{
	display:block;
	overflow:hidden;
	margin:10px 0 0;
	padding:0 0 0 10px;
	text-align:center;
}
.footer-nav li{
	display:inline;
	margin:0 15px 0 0;
	padding:0 17px 0 0;
	background:url(images/bg-footer-nav-separator.gif) no-repeat 100% 2px;
}
.footer-nav li.last{
	margin:0;
	padding:0;
	background:none;
}
.footer-nav a{
	color:#a53600;
	text-decoration:none;
	font:1.0em/1.2em Arial, Helvetica, sans-serif;
}
.footer-nav a:hover{text-decoration:underline;}
/* End of 'TWCC Site' */

/* End of 'TWCC Site' */

