/* commonstyles.css

STYLE SHEET FOR the common parts of Gillingham and Milton Church WEB SITE
Created by Teresa Goatham
www.gillinghamanglican.org.uk

ToC

	1. defaults
	2. overrides for mhead and mfoot
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes - for defaults, mhead and mfoot
(nb/ main content style is also common to both, but not used on all pages e.g. home page,  events ...)  

*/



/* ------------------------ 1. defaults ------------------------------------------------------------------------------ */ 

body {	background: url(http://www.gillinghamanglican.org.uk/milton/mimages/pattern.gif) center; 
		border: 0px;
		padding: 0px;
		margin: 10px;
	}

  * html body {	
    width: 796px; /* for IE5 and IE6 in quirks mode */
    w\idth: 776px; /* for IE6 in standards mode */ 
	}

#page {	background-color: #ffffff;  
		width: 770px; 
		border: 6px solid #C2D9B8;   
		padding: 0px;
		margin: 0px auto; 
		text-align: left;
	}
	
div.mainContent h2	{	font-size: 1em; font-family: Verdana, arial; color: rgb(0, 153, 0); font-weight: bold;
	}
	
div.mainContent h4	{  font-size: 1.4em; font-family: lucida calligraphy, lucida handwriting, comic sans ms, georgia;
			; color: rgb(0, 153, 0); font-weight: strong;
	}

div.mainContent h3	{  font-size: 1.3em; font-family: georgia, times new roman; color: #000; font-weight: normal;
	}

p, .mainContent li	{ margin: 5px; font-size: 0.8em; font-family: verdana, arial; color: #000; font-weight: normal;
	} 	
	
.left	{  text-align: left;
		}	
		
.datetime 	{	font-size: 0.9em; font-family: Arial; color: rgb(0, 153, 0); font-weight: bold;
		}						

.venue  {	font-weight: bold;
		}
		
.title	{ 	font-family: lucida calligraphy;
		 	color: green; 
		}		

.main	{ 	background-image: url(http://www.gillinghamanglican.org.uk/milton/mimages/edge.gif) ;
			width: 770px;
		}

.links	{ 	background-image: url(http://www.gillinghamanglican.org.uk/milton/mimages/edge.gif) ; 
			width: 170px;
			text-align: left; 
			float: left;  
		}

.mainContent {	width: 580px; 
				float: right; 
				background: transparent;
			} 
			
.services table	{	width:570px;
		}				
			
.cleaner			/* a tidying thing - this makes border continue at side in firefox  */
{
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background-image: transparent;
	}			
			
.date	{	word-spacing: 0pt;
			line-height: 150%;
			margin-top: 0pt;
			margin-bottom: 0pt;
			font-family: Arial;
			size: 1.2em;
			font-weight: bold;
						
		}
				
.main h1 {	text-align: right;
			font-family: lucida calligraphy, lucida handwriting, comic sans ms, georgia;
			color: green;
			margin-right: 30px;
		}
th	{	word-spacing: 0pt; 
		margin-top: 0pt; 
		margin-bottom: 0pt;
        color: #008000;
		font-family: Times New Roman;
		font-size= 0.75em;
		font-variant: small-caps;
	}
			
.dayTitle	{	word-spacing: 0pt; 
				line-height: 150%; 
				margin-top: 0pt; 
				margin-bottom: 0pt;
				color: green;
				font-family: Times New Roman;
				font-size: 1em;
				font-variant: small-caps;
		}
		
.service {	font-weight: bold;
			font-family: Arial;
		}			
				
img	{
		border: 0;
	}


a:link,	  
a:visited,
a:focus,
a:hover	{	font-family: "Arial"; 
			font-weight: bold;
			text-decoration: underline }
a:link,	  
a:visited	{	color: green
		}
a:focus,
a:hover	{	color: #ff9900
		}

.links a:link,	  
.links a:visited,
.links a:focus,
.links a:hover	{	font: bold 0.95em "Times New Roman", Georgia, serif;
					text-decoration: none;
					color: black; }
		
/*	img {
		cursor: pointer:
		} */
/*	.help {
		cursor: help;
		} */
		/* set <a class="help" href="...> */

ul		{	margin: 0;
			padding: 0;
			border: 0;
		}

.mainContent li 		{
			list-style-type: square;
			list-style-position: inside;
		 	margin-left: 40px;			
			padding: 3px;
		} 

#mhead	li 		{
			list-style-type: none;
			list-style-position: inside;
		 	/* margin-left: 40px;	*/		
			padding: 0px;
		} 
		
/* end defaults */

/* ------------------------ 2. overrides for mhead and mfoot --------------------------------------------------------- */  

#textsize 		{	margin: 0px; padding: 0px; border: 0px;
			}

#textsize p		{	font-family: verdana, arial; font-size: 0.9em; font-weight: normal; 
				margin: 0px; padding: 2px; 
			}


div#mhead, 
div#mfoot 		{	background-image: url(http://www.gillinghamanglican.org.uk/milton/mimages/headfootbg.gif);
				width: 764px; height: 4.6em;
				font-family: Arial, Verdana; font-weight: normal; 
			 	padding: 3px; border: 0px; margin: 0px;  
			}

div#mfoot 		{	height: 5.8em
			}

div#mhead h1, 
div#mhead p, 
div#mhead ul,
div#mfoot p	{	background-image: inherit;
				font-size: 0.6875em; height: 1em; 
			}

div#mhead h1	{	font-weight: bold; font-family: Arial, Verdana; 
			 	margin: 0; padding: 0; border: 0;
			} 
	
div#mhead p, 
div#mhead ul	{ 	margin: 5px 0px 0px 0px;  
			}

div#mfoot p	{	margin: 0px;
			}

div#mfoot table	{	width: 764px;
			}

div#mhead td,
div#mfoot td	{	vertical-align: top;
			}

div#mfoot td#feedback	{	
				text-align: left;
			}

div#mfoot td#date{	
				text-align: right;
			}

#mhead a:link,	  
#mfoot a:link,	  
#mhead a:visited,
#mfoot a:visited,
#mhead a:focus,
#mfoot a:focus,
#mhead a:hover,
#mfoot a:hover	{	text-decoration: underline;
			}


table#head		{	padding: 0px; border: 0px; margin: 0px;  
			}

div#base          {	background-image: url(http://www.gillinghamanglican.org.uk/images/dividers/3cross768x50_af.gif);
 				height: 50px; vertical-align: bottom; width: 768px; text-align: center; 
			}

div#base table	{	width: 200px;
				margin-right: auto;
				margin-left: auto; 
			}          

.arrows		{     vertical-align: super;
			} 

.sdlogo1 		{	border-width: 0.1em 0.1em 0 0.1em; border-style: solid; border-color: blue;  
			}

.sdlogo2 		{	border-width: 0em 0.1em 0.1em 0.1em; border-style: solid; border-color: blue;  
			}

.div_bar		{	color: #cd0000; font: bold;	}

#hdlinks 		{
	    		}
.clearboth		{	clear: both; 	}
.clearright		{	clear: right; 	}
.clearleft		{	clear: left; 	}
 
/* ------------------------ for main title ----------------------------------------------------------------------- */

/* ------------------------ for mhead and mfoot - incl. arrows------------------------------------------------------ */