/*@charset "utf-8";*/
body {
	/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/
	background:#CCC;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.Page #container {
	width: 790px;  /* using 10px (orig. = 20) less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #CCC;
	text-align: left; /* this overrides the text-align: center on the body element. */

}
.Page #header {
	width: 790px;
	height:130px;
	background-image:url(/_images/ChurchHeader.png);
	/*Relative position with z-index allows hover menu to work correctly*/
	position:relative;
	z-index:2;
}

.Login 
{
	position:relative;
	float:right;
	padding-right:12px;
	padding-bottom:0px;
	padding-top:10px;
}
.Page #focusPic{
	margin-left:8px;
	margin-top:5px;
	position:relative;
	float:left;
	background:#FFF;
}
   
.Page #focusApostle{
    margin-top:5px;
    margin-left:5px;
    position:relative;
    float:left;
    background:#FFF;	
}
 
 /*Applied to both focusPic and focusApostle nested pictures*/
.Page #focusImg 
{/*
	padding:0px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;	*/
	margin:10px;
	border:1px solid #CCCCCC;
}
	
    

/*CSS Class Resetting Margin and Padding values.  
This is placed in the Master Page*/

.Page #Main 
{
padding: 0;
margin: 0;
font-family:"Times New Roman", Times, Serif;
}

.Page #MainContent
{
	padding-top:0px;
	padding-right:25px;
	padding-bottom:10px;
	padding-left:25px;
	font-size:17px;
	line-height:1.2em;
}

.VOH_H1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a 	border around it, this is not necessary as that also avoids the margin collapse */
	/*padding: 8px 0; /* using padding instead of margin will allow you to 
	keep the element away from the edges of the div 
	font-family:"Times New Roman", Times, serif;
	*/
	padding-top:20px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:13px;
	font-family:inherit; /*Inherit #mainContentDesc */
	font-size:40px;
	font-weight:100;
}
   
/*Footer*/

.Page #footer {
font-family:"Times New Roman", Times, Serif;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	padding-top:5px;
	padding-bottom:10px; /*use padding on the bottom instead of <br /> */
	height:85px;
	background:#5c5f64;
	/*font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;*/
	color:#FFF;
	font-weight:normal;
	clear:both; /*clear float from rss/p*/
}
    .Page #footer a 
    {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
	    background:#333333;
		color:#cccccc;
		font-weight:normal;
		margin:0px;

		text-align:center;
		text-decoration:none;
    }    
    
    .footerContact 
    {
	    margin-top:10px;
	    margin-right:10px;
	    border: none;
	    position:relative;
	    float:left;
    }
    
    .Page #footer table 
    {
	    margin-top:20px;	
	    padding-left:10px;
	    border-collapse:collapse;
	  
    }

        .Page #footer table td 
        {
            background:#333333;	      
        }

        .Page #footer table td a:hover 
        {
        background:#2580a2;
        }