/**************** basics ****************/
	body{padding: 5px}
	a{text-decoration: none}
	a:hover{text-decoration: underline}
	li{
		list-style: none;
		background: url(/images/icons/pip.gif) no-repeat 0 6px;
		text-indent: -20px;
		padding-left: 28px;
	}

/**************** global elements ****************/
	/******* main areas *******/
		#container{
			width: 1000px;
			margin: auto;
		}
	/******* header *******/
		#header{
			height: 235px;
			background: url(/images/backgrounds/header.jpg) no-repeat;
			border: 1px solid #999;
			border-bottom: none;
		}
		#header a 
		{
		    text-decoration: none;  
		}
		#header a:visited 
		{
		    color: inherit;
		}		
		#header #logo{
			position: absolute;
			top: 31px;
			right: 17px;
			width: 160px;
			height: 65px;
			background: url(/images/text/cts_logo.png) no-repeat;
		}
		#header #search{
			position: absolute;
			top: 3px;
			left: 10px;
			opacity: .85;
		}
		#header #search input.text{
			width: 200px;
			font-size: 11px;
			padding: 2px 1px 1px 1px;
			color: #666;
		}
		#header #search input.button{
			top: 5px;
		}
		#header #title_row_1{
			position: absolute;
			top: 43px;
			left: 27px;
			height: 35px;
		}
		#header #title_row_1 #title_1{
			width: 270px;
			height: 35px;
			background: url(/images/text/title_1.png) no-repeat;
		}
		#header #title_row_1 #title_2{
			position: absolute;
			bottom: 3px;
			left: 280px;
			width: 334px;
			height: 18px;
			background: url(/images/text/title_2.png) no-repeat;
		}
		#header #title_row_2{
			position: absolute;
			top: 75px;
			left: 9px;
			height: 75px;
		}
		#header #title_row_2 #title_3{
			width: 662px;
			height: 75px;
			background: url(/images/text/title_3.png) no-repeat;
		}
		#header #title_row_2 #title_4{
			position: absolute;
			top: 14px;
			left: 663px;
			font-size: 22px;
			font-family: Gill Sans, Arial Black, Helvetica, sans-serif;
			font-weight: bold;
			color: #193065;
			white-space: nowrap;
			letter-spacing: -1px;
		}
		#header #join{
			position: absolute;
			top: 123px;
			right: 18px;
			opacity: .85;
		}
		#header #join input.text{
			width: 175px;
			font-size: 9px;
			padding: 1px 1px 0 1px;
			color: #666;
		}
		#header #join input.button{
			top: 4px;
		}
		#header #nav{
			position: absolute;
			top: 138px;
			left: 30px;
			text-transform: uppercase;
			font-weight: bold;
			color: #5a5a5a;
			font-family: Arial, Helvetica, sans-serif;
		}
		#header #nav a{
			color: #5a5a5a;
			padding: 3px;
		}
	/******* below the header *******/
		#notheader{
			top: -55px;
			width: 1000px;
		}
	/******* content *******/
		#main #content{
			min-height: 350px;
			height: auto;
			border-left: 1px solid #999;
			border-right: 1px solid #999;
			background: url(/images/backgrounds/seal.jpg) no-repeat 100% 31px;
			padding: 0 10px 0 10px;
		}
		#main #content div.fadebox{
			background: url(/images/backgrounds/fadebox.jpg) repeat-x 0 70%;
			padding: 10px;
		}
		
	/******* footer *******/
		#footer{
/*			height: 427px; */
			height: 152px;
			background: url(/images/backgrounds/footer.gif) no-repeat;
		}
		#footer #content{
			height: 147px;
			border-left: 1px solid #999;
			border-right: 1px solid #999;
		}
		#footer #logo{
			position: absolute;
			top: 65px;
			left: 10px;
			width: 160px;
			height: 65px;
