/* maincontent.css

STYLE SHEET FOR the main content on most pages of the Gillingham and Milton Churches' WEB SITE
Created by Teresa Goatham
www.gillinghamanglican.org.uk

ToC

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

*/

/* --------- 1. defaults  --------- */
div#content h1,th	{ background-color: #95675e;	
				background-image: url(http://www.gillinghamanglican.org.uk/images/backgrounds/marble09.jpg) ;
				color: #fff;
				font:  italic bold 1.5em Georgia, "Lucida handwriting", serif;
				text-align: left;
				margin: 0px 0px 5px 0px;
				padding: 1px 10px 5px 10px;
				text-indent: 0px; 
				}

div#content h2,
div#content2 h2
			{	
				color: #95675e;
				font:  1.4em Georgia, "Lucida handwriting", serif;
				text-align: left;
				text-indent: 0.5em; 
				margin-bottom: 5px;
				margin-top: 0px;
			}

div#content h3,
div#content2 h3
			{	
				color: #a8746a;
				font:  bold 1.0em Georgia, "Lucida handwriting", serif;
				text-align: left;
				text-indent: 0.5em;
				margin-bottom: 5px;
				margin-top: 3px; 
			}
div#content h4	{	
				color: #000;
				font:  bold 0.9em Georgia, "Lucida handwriting", serif;
				text-align: left;
				text-indent: 0.5em;
				margin-bottom: 8px;
				margin-top: 8px; 
			}
div#content h5	{	
				color: #a8746a;
				font:  bold 0.8em verdana, arial, sans-serif;
				text-align: left;
				text-indent: 0.5em;
				margin-bottom: 5px;
				margin-top: 3px;
				margin-left: 0px; 
			}			

/* class bible for bible quote in table; being replaced by div */			
div#content .bible  {	margin: 0px; 
						width:96%; 
						border: 1px solid #95675e;
						padding:3px;
						word-spacing: 1pt; 
						font: italic 0.9em Georgia; 
						text-align: center; 
					}	
					
div .biblediv  		{	margin: auto;
						margin-bottom: 5px; 
						width:96%; 
						border: 1px solid #95675e;
						padding:3px;	
				   	}							
div#content .biblediv p {	word-spacing: 1pt; 
						font: italic 0.9em Georgia; 
						text-align: center;
						margin-bottom: 0px;			
				   	}
div#content .bibleref	{	margin-left: 20px; 
						word-spacing: 0.8pt; 
						font: normal 0.75em Georgia; 
						text-align: center;			
				   	}
					
div#content p.biblemore {	font: bold 0.7em/1.0em Georgia, serif; 
						text-align: right;
						text-indent: 0px;
						margin-bottom: 4px;
						margin-top: 0px;
						margin-left: 4px;
						margin-right: 4px; 
						}						
			   
div#content p,
div#content2 p,
div#prayer_cycle_teaser_item h3,
div#prayer_cycle_teaser_item h2	
				 {	font: normal 0.75em/1.5em verdana, arial, sans-serif; 
					text-align: left;
					text-indent: 0px;
					margin-bottom: 10px;
					margin-top: 0px;
					margin-left: 8px;
					margin-right: 8px; 
			} 
div#prayer_cycle_teaser_item h2
			{ font-weight: bold;	margin-left: 0px;}			
div#prayer_cycle_teaser_item h3
			{ margin-left: 0px;}			
			

div#content .miscContainer {	border: 0; 
							padding: 4px 0px 4px 0px; 
							margin: 0px; 
							background: #E9DCDA; 
							width: auto; }
							
div#content .adContainer {	border-top:1px dotted #95675e;
							border-bottom:1px solid #95675e; 
							padding: 4px 0px 4px 0px; 
							margin: 0px; 
							background: #E9DCDA; 
							width: 577px; } 

div#content .adPageBox	{ float: left;
						background:#ffffff;
						border:1px solid #95675e;
						padding:0px;
						margin:3px 0px 3px 5px;
						width:182px;
						}
 * html #content .adPageBox {
				width: 189px; /* for IE5 and IE6 in quirks mode */
				w\idth: 181px; /* for IE6 in standards mode */
}  
									
