/*	gillcommon.css 

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

ToC

	1. title
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/

/* --------- 1. title  --------- */
body			 {	text-align: center;
					scrollbar-3dlight-color:gold;
           			scrollbar-arrow-color:gold;
           			scrollbar-darkshadow-color:#c6897d;
           			scrollbar-face-color:#c6897d;
           			scrollbar-highlight-color:"";
	   				scrollbar-track-color:#ffecc8;	
           			scrollbar-shadow-color:khaki;
				} 

#page			{	border: 1px solid #a8746a;
				} 
					
#sidediv		{ background: #fff 
 url(http://www.gillinghamanglican.org.uk/images/backgrounds/marble09.jpg) 
				repeat-y 577px 0px;
					/* url(../images/jjw_tanpaper/pattern.gif) */} 
			
#heading 		{	border-width: 0;  border-style: groove; border-color: #cd8500; padding: 0px; 
					margin: 0px;
 					width: 770px;
				}
.hing_banner 	{	width: 768px; height: 250px; margin: 0px; border: 0px; padding: 0px;
			}
		
/*  --------- 2. structure  --------- */

.temp  		{ 	/* display: none; */ 
				font-family: arial; font-size: 0.75em; color: red;
				margin: 0px; padding: 0px; border: 0px;
			}
			
.holder {			/* creates breadcrumb bar */
		margin: 0;
		width: 770px;
		}


#main			{	position: static; top: 0px; left: 0px; width: 770px; height: 100%; 
				}
div#content,
div#content2,
div#content3		{	position: static;
				background: white;  
				top: 0px; left: 0px; float: left;  
				margin: 0;
				m\argin: 12px;
				border: 0;
				padding: 0px;
				}			
div#content		{	
				width: 572px; 	
			}
			 	
div#content2	{	
				width: 770px; 	
			}	
div#content3	{	
				width: 572px; 	
			}								
				 		
div#sidebar		{	position: inherit; right: 0px; top: 0px; 
				background-color: #95675e;
				background-image: url(http://www.gillinghamanglican.org.uk/images/backgrounds/marble09.jpg) ;				
				width: auto;
				margin: 0px;
				float: right; 
				border: 0px;
				padding: 0px;
			}
		   
.arrows		{	width: 200px; margin: 2px 100px 1px 250px; padding: 0; padding: 0;
			} 

.backarrow	{	float: left; min-height: 25px; min-width: 95px; margin: 0; padding: 0; padding-top: 10px; background: #fff url(http://www.gillinghamanglican.org.uk/images/arrows/arrowback.gif) no-repeat left center;
			}

.back		{	padding-left: 35px;
			}

.toparrow	{	float: left; height: 25px; width: 75px; margin: 0; padding: 0; padding-top: 10px; background: #fff url(http://www.gillinghamanglican.org.uk/images/arrows/arrowup.gif) no-repeat left center;	
			}																			  

.top		{	padding-left: 25px;	
			}			

#base			{	position: static; top: 0px; left: 0px; width: 770px; background-color: #fff;
			}		
			
#sbtable		{	position: inherit; top: 0px; left: 0px; 
				background-color: #95675e;	
				background-image: inherit; 
				margin: 0px;
				border: 0px;
				padding: 0px;
				width: 164px;
			}
* html #sbtable	{
				width: 192px; /* for IE5 and IE6 in quirks mode */
				w\idth: 164px; /* for IE6 in standards mode */
} 

		
#sidebar td		{	margin: 0px;
				border: 0px;
				width: 156px;
				padding: 4px; /* to place text away from cell edge */
				color: #c6897d; 
				font-family: arial, Verdana; 
				font-weight: bold;
			}
* html #sidebar td {
				width: 164px; /* for IE5 and IE6 in quirks mode */
				w\idth: 156px; /* for IE6 in standards mode */
}

.link_line		{	font-family: arial,verdana;
				text-align: right;
			}

.clearboth		{	clear: both; 	}
.clearright		{	clear: right; 	}
.clearleft		{	clear: left; 	}
.separator {
		clear: both;
		height: 0;
		}

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

/* -- for main menu (mm)  (if change any of these also change the corresponding colours on the sitemap) ------------ */
/* -- for side menus for various sections of the main menu (ms) ------------ */

.mmhome {
background-color:#660000;
}

.mshome1 {
background-color:#b38080;
}