/*			background: url(/images/text/cts_logo.png) no-repeat; */
		}
		#footer #links{
			position: absolute;
			bottom: 10px;
			right: 10px;
			color: #fff;
			font-size: 10px;
			opacity: .7;
		}
		#footer #links a{
			color: #fff;
		}
		#footer #borderfill{
			height: 38px;
			border-right: 1px solid #999;
		}

/**************** page content elements ****************/
	/******* 3 column layout table (that's right -- a layout table) *******/
		table.threecolumntable{
			margin-bottom: 10px;
		}
		table.threecolumntable tr td.leftcolumn{
			width: 338px;
			padding-right: 10px;
		}
		table.threecolumntable tr td.centercolumn{
			padding: 0 10px 0 10px;
/*			border-left: 1px solid #600; */
			border-right: 1px solid #600;
		}
		table.threecolumntable tr td.rightcolumn{
			width: 196px;
			padding-left: 10px;
		}
	/******* menu *******/
		div.menu{
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		div.menu h3{
			color: #193065;
			padding-bottom: 3px;
			/*font-size: 20px;*/
			font-size: 17px;
			font-weight: normal;
		}
		div.menu ul{
			margin-bottom: 15px;
		}
		div.menu a{
			color: #000;
		}
		div.menu a:hover{
			color: #193065;
		}
	/******* icons *******/
		a.righticon{padding-right: 22px}
		a.lefticon{padding-left: 22px}
		span.icon{
			position: absolute;
			top: -4px;
			right: 0;
			width: 19px;
			height: 18px;
		}
	/******* fadebox *******/
		#main #content div.fadebox{
			background: url(/images/backgrounds/fadebox.jpg) repeat-x;
			padding: 10px 10px 20px 10px;
		}
		#main #content div.fadebox h3{
			color: #600;
			font-size: 22px;
			font-weight: normal;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
	/******* quotes & verse *******/
		div.quote{
			text-align: center;
			font-style: italic;
			font-size: 12px;
			color: #193065;
			line-height: 25px;
			font-family: Georgia, "Times New Roman", Times, serif;
			letter-spacing: 1px;
			padding: 20px 10px 15px 10px;
		}
		div.quote div.source{
			text-align: right;
			font-style: normal;
		}
		span.email{background: url(/images/icons/mail.png) no-repeat}
		span.pdf{background: url(/images/icons/pdf.png) no-repeat}
	/******* article previews & links *******/
		div.article_preview{font-family: Georgia, "Times New Roman", Times, serif}
		div.tier1{padding-bottom: 5px}
		div.tier2{padding-bottom: 12px}
		div.tier3{padding: 10px 0 8px 0}
		div.article_preview h2 a{
			color: #193065;
			font-weight: normal;
		}
		div.tier1 h2 a{font-size: 22px}
		div.tier2 h2 a{font-size: 17px;}
		div.tier3 h2 a{font-size: 18px}
		div.article_preview div.byline{
			font-style: italic;
			padding-left: 3px;
			letter-spacing: 1px;
		}
		div.tier1 div.byline{padding-bottom: 5px}
		div.tier1 a img{
			padding: 0;
			border: 1px solid #999;
		}
		div.tier2 td.right a img{padding-left: 3px}
		div.tier2 td.left a img{padding-right: 3px}
		div.article_preview div.snippet{line-height: 18px}
		div.tier1 div.snippet{padding: 5px}
		div.tier2 div.snippet, div.tier3 div.snippet{
			padding: 3px;
			text-align: justify;
		}
		div.article_preview div.options{
			margin: 5px 0 5px 0;
			color: #600;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		div.tier1 div.options{margin-top: 15px}
		div.tier2 div.options{padding-left: 4px}
		div.article_preview div.options a{color: #600}
		div.article_preview div.options a{
			font-size: 9px;
			letter-spacing: -.2px;
		}
		div.article_preview div.options a.more{
			font-weight: bold;
			font-size: 11px;
		}
	/******* events *******/
		#main #content div.fadebox table td.leftcol{width: 50%; padding: 5px 25px 5px 15px}
		#main #content div.fadebox table td.rightcol{width: 50%; padding: 5px 15px 5px 25px}
		#main #content div.fadebox div.event{
			padding: 5px 21px 5px 0;
			border-bottom: 1px solid #e3bb7a;
			font-weight: bold;
		}
		#main #content div.fadebox div.lastevent{border: none}
		#main #content div.fadebox div.event a{color: #193065}
		#main #content div.fadebox div.event a.downarrow{
			position: absolute;
			top: 40%;
			right: 5px;
			width: 19px;
			height: 18px;
			opacity: .7;
		}
		#main #content div.fadebox div.event a.downarrow:hover{opacity: 1}
		#main #content div.fadebox div.event a span.downarrow{background: url(/images/icons/down.png) no-repeat}
		#main #content div.fadebox div.event div.date{color: #600}
		
		