div#content .adPageBox p, .outlineBox p {	font: normal 0.7em/1.2em verdana, arial, sans-serif;
					color: #6A1B33; 
					text-align: left;
					text-indent: 0px;
					margin-bottom: 5px;
					margin-top: 0px;
					margin-left: 7px;
					margin-right: 7px; 
			}			
div#content p.beforemore {	margin-bottom: 0px;
						}			
div#content p.morelink {	font: bold 0.75em/1.0em verdana, arial, sans-serif; 
						text-align: right;
						text-indent: 0px;
						margin-bottom: 4px;
						margin-top: 0px;
						margin-left: 4px;
						margin-right: 4px; 
						}	

div#content li	{	font: normal 0.75em/1.5em verdana, arial, sans-serif; 
					text-align: left;
					text-indent: 0px;
				/*	margin-bottom: 10px;
					margin-top: 0px;
					margin-left: 8px;
					margin-right: 8px; */ 
			}	
												
div#content .bulletlist li	{	
					background: url(http://www.gillinghamanglican.org.uk/images/bullets/br_dimond_cs.gif) no-repeat 10px 5px;
					list-style: none;
					font: normal 0.75em/1.5em verdana, arial, sans-serif; 
					margin-bottom: 10px;
					margin-top: 0px;
					padding-left: 28px;
					margin-right: 8px; 
			}			

div#content .minorlist li	{	font: normal 0.75em/1.5em verdana, arial, sans-serif; 
					text-align: left;
					text-indent: 5px;
					padding-left: 2px; 
					margin-bottom: 0px;
					margin-top: 0px;
					margin-left: 8px;
			}

div#content .nestedList li	{	font: normal 100% verdana, arial, sans-serif; 
					text-align: left;
					text-indent: 5px;
					padding-left: 2px; 
					margin-bottom: 0px;
					margin-top: 0px;
					margin-left: 8px;
			}			
			
							
div#content .linktable p	{	font: normal 0.75em/1.2em verdana, arial, sans-serif; 
								text-align: left;
								text-indent: 0px;
								margin-bottom: 1px;
								margin-top: 0px;
								margin-left: 4px;
								margin-right: 4px; 
			}
						
div.small	{	font-size: 0.6em,
			} 			 	

/* div#content li.level_1 	{	
				list-style: circle outside; /* image * /
			} 	 */

/* div#content li.level_2 {	
				list-style: disc outside; /* image * /
			} 	

div#content li.level_3  {	
				list-style: square inside; /* image * /
			} 
	
ul.level_1	{	font: bold 0.75em/1.5em verdana, arial, sans-serif;
					list-style: disc outside; /* image * /
			} 	

div#content li.level_2	{	font: normal 0.75em/1.5em verdana, arial, sans-serif;
				
			} 	

div#content li.level_3 {	font: italic normal 0.75em/1.5em verdana, arial, sans-serif;
				
			}	  */
#content a.externalLink {	padding-right: 13px;
							background: url(http://www.gillinghamanglican.org.uk/images/admin/external-link.gif) no-repeat right top;
			}					 

div#content table {	vertical-align: top;
			} 
			
div#content th {	vertical-align: top;
			} 
			
div#content tr {	vertical-align: top;
			}
			
div#content td {	vertical-align: top;
			}	

div#content .backColour,
div#content2 .backColour { background-color: #eee1dd; }			

.outlineBox {border: 1px solid brown; width: 90%; margin: auto; padding: 5px;
			}
			
/*	div#content img { border: 2px;				}	*/

.minorlist	{	list-style: inside square;
				padding: 0px;
				margin-top: 5px;
				margin-bottom: 5px;
			}	
.nestedList	{	list-style: inside disc;
				padding: 0px;
				margin-top: 5px;
				margin-bottom: 5px;
			}												
		
		
