/* CSS Document */


/* Defines parameter of page*/
.body{
	width:100%;	
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;		
	}

.logo	{
			margin-left:5px;
			float:left;
			width:38%;
		}
.logo img	{
				padding-left:50px;
			}
	
.centerbox	{
				width:65%;
				float:right;
				margin-right:5%;
				margin-top:0;				
				border: 1px solid #cccccc;
				text-align:center;
				
				
			}
			
.centerbox h3	{
					background-color:#e6b9d9;
					border-bottom:1px solid #cccccc;
					margin-top:0px;
					padding-top:0px;
				}

.special		{
					padding:0px 12px 3px 12px;
					font-style:italic;
					font-size:medium;
					
				}
	
	h1 {	
	font-size: x-large;
	font-weight: bold;
	color: #B94599;	
	margin-bottom:-1%;
	padding-bottom:-1%;
}

	h2 {			
	font-size: medium;
	font-weight: bold;
	color: #B94599;		
	}
	
.contact	{
				margin-top:0px;
				width:25%;
				
			}

	<!-- church photo home page -->
/*.picture {						
			float:right;
			margin-right:25%;			
			margin-top:1%;
			clear:left;
			
	}	
	*/ 
hr	{
		color:#e6b9d9;
		width: 80%;
	}
	
/* This style defines the area around the navigation bar. This is where the background image for the navigation bar is defined */
.navbar {
	margin-top:1%;
	float:left;
	width:120px;
	background:#ffffff;	
		
	}
/* These styles define the buttons in the navigation bar */
.buttons {		
	margin:2px 0px 0px 0px;
	padding:5px 5px 5px 5px ;
	text-transform:uppercase;
	font-family:Verdana, sans-serif;
	font-weight:bold;
	font-size:.8em;
	white-space:nowrap;
	color:c662aa;
	}  
.buttons a {
	float:left;
	width:118px;
	border-style:ridge;	
	padding:5px 10px;
	text-decoration:none;
	text-align:center;
	color:#ffffff;
	background:#b94599;
	}  
	/* This defines the home button color */
.buttons strong {
	float:left;
	border-style:ridge;	
	padding:5px 10px;
	text-decoration:none;
	text-align:center;
	background:#b94599;
	color:#ffffff;
	}
.buttons a:hover {
	color:#000000;
	border-style:inset;
	background:#dca3cc;	
	}

/* These styles define link behaviors */
a:hover {
	text-decoration:none;
	}
a:active {
	color:#532900;
	} 
	
	
.footer		{
				width:40%;
				clear:right;				
				font-style:italic;
				margin-left:37%;
				margin-top:3%;
				padding-top:3%;
			}