/* Table of Contents        */

/* layout and header        */
/* special image behavior   */
/* nav formatting           */
/* sub-header formatting    */
/* footer formatting        */
/* universal formatting     */



/* links */

a[rel="external"] {
	background:url(../images/offsite.gif) 99% 40% no-repeat;
	padding-right: 15px;
	}


/* header */

	.navDiv {
		width:700px;
		height:20px;
		padding-top:6px;
		padding-bottom:3px;
		background-color:#993300;
	}

	#subheading {
		width:700px;
		height:50px;
		background-color:#EEEEEE;
		overflow:hidden;
	}

	.icon {
		overflow:auto;
		margin-top:-228px;
		margin-left:450px;
		width:250px;
	}
	#icon {
		width:250px;
		height:228px;
	}
	.title {
		overflow:auto;
		width:368px;
		height:20px;
	}
	#title{
		width:368px;
		height:70px;
	}
	.content.centered {
		margin-left:auto;
		margin-right:auto;
	}

	.footer {
		clear:both;
		margin-right:auto;
		margin-left:auto;
		width:100%;
		text-align:center;
	}

#corner {
	margin:0;
	padding:0;
	float:left;
	vertical-align:bottom;
}
#corner a {
	position:relative;
	left:-25px;
	top:85px;
}
/* special image behavior   */

	#risen {
		float:left;
		margin-left:5px;
		width:111px;
		height:100px;
	}
	
	#icon, #risen, #title, #apcklogo {
		behavior: url(png.htc);
	}

/* layout         */

	body { 
		padding:0; 
		margin:0 -5px 0 0;	
		background-image:url(../images/smallguy.png);
		background-attachment: fixed;
		}
	
	.mainDiv {
		background-color:white;
		width:700px;
		margin-right:auto;
		margin-left:auto;
		padding:0;
		border-right:solid 1px #993300;
		border-left:solid 1px #993300;
		border-bottom:solid 1px #993300;
	}	

	.content {
		margin: -6px -5px 0 163px;
		background-color:#FFFFFF;
		overflow:hidden;
		width:535px;
		padding-bottom:20px;
		border-left:solid 1px #CCCCCC;
	}
	.content.shortpage {
		border-left:solid 1px #FFFFFF;
	}
	.bannerDiv {
		width:700px;
		height:149px;
		overflow:visible;
/*		background-image:url(../images/fade-tile.jpg); */
		background-image:url(../images/collagebgblue.jpg);
		overflow:hidden;
	}
		.bannerDiv h1 {
			position:relative;
			left:5px;
			top:60px;
			margin:0;
			padding:0;
			font-size:36px;
			line-height:42px;
			color:black;
		}
		.bannerDiv h1:first-line { font-size:29px; }


/* left nav */


#leftNav {
	float:left;
	margin:-6px 0 0 0;
	width:163px;
	overflow:hidden;
	margin-top:-6px;
	background-color: #FFFFFF;
	border-right: solid 1px #DDDDDD;
}

#leftNav a img {
	border:none;
}
#leftNav a {
	border:none;
	text-decoration: none;
	color: #00079A;
}
.level1, .level2, .level3 {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:palatino, palantino linotype, georgia, book antiqua, bookman, garmond, century schoolbook, hoefler text, serif;
	padding: 2px 5px 2px 5px;
	color: #00079A;
	font-weight:bold;
}
.level1 {
	border-top:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD;
	background-color: #EEEEEE;
	margin-top: 4px;
	font-size: 14px;
}
.level1.home {
	margin-top:0;
}
.level1.current {
	background-color: #EEEEEE;
}
.level2{
	font-size:11px;
	text-indent:-17px;
	padding-left:22px;
}
.level3 {
	font-size:10px;
	text-indent:-13px;
	padding-left:35px;
	font-weight: normal;
	font-family:arial, verdana, helvetica, sans-serif;
}
.level1.current {	
}
.level1:hover {
	background-color: #DFDFDF;
}
.level2:hover {
	background-color: #EEEEEE;
}
.level3:hover {
	background-color: #EEEEEE;
}
.show .level2 {
	display: block;
}
.level1 img {
	padding-right:5px;
}
.level2 img {
	padding-right:7px;
}
.level3 img {
	padding-right:3px;
}

/*
.level1:before {
	padding-right:5px;
		content: url(plus.gif);
}
*/


/*
.level2:before {
	padding-right:8px;
		content: url(tinycross.gif);
}
*/

/* banner bars formatting           */

	.nav {
		margin:0;
		color:#FFFFFF;
		font-size:14px;
		font-weight:normal;
		padding:0 25px 0 25px;
	}
	.title {
		margin:0;
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
		padding:0 25px 0 25px;
		
		font-family:palatino, palantino linotype, georgia, book antiqua, bookman, garmond, century schoolbook, hoefler text, serif;
	}	
	.nav a {
		color:#FFFFFF;
		text-decoration:none;
	}
	.nav a:hover, .nav a:active, .nav a:focus   {
		text-decoration:underline;
	}