.mshome2 {
background-color:#d9bfbf;
}

.mmevents {
background-color: #80405C;
}

.msevents1 {
background-color: #c0a0ae;
}

.msevents2 {
background-color: #DFCFD6;
}	  /* not needed ? */

.mmus {
background-color:#d98c00;
}

.msus1 {
background-color:#ffbc40;
}
.msus2 {
background-color:#ffd380;
}

.mmworship {
background-color:#808040;
}

.msworship1 {
background-color:#a0a070;
}

.msworship2 {
background-color:#c0c0a0;
}

.mmaction {
background-color:#408080;
}

.msaction1 {
background-color:#70a0a0;
}

.msaction2 {
background-color:#a0c0c0;
}

.mmgroups { 
background-color: #58b0b0;
}

.msgroups1 { 
background-color: #82c4c4;
}

.msgroups2 { 
background-color: #a2d3d3;  /* else acd8d8 */
}

.mmstudy { 
background-color: #4081c2;
}

.msstudy1 { 
background-color: #70a1d2;
}

.msstudy2 { 
background-color: #a0c1e1;
}

.mmsocial {
background-color:#445c8b;
}

.mssocial1 {
background-color:#7385a8;
}

.mssocial2 {
background-color:#a2aec6;
}

.mmhistory {
background-color:#73458A;
}

.mshistory1 {
background-color:#9674a8;
}

.mshistory2 {
background-color:#baa3c5;
}

.mmhome, 
.mmevents, 
.mmus,
.mmworship, 
.mmaction,
.mmgroups, 
.mmstudy,
.mmsocial,
.mmhistory {
color:#ffffff;
} 

.mshome1, 
.mshome2, 
.msevents1, 
.msevents2, 
.msus1, 
.msus2, 
.msworship1, 
.msworship2, 
.msaction1, 
.msaction2, 
.msgroups1,
.msgroups2, 
.msstudy1, 
.msstudy2, 
.mssocial1, 
.mssocial2, 
.mshistory1, 
.mshistory2 {
color:#000000;
} 

/* matching colours to main menu for sitemap (smm - site main menu) */
.smmhome {
			color:#660000;
}

.smmevents {
			color: #80405C;
}

.smmus {
			color:#d98c00;
}

.smmworship {
			color: #808040;
}

.smmaction {
			color:#408080;
}

.smmgroups { 
			color: #58b0b0;
}

.smmstudy { color: #4081c2;
}

.smmsocial {
			color:#445c8b;
}

.smmhistory {
  			color:#73458A;
}

/* -------------------------------- */

.mainmenu
{	position: static;
	padding-top: 0px;
	margin-left: 4px;
}  

.mainmenu ul {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.mainmenu li { 	float: left; 
			padding: 0px;
			margin-right: 0px; /* line wasn't present */ 
		 }

.mainmenu  a:link, .mainmenu a:visited
{ 
	border: 1px solid black;
	border-bottom: 0px solid transparent;

	color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	font-family: verdana, arial, sans-serif; 
	line-height: 1em;  

	padding: 4px 0px 4px 0px;
	text-decoration: none;
	text-align: center; 
	/* margin-top:4px; */

	position: relative; 
	top: 0;
	margin: 6px 0px 0px 0px;   /* was right 3px */
	width: 6.2em;  		   /* 6.6em */
	float: left;
}

.mainmenu  a:hover { 
	/* background-color: transparent;*/
	margin-top:0px;
	padding: 4px 0px 9px 0px;
/*	position: relative; */
	top: 0;
	margin-top: 1px;
  }
  
.pagemenu
{		
	position: static;
	padding-top: 0px;
	margin-left: 0px;
	padding: .1em 0px .2em 0px;
	height: 1.5em;
}

.pagemenu p, .pagemenu a:link, .pagemenu a:visited
{	font-size: 0.75em; 
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
	padding:0;
	margin: 0 20px 0 0;
	top: 0;
	text-align: center;
}

.pagemenu a:link, .pagemenu a:visited
{	color: #000;	
	text-decoration:underline;
}
.pagemenu a:hover
{
	color: #000;
	background-color: transparent;
	border-bottom: 2px solid #000;
}
.pagemenu  p
{ 	text-align: left;
	display: inline;
}
	
/* ------- breadcrumb bar   ----------------------------------------------------- */      
.breadcrumbs
			{	text-align: center;
				margin-left:0px;
				color:white;
				font: bold .75em/1em Tahoma, verdana, arial, sans-serif;
				letter-spacing: 1px;
				padding: .5em 10px .5em 10px;
				width:750px;
			}

.breadcrumbs a,.breadcrumbs a:visited
			{
				color:white;
				text-decoration:underline;
				border-bottom: 0;
			}

.breadcrumbs a:hover
			{
				color: #fff;
				background-color: transparent;
				border-bottom: 2px solid #ffffff;
			}

/* -- SIDE MENU - main headings ------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */
/* menu heading */
div#sidebar h1		{	font-size: 0.9em; /*0.725em;*/ 
						line-height: 1.5em;
						margin-bottom: 2px;
						margin-top: 2px;
				}

