/* maincontent.css

STYLE SHEET FOR the Christian Aid pages on the Gillingham and Milton Churches' WEB SITE
Created by Teresa Goatham
www.gillinghamanglican.org.uk/christianaid/

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	
Notes

*/

/* --------- 1. defaults  --------- #006E93 */ 
body {	/* background: #6294C5 url(http://www.gillinghamanglican.org.uk/ct_in_g/images/backgrd2500.jpg) repeat-x; */
		width: 770px;
		font-style: arial,helvetica,clean,sans-serif;
		color: #464646;				
		vertical-align: top;
		margin: 0px auto;
	} 
	
.setWidth	{	width: 770px;
			}	
		
  
.clearboth		{	clear: both; 	}
  
#page {	background-color: #ffffff;
		width: 770px; 
		border:  1px solid red;
		border-top-width: 7px; 
		padding: 0;
		margin: 0px 0px;
	}
 
.content ul		{	
			margin: 0; 
			margin-left: 30px;
			padding: 0;
			border: 0;
		}

.content li 		{
			list-style-type: square;
			list-style-position: inside;
			padding: 0;
			color: #f00;
		}

.contactName	{	color: #4F4F4F;
					font-weight: bold;
					}					  

.office, .church
			{	color: #f00;
				font-weight: bold;
			}
.contactDetails
			{	color: #464646;
				font-weight: normal;
			}
.listContent	{	color: #464646;
				font-weight: normal;
			}		
									

/* end defaults */

h1				{ background-color: #fff;	
				color: #4F4F4F;
				font:  bold 1.45em serifa, Cambria, Georgia, Times New Roman, serif;
				word-spacing: 200%; 
				text-align: center;	
				vertical-align: center;
				margin: 0px 0px 2px 0px;
				padding: 0px 20px;
				text-indent: 0;
				line-height: 200%;
				}

.colour2	{padding-top: 2%;
					background-color: red;
					color: #fff;
					}
.size2	{	font-size: 80%;
			}
.size3	{ font-size: 200%;
				font-weight: bold;
			}			
								
h2	{			color: #ff0000;
				font:  bold 1.5em serifa, Cambria, Georgia, Times New Roman, serif;
				text-align: left;
				margin-left: 6px; 
				margin-bottom: 5px;
				margin-top: 0px;
			}

h3, .helpBox h2, .helpBox a h2	{	
				color: #ff0000;
				font:  bold 1.0em Tahoma, Verdana, arial, sans-seriff;
				text-align: left;
				margin-left: 16px;
				margin-bottom: 8px;
				margin-top: 3px;
				width: 50%;
				border-bottom: 2px dotted #FFC5D4;
				text-decoration: none; 
			}
.helpBox h2, .helpBox a h2	{	margin-left: 3px; margin-right: 3px;	
				width: auto;
				border-bottom: 3px dotted #8E8E8E;
			}
								
h4	{	
				color: #000;
				font:  bold 0.9em Tahoma, Verdana, arial, sans-seriff;
				text-align: left;
				margin-left: 16px;
				margin-bottom: 8px;
				margin-top: 8px; 
			}
			 
.divider1	{	height: 12px; border-top: 2px dotted #E5E5E5; color: #fff;
				}
				 			
			
.bible  {	margin: 4px; 
						width:560px; 
						border: 1px solid #ff0000;
						color: #ff0000; 
						padding:3px; 
						word-spacing: 1pt; 
						font: italic 0.9em Georgia; 
						text-align: center;			
				   	}	/* want this ?? */
				   
p, .helpBox p, .helpBox a p, td 
				{	color: #464646;
					font: normal 0.8em/1.6em verdana, arial, sans-serif; 
					text-align: left;
					text-indent: 0px;
					margin-bottom: 10px;
					margin-top: 0px;
					margin-left: 20px;
					margin-right: 8px;
					text-decoration: none; 
			}
sup		{font-size: 75%;	} 

.helpBox	{  	border: 1px solid #000; border-top-width: 5px; 
				width: 250px;
				margin-right: 5px; margin-bottom: 5px;
				float: left;
			}
						 
.helpBox p, .helpBox a p {	margin: 0 3px 2px 3px;
			}
			