/**************** article page ****************/
	div.returnlink{
		text-align: right;
		padding: 3px 0 15px 0;
	}
	div.returnlink a{
		color: #193065;
		text-decoration: underline;
	}
	div.returnlink a.up:hover{
		padding-left: 18px;
		background: url(/images/icons/up.gif) no-repeat left;
	}
	div.returnlink a.back:hover{
		padding-left: 18px;
		background: url(/images/icons/back.gif) no-repeat left;
	}
	/******* 2 column layout table (that's right -- a layout table) *******/
		table.twocolumntable{
			margin-bottom: 10px;
		}
		table.twocolumntable tr td.leftcolumn{
			padding-right: 10px;
			border-right: 1px solid #600;
		}
		table.twocolumntable tr td.rightcolumn{
			width: 350px;
			padding-left: 10px;
		}
	/******* article - full view *******/
		div.article_full{
			font-family: Georgia, "Times New Roman", Times, serif;
			padding-bottom: 5px;
		}
		div.article_full h2{
			color: #193065;
			font-weight: normal;
			font-size: 22px;
		}
		div.article_full div.byline{
			font-style: italic;
			padding: 0 0 5px 3px;
			letter-spacing: 1px;
		}
		div.article_full div.options{
			position: absolute;
			top: 25px;
			right: 0px;
			color: #600;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-align: right;
		}
		div.article_full div.options a{
			color: #600;
			font-size: 9px;
			letter-spacing: -.2px;
		}
		a.subscribe{
			padding-right: 1px;
			opacity: .8;
		}
		a.subscribe:hover{
			opacity: 1;
		}
		span.subscribe_btn{
			background: url(/images/buttons/subscribe.gif) no-repeat;
			position: absolute;
			top: -2px;
			right: 0;
			width: 83px;
			height: 16px;
		}
		div.article_full div.snippet{
			line-height: 18px;
			padding: 5px;
		}
		div.article_full p{
			line-height: 18px;
			/*text-align: justify;*/
			text-align: left;
		}
		div.article_full div.image img{
			border: 1px solid #999;
		}
		div.article_full div.image div.caption{
			font-style: italic;
			padding: 3px;
		}
		div.article_full div.authorimg div.caption{
			padding: 3px 0 5px 0;
		}
		div.article_full div.authorimg div.caption a{
			float: left;
			color: #600;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			padding: 2px 22px 2px 0;
			background: url(/images/icons/mail.gif) no-repeat right top;
		}
		div.article_full div.f-left{
			float: left;
			margin: 10px 15px 10px 0;
		}
		div.article_full div.f-right{
			float: right;
			margin: 10px 0 10px 15px;
		}
	/******* article menu *******/
		div.article_menu{
			padding-bottom: 15px;
		}
		div.article_menu div.article_preview{
			padding-bottom: 5px;
			margin-bottom: 5px;
			border-bottom: 1px solid #ccc;
		}
		div.article_menu div.article_preview h2 a{
			color: #193065;
			font-weight: bold;
			font-size: 13px;
		}
		div.article_menu div.article_preview div.snippet{
			padding-left: 10px;
			line-height: 16px;
		}