/* inv headings for links */
div#sidebar h2, div#sidebar h2 img	{	background-color: #c6897d;
					color:  #ffffff;
					font-size: 0.725em; 
					text-align: center;
					line-height: 1.5em;
					margin-bottom: 2px;
					margin-top: 0px; 
				}
				
div#sidebar p		{	
					line-height: 1.5em;
					margin-bottom: 2px;
					margin-top: 2px; 
				}			

#sidebar	a:link,
#sidebar	a:hover, 
#sidebar	a:visited 	{	color: black; 
					text-decoration: underline;
				} 

#sidebar	a:hover 	{	color: orange; 
				}

#sidebar	img		{	float: left; 
				}

#miltonlink		{	background: white url(http://www.gillinghamanglican.org.uk/images/buttons/milton_back.jpg) no-repeat bottom center;
					height: 136px;
				}

#miltonlink	a	{	border-width: 0px;
					padding: 0px; 
					color: green; 
					font-family: arial; 
					font-size: 0.9em; 
					font-weight: bold;
					line-height: 1.25em;
					text-decoration: none; 
				}	
	 
#miltonlink	a:link {	color: green; 
					text-decoration: none;
				}
#miltonlink	a:visited 	{	color: green; 
					text-decoration: none;
				}

#miltonlink	a:hover 	{	color: orange;
					text-decoration: none;
					}
div#sidebar #qcs p,
div#sidebar #ss p,
div#sidebar #makehome p,
div#sidebar #bkmark p,
div#sidebar #qcs ul,
div#sidebar #ss ul,
div#sidebar #rsspara p,
div#sidebar #twitter p,		
div#sidebar #blogpara p,
div#sidebar #sidemenu p,
div#sidebar #sitemap p,
div#sidebar #search p,
div#sidebar #rejesus p,				
div#sidebar #donate p,
div.amuse,
div#sidebar #pays p,
div#sidebar #guestmap p,
div#sidebar #guest p	{	font-size: 0.725em; 
				}
				
div#sidebar #miltonlink,
div#sidebar #surefish,
div#sidebar #smenupad,
div#sidebar #search,
div#sidebar #qcs,
div#sidebar #ss,
div#sidebar #makehome,
div#sidebar #bkmark,
div#sidebar #rsspara,
div#sidebar #twitter,
div#sidebar #blogpara,
div#sidebar #sitemap,
div#sidebar #rejesus,				
div#sidebar #donate,
div#sidebar #pays,
div#sidebar #guestmap,
div#sidebar #guest	{	background-color: #ffffff; 
				}				

.searchDiv form { margin-bottom: 0px; margin-top: 0px;}
.searchbutton  { color: #fff; font-family: Arial,Verdana; background-color: #c6897d; margin-left: 1px; margin-bottom: 3px; border-width: 2px; border-color: #999 #191919 #191919 #999 }
/* ?? add a chg - diff border? when hover over search button; would like to see hand as well */
			
.joke				{	font-family: "comic sans ms", georgia;
				}

.joke	p			{	font-size: 0.725em;
				}

.center			{	text-align: center;
				} 

.border			{	border: 1px solid #000; 
				}	

.item				{	color: #000000;  
					font-weight: normal;
				}

#guest,	
#guestmap,		
#makehome,
#blog,
#bkmark,
#children			{	float: left;
				}

/* --------------------------------------------------------------------------------------------------------------- */
#sidemenu, #sidemenu2, #sidemenu3 	 	{	
					width: 100%;
					margin: 0;	
					padding: 0 0 0 0;
				}
		