/* left nav expandables */
#christian, #anglican, #apck { display: none; }
#christian.current , #anglican.current, #apck.current  { display: block; }

/* left boxes */

.content div.boxLeft {
	float:left;
	margin:10px 18px 20px 20px;
	padding:0px;
	width:230px;
	border-right: solid 1px #00079A;
	border-left: solid 1px #00079A;
	border: solid 1px #EEEEEE;
	overflow: visible;
	clear:right;
}
.content div.boxLeft ul {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	margin:0px;
	list-style-position: inside;
	list-style-type: square;
	list-style-image: url(smallcross.gif);
	margin-top: -16px;
	padding-left:23px;
	text-indent:-18px;
	
}

.content div.boxLeft h3:first-child {
	margin: -12px 0 10px 2px;
	height:20px;
}
	
.content div.boxLeft h3 {
	float:none;
	text-align:left;
	width:228px;
}
.content div.boxLeft h4:first-child {
	margin: -12px 0 10px 2px;
	height:20px;
}
.content div.boxLeft h4 {
	margin: 0px 0 10px 2px;
	padding-left:0;
	line-height:20px;
}

/* left images shoudl be 230px */

.content div.imgLeft {
	float:left;
	margin:5px 20px 20px 20px;
	padding:0px;
	width:230px;
	overflow: visible;
	clear:right;
	text-align:center;
}
.content div.imgLeft img {
	padding-bottom:10px;
}
.content div.imgLeft div {
	border-left:6px solid #993300;
	border-right:6px solid #993300;
	padding-top:1px;
	padding-bottom:1px;
	width:220px;
}
.content div.imgLeft div p {
	margin-left: -5px;
	padding:5px;
	background-color:white;
	width:220px;
}



/* right images should be 240px */

.content div.imgRight {
	margin:5px 0 20px 20px;
	padding:0px;
	overflow: visible;
	clear:right;
	width:500px;
	text-align:center;
}
.content div.imgRight img {
	padding-bottom:10px;
	margin-left:18px;
	float: left;
}
.content div.imgRight div {
	border: 1px solid #993300;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 230px;
	float: left;
}
.content div.imgRight div p {
	margin-left: -1px;
	padding:5px;
	background-color:white;
	width:222px;
	text-align:justify;
}

/* center images */

.content div.imgCenter {
	float:left;
	margin:5px 20px 20px 20px;
	padding:0px;
	width:490px;
	overflow: visible;
	clear:right;
	text-align:center;
}
.content div.imgCenter img {
	padding-bottom:10px;
	width:490px;
}
.content div.imgCenter div {
	border-left:6px solid #993300;
	border-right:6px solid #993300;
	padding-top:1px;
	padding-bottom:1px;
	width:478px;
}
.content div.imgCenter div p {
	margin-left: -5px;
	padding:5px;
	background-color:white;
	width:478px;
}




/* right images should be 240px */

.content div.divRight {
	margin: -15px 15px 0 15px;
	padding:0px;
	overflow: visible;
	width:240px;
	border: solid 1px #993300;
	float: right;
	background-color: #FFFFFF;
}
.content div.divRight h4 {
	padding-top: 10px;
}

.content div.divRight p {
	margin-left: 15px;
	margin-right: 10px;
	width: 210px;
}




/* sub-header formatting    */

	#kalendar {
		font-size:8pt;
		padding:12px;
		padding-left:75px;
		font-family:palatino, palantino linotype, georgia, book antiqua, bookman, garmond, century schoolbook, hoefler text, serif;
	}
	
	
/* footer formatting        */

	.footer p {
		font-size:11px;
	}


/* universal formatting     */

	a:link {
		color: #00079A;
		text-decoration: none;
	}
	a:visited {
		color: #993300;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	p, h1, h2, h3, h4, ul, ol, li, cite {
		font-family:arial, verdana, helvetica, sans-serif;
	}

	p.err {
		color:red;
		font-weight:bold;
		font-size:12px;
	}

	h1, h2, h3, h4 {
		margin:5px 0 5px 0;
		padding:5px 25px 0px 25px;
		font-size:15px;
		color: #00079A;
	}
	h2 {
		padding-bottom: 10px;
	}
	
	a img {
		border: 0px;
	}
	
	a img.pin {
		vertical-align: bottom;
		target-new: tab;
	}

.content h1 {
	font-family:palatino, palantino linotype, georgia, book antiqua, bookman, garmond, century schoolbook, hoefler text, serif;
	margin: 10px 0;
	padding: 0 10px;
	font-size:20px;
	letter-spacing: 5px;
	word-spacing: 5px;
	border-top:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD;
	background-color: #FFFFFF;
		
}

.content h3 {
	float:left;
	margin:0;
	padding:0;
	text-align:right;
	width:260px;
	clear:left;
}
.content h3.quote {
	margin:0 0 0 150px;
	padding:20px;
	text-align:left;
	width:180px;
}
.content p.interrupted {
	padding-bottom: 0;
}
.content p.backLink {
	margin-left:390px;
}

