/* CPA screen style sheet */

body  {
			margin: 0px; 
			padding: 0px;
		 	background-color: #cfd0f5;
			color: black;
			font-size: 12px; 
			text-align: center;
			font-family:Arial,Verdana,Helvetica,'Arial Black',sans-serif;}
			/*background-image: url(images/bg.gif);
			background-repeat: repeat-y;
			background-attachment: fixed;*/

/* DIVISIONS */

#page {
			border:1px solid #000000;
			margin: 0px auto;
			padding: 0px; 
			width: 760px;	
			background-color: #eeecec;
			text-align: left;
			display: block;
			position: relative;
			overflow: auto;}
			/*overflow extends the page when content too small for left margin (p303 CSS) 
			  position:relative is so position:absolute (in #navbox) works (p116) */

#left-column {
			text-align:left;
			width: 145px;
			background-color: #eeecec;
			display:block;
			float:left;}							
		 
#right-column {
			padding:5px 5px 5px 155px;
			width: auto;
			text-align:left;
			background-color: #eeecec;}
			
#footer {
			text-align: center;
			background-color: #eeecec;
			border-top: 1px solid #000000;
			padding: 10px;
			clear: both;}

#inputlink a:link {color:#000000; text-decoration: none;}
#inputlink a:hover {color:#000000; text-decoration: none;}
#inputlink a:visited {color:#000000; text-decoration: none;}
	/*to stop the copyright from showing up as a link */	
			
#address {
			text-align: center;
			font: 15px;}
			
#leader {
			text-align: left;
			font-size: 15px;
			padding-left: 20px;}
			
#printonly {display: none;}

#hidden {visibility:"hidden";} /*HIDDEN p.356 & p328)*/

/* 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: 150px;
		 float:right;
		 text-align:center;
		 font-size: 10px;
		 margin: 5px 5px 5px 10px;
		 border: 1px solid #ce0000;}	

.image-table{float: right;}
.image{
		 width:100%;
		 border: 1px solid #ce0000;
		 text-align:center;
		 font-size: 10px;}	 	
		 			
.chaplain{
		 width:202;
		 float:left;
		 text-align: center;
		 font-size: 10px;
		 margin: 5px 5px 5px 0px;
		 border: 1px solid #ce0000;}
		 
.gifts{
		 width:202;
		 float:right;
		 text-align: center;
		 font-size: 10px;
		 margin: 5px 5px 5px 0px;
		 border: 1px solid #ce0000;}
		 
		 
/* Buttons. Page 329. JavaScript Cook Book.*/

.up {
			border:3px #b4841c; 
			border-style: outset; 
			width:140px;
			background-color:#b4841c;
			font-size:12px; 
			text-align:center;
			color: black;}
			
.down {
			border:3px;
			border-style: inset; 
			background-color:#e6b75c; 
			text-align:center;
			font-size:12px; 
			width:140px;
			color: black;}
			

/* LINKS for left-column. In FF the a link (as in a href) has to be set as 
below otherwise it doesnt work properly */


#left-column a {
		 	 	text-align:center;
				color:black;
				font-size:12px; 
				display: block;
				text-decoration:none;
				width: 140px;}

/* 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: 25px;
	 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;}
.signature {text-align: right; font-weight:bold;}

li.nobullet {list-style-type:none;}

/*Tables */

td.slicer {
					text-align: left;
					font-size: 12px;
					padding: 0px;}

					
td {font-size: 12px; 
			text-align: left;
			font-family:Arial,Verdana,Helvetica,'Arial Black',sans-serif;}				
			 
/*SUCKERFISH DROP DOWN*/

#navbox {position: absolute; top:110px; left:320px;}			
				
#nav, #nav ul {
			  padding: 0;
	      margin: 0;
				list-style: none;}

#nav a {
		 	 	text-align:center;
				color:#028;
				font-size:12px; 
				display: block;	
				background-color:#b7ccde;
				width: 8em;}

#nav a:link, #nav a:visited {color:#028}
#nav a:hover {color:black;background-color:white; text-decoration:none;}
#nav a:link.current, #nav a:visited.current,#nav a:hover.current {color:black;background-color:white;}

a {text-decoration: none;}

#nav li {
		 		float: left;
				width: 8em;
				font-size:12px; 
				border:1px solid #003266}

#nav li ul {
		 		position: absolute;
				font-size:12px; 
				width: 8em;
				left: -999em;}

#nav li:hover ul {
		 		font-size:12px; 
				left: auto;}

#nav li:hover ul, #nav li.sfhover ul {
		 		font-size:12px; 
				left: auto;}