#sidemenu li, #sidemenu2 li, #sidemenu3 li 	{	
					list-style-type: none;
					list-style-position: outside;
					margin: 0;	
					padding: 0 7px 0 0;
				}

#sitemap li.smain, #sidemenu li.smain, #sidemenu2 li.smain, #sidemenu3 li.smain	{ 
 				font-family: arial;
				font-size: 0.725em; 
				font-weight: bold;
				text-align: left;
				text-indent: 15px;
				}
#sitemap.content li.smain {		font-size: 0.8em;
					}		

#sitemap li.ssub 	{ 
				font-family: arial;
				font-size:0.725em; 
				font-weight: bold;
				text-align: left;
				text-indent: 30px;
				}
													
#sitemap li.ssub2 	{ 
				font-family: arial;
				font-size:0.725em; 
				font-weight: bold;
				text-align: left;
				text-indent: 50px;
				}
								 
#sidemenu li.ssub, #sidemenu2 li.ssub, #sidemenu3 li.ssub 	{ 
				font-family: arial;
				font-size:0.6875em; 
				font-weight: bold;
				text-align: right;
				}

							
#sidemenu li a, #sidemenu2 li a, #sidemenu3 li a	 {	
					display: block;
					text-decoration: none;
					padding: 1px 1px 2px 2px;
					width: 100%
				}
#sitemap li.smain a:link, #sidemenu li.smain a:link, #sidemenu2 li.smain a:link, #sidemenu3 li.smain a:link,
#sitemap li.smain a:visited, #sidemenu li.smain a:visited, #sidemenu2 li.smain a:visited, #sidemenu3 li.smain a:visited {color: #fff; text-decoration: none; } 

#sitemap li.ssub a:link, #sidemenu li.ssub a:link, #sidemenu2 li.ssub a:link, #sidemenu3 li.ssub a:link, 
#sitemap li.ssub a:visited, #sidemenu li.ssub a:visited, #sidemenu2 li.ssub a:visited, #sidemenu3 li.ssub a:visited {color: #000000; text-decoration: none; }

#sitemap li.smain a:focus, #sidemenu li.smain a:focus, #sidemenu2 li.smain a:focus, #sidemenu3 li.smain a:focus,
#sitemap li.ssub a:focus, #sidemenu li.ssub a:focus, #sidemenu2 li.ssub a:focus, #sidemenu3 li.ssub a:focus,

#sitemap li.smain a:hover, #sidemenu li.smain a:hover, #sidemenu2 li.smain a:hover, #sidemenu3 li.smain a:hover,
#sitemap li.ssub a:hover, #sidemenu li.ssub a:hover, #sidemenu2 li.ssub a:hover, #sidemenu3 li.ssub a:hover { 
			background: #eee1dd url(http://www.gillinghamanglican.org.uk/images/bullets/flash_bullet_cs.gif) no-repeat;
						text-decoration: none; color: orange; 
				}

#sitemap li.smain a:hover, #sitemap li.ssub a:hover { 
			background: #eee1dd;
						text-decoration: none; color: orange; 
				}				

#sidemenu .current, #sidemenu2 .current, #sidemenu3 .current	{	 background: #eee1dd
				 url(http://www.gillinghamanglican.org.uk/images/arrows/brownright.gif) no-repeat -5px center;
				 			color: #95675e;
							padding: 1px 1px 2px 0px;
						}
    
/* ??? have a list style item on the line that represents the current page */
/* #sm_visit div#sidemenu li.sm_visit a:link, #sm_visit div#sidemenu li.sm_visit a:visited {
	background-color: #fff;
	color: #ff6019; 
	padding: 0 4px;
	}	*/

.col_1m			{	background-color: #cd0000;	/* red */ 
				}

.col_1s			{	background-color: #ffd2bf;
				} 

.col_2m			{	background-color: #ff6019;	/* dark orange */
				}

.col_2s			{	background-color: #FFE7BA; 
				}

.col_3m			{	background-color: #ffae39; 	/* light orange */ 
				}

.col_3s			{	background-color: #ffe8bf; 
				}

.col_4m			{	background-color: #CDCD00; 
				}

.col_4s			{	background-color: #ffffbf; 
				}

.col_5m			{	background-color: #669900; 
				}

.col_5s			{	background-color: #ECFFE5; 
				}

.col_6m			{	background-color: #99cc99; 
				}

.col_6s			{	background-color: #E5F2E5; 
				}