.content h3.quote.left {
	margin:0 0 0 25px;
}
.content h3.quote.down {
	margin:0 0 0 25px;
	position: relative;
	top: 50px;
}
.content h3.quote cite {
	padding:0;
}
.content h3.wide {
	float:none;
	width:100%;
	text-align:left;
	border-top:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD;
	margin-bottom: 10px;
	padding: 0 10px;
}

.content h4 {
	font-family:palatino, palantino linotype, georgia, book antiqua, bookman, garmond, century schoolbook, hoefler text, serif;
	margin: 0px 0 10px 0;
	padding: 0 10px 1px 10px;
	font-size:14px;
	color:#993300;
	clear:left;
}

	
	p, q, cite, ul {
		margin:0;
		padding:5px 25px 5px 25px;
	}

	q {
		text-indent:-.48em;
		display:block;
		padding-left:60px;
	}
	
	cite {
		float:right;
	}	
	p cite {
		float:none;
		padding: 0 2px 0 2px;
	}

hr {
	background-color:#CCCCCC;
	border:0 none;
	clear:both;
	color:#CCCCCC;
	height:1px;
	width:100%;
}

	#all {
		color:blue;
		font-style:normal;
		font-weight:normal;
		cursor:pointer;
	}
	
	#all span{
		text-decoration:underline;
	}
	#all img { padding-left:20px; text-decoration:none;}
	
	ul {
		font-size:12px;
		padding-left:50px;
	}
	.announcements li {
		margin-top:15px;
		margin-bottom:10px;
	}
	li li {
		margin-top:5px;
		margin-bottom:5px;
	}
	
	address {	padding:5px 25px 5px 40px;	}
	address:first-line { font-weight:bold; }




#serviceOutline h4{
	cursor:pointer;
	clear:right;
}

#serviceOutline .plus {
	padding-right:5px;
}

#serviceOutline #hide div {
	display:none;
}

#serviceOutline #show div {
	display:block;
}

#serviceOutline p {
	padding-left:50px;
}


/* special formatting for inline documents */

div.document {
	margin-left:auto;
	margin-right:auto;
	width: 500px;
	border: 1px solid #993300;
	padding-bottom: 5px;
	padding-top: 5px;
	
}
div.document p, div.document ul {
	margin: 0 20px 0 20px;
	text-indent:20px;
	margin-left: -1px;
	padding: 5px 10px;
	background-color: #FFFFFF;
	width:482px;
	text-align:justify;
	font-family:palatino, palantino linotype, georgia, book antiqua, bookman, garmond, century schoolbook, hoefler text, serif;
}
div.document ul {
	list-style-position: inside;
}
div.document p:first-child b {
	text-indent:0;
	font-style: italic;
}
div.document p:first-child:first-line {
	text-transform:uppercase;
}
div.document p:first-child:first-letter, .bigLetter:first-letter {
	float:left;
	font-size:340%;
	padding-right:5px;
	font-weight: normal;
	font-style: italic;
	font-family:palatino, palantino linotype, georgia, book antiqua, bookman, garmond, century schoolbook, hoefler text, serif;
}


/* colomn formatting */

.content p, .content address, .content ul.thin {
	font-size:12px;
	margin-left:270px;
	padding:0px 0 10px 0;
	width:240px;
}
div.content ul.thin {
		padding-left:40px;
	}
.content p.wide, div.wide p {
	margin-top: 10px;
	margin-left:20px;
	width:475px;
}
.content p.timestamp {
	margin-top: 10px;
	margin-left:20px;
	width:475px;
	text-align:right;
	padding:0;
	font-size:10px;
	clear:both;
}
div.wide blockquote p {
	width: 445px;
}
div.wide blockquote {
	padding-left: 20px;
}
div.wide p cite {
	padding: 25px;
}
.content p.left, .content address.left {
	margin-left:20px;
	width:240px;
}
.content blockquote {
	margin: 10px;
}
.content blockquote.left {
	margin: 0 270px 0 25px;
	width: 240px;
}
.content blockquote.left p {
	margin: 0;
		width: 240px;
}
#face img {
	border: solid 1px #993300;
}
#face {
	float: left;
	width: 160px;
	padding: 5px 5px 5px 0px;
}
p.hoverTip {
	padding:5px;
	margin:0;
	background-color: #DFD;
	border: solid green 1px;
	width: 150px;
	position: absolute;
}
.content .cite p {
	margin-left: 20px;
	width: 400px;
}

/* formatting for a table in an article, aligned with the other paragraphs */
	div.table {
		width: 240px;
		margin-left: 272px;
		padding-bottom:10px;
	}
	table {
		font-family:arial, verdana, helvetica, sans-serif;
		font-size:12px;
		border-collapse: collapse;
		margin-left: auto;
		margin-right: auto;
	}
	td {
		border: solid #DDDDDD 1px;
		padding: 4px;
	}