.emphasis {color: #95675e; font-weight: bold; }

.writer, 
.greeting	{	text-align: left;		 	/* use in div */
				margin-left: 10px;
				word-spacing: 3pt;
				color: #95675e;
				font: normal 1.1em/1.6em "lucida handwriting", "comic sans ms", georgia;
			}
			
.writer_role {	font-weight: bold;	}	/* use with normal para */			
			
.picscol	{	background-color: #eee1dd; 
				width: 194px;
				margin: 0px;
				float: left;
				border: 0px;
				padding: 0px;
				vertical-align: top;
			}
.picscol-style	{	background-color: #eee1dd;
				}
			 
.imgtext {/* background-color: #cca699; */
 						color: #5e443c; 
						font: bold 0.8em/1em arial, verdana;
						padding: 2px 5px 4px 5px;
						}
						
.textcol	{	background-color: #fff; 
				width: 376px;
				w\idth: 366px;  
				margin: 0px;
				float: right;
				border: 0px;
				padding: 4px;
				vertical-align: top;
			} 

.side1 {margin: 6px; border-width:1px 1px 1px 1px; border-style:solid; border-color:#ffeecc #cc9966 #cc9966 #ffeecc; 
padding:5px; background-color: #fff; }
.side2 {margin-top: 8px; }

.picsrow	{	background-color: #eee1dd; 
				margin: 0px;
				float: left;
				border: 0px;
				padding: 0px;
				padding-bottom: 5px;
				vertical-align: top;
			}
.rowside2 {margin: 6px; margin-left: 0px; border-width:1px 1px 1px 1px; border-style:solid; border-color:#ffeecc #cc9966 #cc9966 #ffeecc; 
padding:5px; background-color: #fff; }									

/* css following is for dividing main content with tables - being replaced by the above for divs */
						
.sidepics{	background-color: #eee1dd; 
				width: 188px;
				margin: 0px;
				float: left;
				border: 0px;
				padding: 0px;
				vertical-align: top;
			} 
			
/* div.sidepics img{	background-color: #fff; 
				border: 1px;
				padding: 2px;
			}		  */
			
div.sidepics table {width: 188px; 
				    w\idth: 174px; 
					border: 0;
					text-align: center;
					border: 0px;
					padding: 0px;
					margin: 3px;	 
					}

div.sidepics td	{	width: 178px; 
				    w\idth: 174px; 
					border: 0px;
					padding: 0px;
					margin: 0px;	 
					}

					
div.sidepics th {	background-color: #eee1dd;
					background-image: url();
					/* color: #5e443c; */
					color: #a8746a;  
					font: bold 0.9em/1em, Georgia, arial, verdana;
					line-height: 115%;
				}	

div.sidepics .mainimg {	width: 170px; 
				    	w\idth: 166px;
						background-color: #ffffff;
						border-style: solid; 
						border-width: 1px; 
						border-color: #8c6659;
						padding: 3px;
						margin: 0px;
					}

div.sidepics .headtext {
						padding: 4px 0 0 0;
						}					
					
.imagetext {background-color: #cca699;
 						color: #5e443c; 
						font: bold 0.8em/1em arial, verdana;
						padding: 2px;
						}
						
.sidepics_half	{	background-color: #fff; /*#eee1dd; */
				width: 283px;
				margin: 0px;
				float: left;
				border: 0px;
				padding: 0px;
				vertical-align: top;
			}
																											
div.sidepics_half table {width: 283px; 
				    w\idth: 283px; 
					border: 0;
					text-align: center;
					border: 0px;
					padding: 0px;
					margin: 0px;	/* from 3 */ 
					}

div.sidepics_half td	{	width: 283px; 
				    w\idth: 283px; 
					border: 0px;
					padding: 0px; /*from 2*/
					margin: 0px;	 
					}

					
div.sidepics_half th {	background-color: #fff; /* #eee1dd; */
					background-image: url();
					/* color: #5e443c; */
					color: #a8746a;  
					font: bold 0.9em/1em, Georgia, arial, verdana;
					line-height: 115%;
				}	

div.sidepics_half .mainimg {	width: 283px; 
				    	w\idth: 271px;
						background-color: #ffffff;
						border-style: solid; 
						border-width: 1px; 
						border-color: #8c6659;
						padding: 4px 3px 4px 3px;
						margin: 2px;
					}

div.standard  {									
						border: 0px;
						padding: 3px;
						margin: 0px;
						}					
					   
div.standard .mainimg {	
						background-color: #ffffff;
						border-style: solid; 
						border-width: 1px; 
						border-color: #8c6659;
						padding: 4px 3px 4px 3px;
						margin: 2px;
						}
					
div.sidepics_half .headtext {
						padding: 4px 0 0 0;
						}					
					
/* div.sidepics_half .imagetext {background-color: #cca699;
 						color: #5e443c; 
						font: bold 0.8em/1em arial, verdana;
						padding: 2px;
						}		*/
div#text	{	background-color: #fff;   /* for 1/3 of main content */
				width: 188px;
				margin: 0px;
				border: 0px;
				padding: 0px;
				vertical-align: top;
			}

div#text2	{	background-color: #fff;  /* for 2/3 of main content */ 
				width: 376px;
				margin: 0px;
				border: 0px;
				padding: 0px;
				vertical-align: top;
			}
div#text_half	{	background-color: #fff;   /* for 1/3 of main content */
				width: 280px;					/* was 285 */
				w\idth: 278px;	   /* was 281 */
				margin: 0px;
				border: 0px;
				padding: 0px;
				vertical-align: top;
			}			  