.col_7m			{	background-color: #34acaf; 
				}

.col_7s			{	background-color: #C7E9E3; 
				}
				
.col_13m		{	background-color: #0099CC; 
				}

.col_13s		{	background-color: #BFE5F2; 	
				}
								
.col_8m			{	background-color: #79bedb; 
				}

.col_8s			{	background-color: #DEF9FF; 
				}	

.col_9m			{	background-color: #0099ff; 
				}

.col_9s			{	background-color: #D4E8FF; 
				}

.col_10m			{	background-color: #0033cc; 
				}
				
.col_10s			{	background-color: #D2DFFF; 
				}
				
.col_11m			{	background-color: #912CEE; 
				}
				
.col_11s			{	background-color: #E7DFFF; 
				}
			
.col_12m			{	background-color: #6b78b4; 
				}
			
.col_12s			{	background-color: #CAE1FF; 

				}
/*				
.col_1m,			
.col_2m,	
.col_3m,
.col_4m,
.col_5m,	
.col_6m,
.col_7m,
.col_8m,
.col_9m,
.col_10m,
.col_11m,
.col_12m,
.col_13m		{	color: #fff; 
			}
				
.col_1s,		
.col_2s,			
.col_3s,
.col_4s,			
.col_5s,		
.col_6s,
.col_7s,	
.col_8s,
.col_9s,				
.col_10s,
.col_11s,	
.col_12s,			
.col_13s		{	color: #000; 
			}				
 */
.scol_1m			{	color: #cd0000;	/* red */ 
				}

.scol_2m			{	color: #ff6019;	/* dark orange */
				}

.scol_3m			{	color: #ffae39; 	/* light orange */ 
				}

.scol_4m			{	color: #CDCD00; 
				}

.scol_5m			{	color: #669900; 
				}

.scol_6m			{	color: #99cc99; 
				}

.scol_7m			{	color: #34acaf; 
				}
				
.scol_13m			{	color: #0099CC; 
				}

.scol_8m			{	color: #79bedb; 
				}

.scol_9m			{	color: #0099ff; 
				}

.scol_10m			{	color: #0033cc; 
				}
				
.scol_11m			{	color: #912CEE; 
				}
				
.scol_12m			{	color: #6b78b4; 
				}		
/* border between sidemenu cells */

.nobb {border-bottom: 0 }

#sitemap li.smain, #sitemap li.ssub {border-bottom: 0.5px solid #fff;	}
#sidemenu li.smain, #sidemenu li.ssub, #sidemenu2 li.smain, #sidemenu2 li.ssub, #sidemenu3 li.smain, #sidemenu3 li.ssub {border-bottom: 1px dotted #000; }
	 
 
#end {	position: relative; left: 0px; top: 0px; height: 0px; text-align: left;   
				}  
.amusespace	{ height: 150px; visibility: none;	}
#amuse {	position: inherit; right: 0px; top: -150px; /*relative; left: 591px; top: -150px; */ height: 0px; text-align: left;   
			background-image: url(http://www.gillinghamanglican.org.uk/images/backgrounds/marble09.jpg) ;				
		}
		
#amuse td		{	margin: 0px;
				border: 0px;
				width: 156px;
				padding: 4px; /* to place text away from cell edge */
				background-color: #fff;
				color: #c6897d; 
				font-family: arial, Verdana; 
				font-weight: bold;
			}
* html #amuse td {
				width: 164px; /* for IE5 and IE6 in quirks mode */
				w\idth: 156px; /* for IE6 in standards mode */
}


/* ---------- misc ---------- */

p.redfont {color: red}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
/* ---------- 6. hacks ---------- */

/* body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}  */

/*
The Tan Hack or StarHTMLHack <http://clk.about.com/?zi=1/XJ&sdn=webdesign&zu=http%3A%2F%2Fcss-discuss.incutio.com%2F%3Fpage%3DStarHtmlHack> relies on a quirk of IE 5 and 6 (quirks mode). IE believes that the html tag is not the root element of a document. There is an extra element outside of the html element which IE considers to be the root. By selecting for that element, you can force IE to read your CSS, while other browsers, including Netscape 4, ignore the style completely: 
div {
width: 100px;
padding: 10px;
border: 10px solid #000;
}
* html div {
width: 140px; /* for IE5 and IE6 in quirks mode **
w\idth: 100px;	} /* for IE6 in standards mode */