/* This file contains the formatting instructions for all of the pages at www.stpaulsbarstow.org */

p 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000080;
	background-color: transparent;
	text-indent: 3em
	}

h1 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #000099;
	background-color: transparent;
	}

h2 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #000099;
	background-color: transparent;
	}

h3 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000099;
	background-color: transparent;
	}

h4 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 120%;
	color: #000099;
	background-color: transparent;
	text-indent: 3em;
	margin: 0 0 .6em 0;
	}

p.center, h1.center, h2.center, h3.center, h4.center
	{
	Text-align: center;
	}

blockquote
	{
	color: #000080;
	}

ul	{
	color: #000080;
	line-height: 140%;
	}


body 	{
	background-image: url(back3.jpg);
	margin: 1em;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: medium;
	color: #000099;
	background-color: #fff;
	text-align: center;
	}

.red	{
	color: red;
	}

.blue	{
	color: blue;
	}

.teal	{
	color: teal;
	}

.maroon	{
	color: maroon;
	}

.green	{
	color: green;
	}

.maroonindent	{
	color: maroon;
	text-indent: 3em;
	}

.left	{
	text-indent: 0em;
	}

.indent	{
	text-indent: 3em;
	}

.doubleindent	{
	text-indent: 6em;
	}

#container 
	{
	width: 96%;
	margin: 10px auto;
	padding: .2em;
	text-align: left;
	background-color: #fff;
	color: #333;
	border: 1px solid red;
	line-height: 130%;
	}

#top 	{
	padding: .8em;
	color: #000099;
	background-color: #F5EFD5;
	border: 1px solid #000099;
	}

#top h1 {
	padding: 0;
	margin: 0;
	}

#content 
	{
	margin-left: 12em;
	border-left: 1px solid #000080;
	padding: 1em;
	max-width: 40em;
	background-color: #fff;
	}

#content h2 
	{ 
	margin: 0 0 .5em 0;
	}

#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	color: #fff;
	background-color: #F5EFD5;
	border: 1px solid #000099;
	}

.floatright 
	{
	float: right;
	margin: 0 0 10px 10px;
	border: 2px solid #000099;
	padding: 2px;
	}

#leftnav 
	{   
	float: left;
	margin: 0;
	padding: 1em;
	}

#leftnav p 
	{ 
	margin: 0 0 0 0; 
	}

#leftnav ul 
	{   
	margin: 0;   
	padding: .3em;   
	list-style-type: none;   
	font-family: Arial, Helvetica, sans-serif;
	}

#leftnav li 
	{ 
	margin: 0 0 .2em 0; 
	}

#leftnav a 
	{   
	display: block;      
	padding: .1em .1em;      
	width: 8em;      
	background-color: #f5efd5;      
	border-top: 2px solid #ffe4b5;      
	border-left: 2px solid #ffe4b5;      
	border-right: 2px solid #b8860b;      
	border-bottom: 2px solid #b8860b;      
	text-indent: 1em;      
	color: #036;
	text-decoration: none;
	}

/*   Provides changed indentation for visitor maps   */
#leftnav a.maps
	{
	margin: 0;
	padding: 0em;
	width: 10.5em;    
	text-indent: 0em;        
	text-decoration: none;
	font-size: small;
	border: 0;
	}

/*   Provides submenu on 'Who We Are' page	*/
#leftnav a.submenu
	{
	width: 9em;    
	text-indent: 0;        
	text-decoration: none;
	font-size: small;
	border: 1px solid #fff;
	}

/*   Provides background for submenu links when cursor hovers	*/
#leftnav a.submenu:hover 
	{      
	background-color: #6495ed;      
	color: #fff;      
	border: 1px solid #000088;     
	}

#navlist a:link
	{color: #036;
	text-decoration: none;
	}

#navlist a:visited 
	{      
	color: #6495ed;    
	text-decoration: none;
	}