.centre	{ text-align: center;	}

			
#footer		{	background-color: #8E8E8E;
				color:	#fff;
				margin: 0px;
				margin-top: 5px;
				padding: 5px 10px;
				border: 0px;
				font-style: arial, verdana, sans-serif;
			}	
							
#footer	p {	font-size: 0.6em;
			color:	#fff;
			} 			 	

/*  --------- 2. structure  --------- */

div.small_tab table
			{	background-color: #fff;
				border:1px solid #000; border-top-width: 5px;
				padding: 3px;
				margin: 10px 20px 15px 40px;  
				text-align: left;
				width: 500px;
			}

div.small_tab th
			{	
				font:  normal 0.9em Tahoma, Verdana, sans-serif;
				border-bottom: 3px dotted #8E8E8E;
				line-height: 2em;
				margin-bottom: 0px;
				margin-top: 0px;
				text-align: center;
			}
div.small_tab td
			{	padding-left: 8px;
			}				
		
div.small_tab td.date, div.small_tab th.date
			{	border-right: 2px dotted #E5E5E5;
				width: 150px;
			}
									
div.small_tab td.bot-border 
			{	border-bottom: 2px dotted #E5E5E5;
			}
						
/* ---------- 3. links and navigation ---------- */	
a, #footer a
	 	{	font-family: inherit; 
			font-weight: bold;
			text-decoration: none;
			color: #f00;
			border-bottom: 1px solid #f00; 
		} 
		
#footer a:link, #footer a:visited
		 	{	color: #fff;
			 	border-bottom-color: #fff;
			}
			
#footer a:focus, #footer a:hover 
		{	color: #f00;
			border-bottom: 2px solid #f00;
		}	
			

.content a:focus, .content a:hover, .hBwords a:focus, .hBwords a:hover
		{	color: #fff;
			background-color: #f00;
			border-bottom: 0;
		}
				
#navcontainer
{
margin: 0;
margin-top: 6px;
padding: 0 0 20px 10px;
border:0;
border-bottom: 6px dotted #8E8E8E;
}

.navlist ul, .navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.navlist a:link, .navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #8E8E8E;
border: 0;
}

.navlist a:link#current, .navlist a:visited#current, .navlist a:hover
{
border-bottom: 4px solid #ff0000;
padding-bottom: 2px;
background: transparent;
color: #ff0000;
}

.navlist a:hover { color: #000; border-bottom-color: #000}		 

.top-back	{	text-align: right;
				float: right;
				width: auto;
				padding: 1px;
				margin: 0;
				font: normal 0.8em/1.5em verdana, arial, sans-serif;
			}
.top-back a:link, .top-back a:visited, .top-back a:focus, .top-back a:hover 
			{	color: #fff;
				background-color:#8E8E8E;
				font-weight: bold;
				border: 1px solid #fff;
				text-decoration: none;
				padding: 0px 10px 7px 10px;
				margin: 0;				
			}
.top-back a:hover	{	color: #8E8E8E;
						background-color:#fff;
						border: 1px solid #f00;
					}
a.div_bar		{ 	padding-right: 8px;
					border-right: 1px solid #ff0000;
					margin-right: 3px
				}
a.CAlink 	{	text-align: right;
				float: right;
				padding: 2px 10px 3px 10px;
				margin: 0 5px 5px 3px;
				font: bold 0.8em/1.5em verdana, arial, sans-serif;
				color: #fff;
				background-color:#f00;
				text-decoration: none;
			}
/* ---------- 4. fonts ---------- */
li	{	font: normal 0.8em/1.5em verdana, arial, sans-serif; 
					text-align: left;
					text-indent: 0px;
					margin-bottom: 10px;
					margin-top: 0px;
					margin-left: 8px;
					margin-right: 8px; 
			}	

/* ---------- 5. images ---------- */
img	{
		border:  4px dotted #8E8E8E; /* 2px solid red; */
		margin: 5px;
		margin-top: 0px;
	}
a.imglink {	border-bottom: 0;	}	
p.imglink	{	border-bottom: 0;	}
.helpbox p.imglink	{	border-bottom: 0;	}
a:link.imglink {	border-bottom: 0;	} 
a:visited.imglink {	border-bottom: 0;	}
a:focus.imglink {	border-bottom: 0;	}
a:hover.imglink {	border-bottom: 0;	}