body  {
			margin: 0px; 
			padding: 0px;
			color: black;
			font-size: 12px; 
			text-align: center;
			font-family:Arial,Verdana,Helvetica,'Arial Black','Lucida Sans Unicode',sans-serif;}

/* DIVISIONS */

#page {
			margin: 0px;
			border: 1px solid #000000;
			width: 630px;
			display: block;
			text-align: left;}

#left-column {display: none;}
							 
#right-column {
			margin:0px;
			padding:5px; 
			width:auto;
			text-align:left;
			display: block;}
			
#footer {
			text-align: center;
			background-color: #eeecec;
			border-top: 1px solid #000000;
			padding: 10px;}
			
#address {
			text-align: center;
			font: 15px;}
			
#leader {
			text-align: left;
			font: 15px;
			padding-left: 20px;}
			
#screenonly {display: none;}

/* IMAGES */
					 
img.right {float:right;}
img.left {float:left;}

img.photoright {
			 float:right; 
			 border: 1px solid #ce0000;
			 margin-left:10px;
			 margin-right: 5px;}
							 /*border: sets width, style & color in one line for all sides*/					 

img.photoleft {
			 float:left; 
			 border: 1px solid #ce0000;
			 margin-right:10px;}

.photocenter-container {  
		 width:100%;
		 text-align:center;}
		 /*prevents text at the side, since it occupies 100% */

		 
.photoandtext-container {
		 width:500px; 
		 text-align:left;}
		 /* this has the effect of reducing the width of the page,
		 ie it acts like indenting from either side. */

.mugshot{
		 width:152px;
		 float:right;
		 text-align:center;
		 font-size: 10px;
		 margin: 5px 5px 5px 10px;
		 border: 1px solid #ce0000;}		
		 
.chaplain{
		 width:204;
		 float:left;
		 text-align: center;
		 font-size: 10px;
		 margin: 5px 5px 5px 0px;
		 border: 1px solid #ce0000;}
	 						 				
/* LINKS for the rest of the site 
Notice how 2 values, link and visited, can be grouped together */
a:link, a:visited {color: blue; text-decoration: none;}
a:hover {color: blue; text-decoration: underline;}


/* GENERAL */		 
	 
h1 {
	 padding: 5px;
	 text-align: center;
	 font size: 30px;
	 color: #ce0000;}
	 
h2 {
	 text-align: left;
	 font size: 20px;
	 color: #ce0000;}
	 
.right {float: right;}
.left {float: left;}
.center {text-align: center;}
.red {color: #cf0000;}
.textright {text-align: right;}
.pagebreak {page-break-before:always;}

li.nobullet {list-style-type:none;}

/*Tables */

td.links {
				 text-align: left;
				 font: 12px;
				 width: 250px;
				 padding: 0, 0, 10px, 0px}

td.slicer {
					text-align: left;
					font: 12px;
					padding: 0, 0, 0, 0;}


			 
/*SUCKERFISH DROP DOWN*/

#navbox {display: none;}
	