#leftnav a:hover 
	{      
	background-color: #deb887;      
	color: #fff;      
	border-top: 2px solid #b8860b;      
	border-left: 2px solid #b8860b;      
	border-right: 2px solid #ffe4b5;      
	border-bottom: 2px solid #ffe4b5;
	}

#active a
	{	
	display: block;      
	padding: .1em .1em;      
	width: 8em;      
	color: #b8860b;      
	background-color: #FFF;      
	border-top: 2px solid #b8860b;      
	border-left: 2px solid #b8860b;      
	border-right: 2px solid #b8860b;      
	border-bottom: 2px solid #b8860b;      
	}

#table 	{	
	visibility: visible;	
	width: 98%;	
	background-color: #f3f9ff;        
	border: 1px solid #000099;	
	font-size: small;	
	font-family: Verdana, Geneva, Arial, sans-serif;        
	color: #000099;	
	text-indent: 0em;	
	}

#table p	
	{	
	font-size: small;	
	font-family: Verdana, Geneva, Arial, sans-serif;        
	color: #000099;	
	text-indent: 0em;	
	}

#table tr	
	{        
	line-height: 120%;	
	}

#table td	
	{	
	padding: 3px 6px 3px 6px;        
	border: 1px solid #9bb1c5;	
	vertical-align: top;	
	font-size: small;	
	}

#table h4	
	{	
	text-indent: 0em;	
	line-height: 100%;	
	}

#table li p	
	{	
	margin-bottom: 0in;	
	font-family: "Franklin Gothic Book", Geneva, Verdana, sans-serif;	
	}

/* defines thumbnail gallery */
a.gallery, a.gallery:visited 
	{
	display:block; 
	display:inline;  
	text-decoration:none; 
	border:1px solid #000080; 
	width:90px; 
	height:64px; 
	float:left; 
	margin:4px; 
	z-index:5;
	}

/* Hides pictures until they are selected */
a.gallery em, a.gallery span 
	{display:none;} 

/* Provides white frame when cursor is over thumbnail image */
a.gallery:hover 
	{border:1px solid #fff;}

/* defines album display */
#album 
	{position:relative; 
	width:98%; 
	height:424px; 
	background-image: url(back3.jpg);
	border:1px solid #000080; 	
	margin:2em auto;}
#album img 
	{border:0;}
#album .thumbs 
	{width:200px; 
	position:absolute; 
	left:0; top:0;}

/* Identifies location and font for selection's caption  */
#album a.gallery:hover span 
	{display:block; 
	position:absolute; 
	width:480px; 
	height:50px; 
	top:340px; 	
	left:208px; 
	padding:4px; 
	font-size: small;
	font-style:italic; 
	color:#000080;  
	z-index:1;}

/* Identifies current thumbnail with red frame  */
#album a.gallery:active, #album a.gallery:focus 
	{border:1px solid red;}

/* Creates border and area for selected image */
#album a.gallery:active em, #album a.gallery:focus em 
	{display:block; 
	position:absolute; 	
	width:480px; 
	height:320px; 
	top:4px; 
	left:202px; 
	padding:4px; 
	border:1px solid #000080; 
	z-index:5;}

/*  Sets viewing area limits for font with no selection */
#album h1 
	{clear:both; 
	margin:0; 
	padding-top:80px; 
	padding-left:200px; 
	width:480px; 
	height:220px; 
	text-align:center; 
	font-family: georgia, "times new roman", serif; 
	font-size:3em; 
	font-weight:normal;  
	color:#000070;}

#map 
	{position:relative; 
	width:98%; 
	height:572px; 
	background-image: url(back3.jpg);
	border:1px solid #000080; 	
	margin:2em auto;}

/* Prepared by Dennis J. Malloy  --  Last revision 5 Apr 2009  */
/* If you like the photo galleries, they were accomplished by     */
/* applying ideas found at Stu Nicholls' site, found at:               */
/* http://www.cssplay.co.uk                                                    */