.fullwidth{		width: 577px;
				margin: 0px;
				float: left;
				border: 0px;
				padding: 0px;
				vertical-align: top;
			}
						
div.fullwidth table {width: 577px; 
				    w\idth: 563px; 
					background-color: #eee1dd;
					border: 0;
					text-align: center;
					border: 0px;
					padding: 0px;
					margin: 3px;	 
					}
			
div.fullwidth td { 	width: 178px; 
				    w\idth: 174px; 
					border: 0px;
					padding: 0px;
					margin: 0px;	 
					}
						
div.fullwidth th {	background-color: #eee1dd;
					background-image: url();
					/* color: #5e443c; */
					color: #a8746a;  
					font: bold 0.9em/1em, Georgia, arial, verdana;
					line-height: 115%;
				}	

div.fullwidth .mainimg {	width: 170px; 
				    	w\idth: 166px;
						background-color: #ffffff;
						border-style: solid; 
						border-width: 1px; 
						border-color: #8c6659;
						padding: 3px;
						margin: 0px;
					}

div.fullwidth .headtext {
						padding: 4px 0 0 0;
						}					
					
div.fullwidth .imagetext {background-color: #cca699;
 						color: #5e443c; 
						font: bold 0.8em/1em arial, verdana;
						padding: 2px;
						}																		

			
div.text2_5	{	background-color: #fff;  /* for 2/5 of main content */ 
				width: 231px;
				margin: 0px;					
				border: 0px;
				padding: 0px;
				vertical-align: top;
				float: left;
			}
						
div.text3_5	{	background-color: #fff;  /* for 3/5 of main content */ 
				width: 339px;
				w\idth: 331px;				
				margin: 0px; margin-left: 1px;				
				border: 0px;
				padding: 0px;
				vertical-align: top;
				float: right;
			}
			 			
div.small_tab table	{background-color: #fff;
				color: #000;
				font:  0.75em/1.5em verdana, arial, sans-serif;
				text-indent: 3px; 
				margin-bottom: 15px;
				margin-left: 8px;
				margin-top: 5px;
				text-align: left;
			}
				
div.small_tab th {	background-color: #95675e;
				background-image: url(http://www.gillinghamanglican.org.uk/images/backgrounds/marble09.jpg) ;
				color: #fff;
				font:  bold 1.1em Georgia, "Lucida handwriting", serif;
				line-height: 2em;
				text-indent: 0px;  
				padding: 0 3px 0 3px;
				margin-bottom: 0px;
				margin-top: 0px;
				text-align: center;
			}
				
div.small_tab td, th {	padding: 0 3px 0 3px;
			}
									
div.small_tab .rowcol td {background-color: #faf4f3;
			}	
			
div#content .imageAck,
#d2 .imageAck,
#prayer_cycle_teaser_more  	 {	text-align: right; 
				font: normal 0.58em arial, sans-serif; 
				color: #bebebe; 
				line-height: 0.7em; 
				padding:0; 
				margin:2px 0 0 0;
				float: inherit;
				clear: right;
				display: block;
			}	
			  
	/* font: style variant weight size/line-ht family */
		
/*  --------- 2. structure  --------- */

/* ---------- 3. links and navigation ---------- */

/* set fields common to all content text links and defaults (color and border-bottom) for where the specific don't work - ie. firefox - till have worked out why */ 
#content a:link,
#content2 a:link,
div#prayer_cycle_teaser_item h2	a:link	{	font-family: inherit; 
			font-weight: inherit;
			text-decoration: none;
			color: #80405C;
			border-bottom: 1px dashed #80405C;
		}
