/* 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 header and footer
	3. links and navigation
	4. fonts
	5. images
	6. hacks

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

*/



/* ------------------------ 1. defaults ------------------------------------------------------------------------------ */ 
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body {		
background: 
/* url(http://www.gillinghamanglican.org.uk/images/backgrounds/dove_trinity_jn.jpg) left; */
/* url(http://www.gillinghamanglican.org.uk/images/backgrounds/pentecost_jn.jpg) left; */
	url(http://www.gillinghamanglican.org.uk/images/backgrounds/cross_palm_lily_faint2_pp.jpg) center; 
		border: 0;
		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: 0;
		padding: 0;
		margin: 0px auto; 
		text-align: center;
	}
	
/* Skip link */
.skiplink {
	position: absolute;
	left: -999px;
	width: 990px;
	} 

/* Access keys */
.accesskeys {
	position: absolute;
	left: -1999px;
	width: 990px;
	}
	 	
image	{
		border: 0;
	}
 
.cleaner			/* just a tidying thing - worth having?? */
{
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}	

a:link,	  
a:visited,
a:focus,
a:hover	{	font-family: inherit; 
			font-weight: bold;
			text-decoration: none }
a:link,	  
a:visited	{	color: #000000
		}
a:focus,
a:hover	{	color: #ff9900
		}

/*	img {
		cursor: pointer:
		} */
/*	.help {
		cursor: help;
		} */
		/* set <a class="help" href="...> */

ul		{	margin: 0;
			padding: 0;
			border: 0;
			list-style-type: none;
			list-style-position: inside;
		}

li 		{
			padding: 0px;
		} 

/* end defaults */

/* ------------------------ 2. overrides for header and footer --------------------------------------------------------- */  

#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#header, 
div#footer 		{	
background-image: url(http://www.gillinghamanglican.org.uk/images/backgrounds/litgold.gif) ;
				width: auto; height: 4.6em;  
				font-family: Arial, Verdana; font-weight: normal; 
			 	padding: 0.5px 5px 1px 5px; border: 0px; margin: 0px;  
			}
   * html div#header, 
	* html div#footer {
    width: 774px; /* for IE5 and IE6 in quirks mode */
    w\idth: 770px; /* for IE6 in standards mode */
  }
			
div#footer 		{	height: 5.8em
			}

div#header h1, 
div#header p, 
div#header ul,
div#footer p	{	font-size: 0.6875em; height: 1em; 
			}

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

div#footer p	{	margin: 0px; margin-bottom: 1px;
			}

div#footer #feedback,	
div#footer #date	{	
				vertical-align: top; 
			}

#header a:link,	  
#footer a:link,	  
#header a:visited,
#footer a:visited,
#header a:focus,
#footer a:focus,
#header a:hover,
#footer a:hover	{	text-decoration: underline;
			}


table#head		{	padding: 0px; border: 0px; margin: 0px;  
			}
   
#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 img		{     vertical-align: middle;
				} 
.arrows 		{     font: bold 0.8em verdana, arial, sans-serif; 
				}	
.arrows 		{     font: bold 0.8em verdana, arial, sans-serif; 
				}
				
.arrows a:link,	  
.arrows	a:visited	{	color: #000000;
					}
.arrows	a:focus,
.arrows	a:hover		{	color: red;
					}		

.sdlogo1 		{	border-width: 0.1em 0.1em 0 0.1em; border-style: solid; border-color: black; margin-bottom: 0px; padding-bottom: 0px;  
			}

.sdlogo2 		{	border-width: 0em 0.1em 0.1em 0.1em; border-style: solid; border-color: black; margin-top: 0px; padding-top: 0px; 
			}

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

#hdlinks 		{
	    		}

 
/* ------------------------ for main title ----------------------------------------------------------------------- */

/* ------------------------ for header and footer - incl. arrows--------------------------------------------------- */