#content a:visited,
#content2 a:visited,
div#prayer_cycle_teaser_item h2	a:visited
		{	font-family: inherit; 
			font-weight: inherit;
			text-decoration: none;
			color: #80405C;
			border-bottom: 1px dashed #ecdedd;
		}
#content a:focus,
#content2 a:focus,
div#prayer_cycle_teaser_item h2	a:focus
		{	font-family: inherit; 
			font-weight: inherit;
			text-decoration: none;
			color: red;
			border-bottom: 2px solid #80405C;
		}
#content a:hover,
#content2 a:hover,
div#prayer_cycle_teaser_item h2 a:hover
		{	font-family: inherit; 
			font-weight: inherit;
			text-decoration: none;
			color: #80405C;
			border-bottom: 2px solid #80405C;	
		}
#content.gill-fest a:link, a:visited, a:focus, a:hover { color: white; } 		

a.powered {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	display:block;
	padding:10px 35px 7px 0;
	margin:0 3px 3px 3px;
	background:url(http://www.oikoumene.org/fileadmin/files/wcc-main/WCC_Logo/without_text/colour/gif/wcclogo_tiny.gif) bottom right no-repeat;
}

#sitemap li.smain a, #sitemap li.ssub a 	{border-bottom: 0px;	}		 
/*		
#home#content a:link {	color: #660000;
				border-bottom: 1px dashed #660000;
		}	  
#home#content a:visited	{	color: #660000;
				border-bottom: 1px dashed #660000;
		}
#home#content a:focus {	
			border-bottom: 1px dashed #660000;
			color: #ff9900;	  /* ??		* /
		}
#home#content a:hover	{	
			border-bottom: 1px dashed #660000;
			color: #ff9900;	  /* ??		*/
		}  
/*
#events#content a:link {	color: #80405C;
				border-bottom: 1px dashed #80405C;
		}
#events#content a:visited	{	color: #80405C;
				border-bottom: 1px dashed #80405C;
		}
#events#content a:focus {	color: #ff9900;
			border-bottom: 1px dashed #80405C;
		}		
#events#content a:hover	{	color: #ff9900;	
			border-bottom: 1px dashed #80405C;
		}		

#social#content a:link {	color: #445c8b;
				border-bottom: 1px dashed #445c8b;
		}	  
#social#content a:visited	{	color: #445c8b;
				border-bottom: 1px dashed #445c8b;
		}
#social#content a:focus {	color: #ff9900;	  /* ??		* /
			border-bottom: 1px dashed #445c8b;
		}				
#social#content a:hover	{	color: #ff9900;	  /* ??		* /
			border-bottom: 1px dashed #445c8b;
		}		*/		

/* prevent dashes underlining image links */
div#content p.imglink {	border-bottom: 0;	}

div#content a.imglink {	border-bottom: 0;	}
div#content a:link.imglink {	border-bottom: 0;	} 
div#content a:visited.imglink {	border-bottom: 0;	}
div#content a:focus.imglink {	border-bottom: 0;	}
div#content a:hover.imglink {	border-bottom: 0;	}	 
div#content.arrows a:link,	  
		a:visited	{	color: #000000;
					}
div#content.arrows	a:focus,
		a:hover		{	color: red;
					}										
div#content .consider  {	background-color: #FFFFCC;
						background-image: url(http://www.gillinghamanglican.org.uk/images/backgrounds/ivory.gif) ; 
					   	margin: 2px; 
						border: 1px solid #95675e; 
						padding:3px; 
						word-spacing: 1pt; 
						font: italic 0.9em Georgia; "Lucida handwriting", serif;
						text-align: left;
						}								
div#content p.consider 			{	color: #95675e;
									 
								}

div#content .divider	{	background-color:  #95675e;
						background-image: url(http://www.gillinghamanglican.org.uk/images/jjw_tanpaper/rock_bar.gif) ; 
						height:15px;
						width:500px;
						border:0;
						text-align: left;
						margin: auto;
						}									

/* ---------- 4. fonts ---------- */
/* ---------- 5. images ---------- */