/* --------------------------------- Body */

	body 
	{
      background-image: url('Images/body.gif'); 				/* needed to get background to extend to very end in Firefox */
     	padding: 0px 0px 0px 0px;  									/* get rid of any preset padding / margins */
	   margin: 0px auto 0px auto;  									/* center everything - helps IE6 issue */
		font-size: 1em; 													/* default font size - all others are scaled relative to this*/
	}


/* --------------------------------- Container */

	#container 
	{
      font-family:	arial;
  	 	text-align: left;
		color: #ffffff;
      width: 988px;
     	padding: 0px 0px 0px 15px;										/* Offset everything 15px to right to contain the menu bar*/
	   margin: 0px auto 0px auto;		
	}

	/* --- The link colours here are to pick up some odds and ends such as for CoolTree 
	
	Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
	Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
	
	*/
   a:link		{text-decoration: underline; color: #FFFF99;}
   a:visited	{text-decoration: underline; color: #FFFF99;}
   a:hover		{text-decoration: underline; color: black; background: white;}
   a:active		{text-decoration: underline; color: #FFFF99;}



/* --------------------------------- Page Title 
Used primarily at the top of a page
Contains the Logo (left) and overlaid by the Search Box (right) 
*/

	.pageTitle
 	{
		clear: both;

		background-color: #44677b; 							/* Matches Logo */
		background-image: url('Images/kiwicelts.gif');	/* Logo */
		background-position: top left;
		background-repeat: no-repeat;

		height: 56px;												/* Set to exactly fit the logo*/
		width: 100%;													/* Leave space for padding */
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
		
		font-size: 150%;
		font-weight: bold; 
		font-family: "Comic Sans MS", "Arial", sans-serif;
		color: #bbbbbb;
		text-align: right; 
	}

	.pageTitle sup				{font-size: 50% ; vertical-align: 15px; }

	.pageTitle a:link 		{text-decoration: none; color: #7FFF99;}
	.pageTitle a:visited 	{text-decoration: none; color: #7FFF99;}
	.pageTitle a:hover 		{text-decoration: none; color: black; background: white;}
	.pageTitle a:active 		{text-decoration: none; color: #7FFF99;}


		
	.headerMessage
	{
		background-color: #44677b; 							/* Matches Logo */
		font-weight: normal; 
		font-family: "Arial", sans-serif;
		text-align: center;
		font-size: 25%;
		color: #ffffff;
	}
		



	/*  
			this is needed to fix an issue in IE where divs don't sit correctly after a google advert 
			use before divs which get screwed up eg fixed divs
	*/
	.Dummy
      {
			margin: 0.9em 0px 0.9em 0px;
         font-size:1pt;
      }		

		
/* --------------------------------- Highlight for Cemeteries with Databases (db) and databases with photos (dbph) ------------ */
	#db
	{
		list-style-image: url(../styles/Images/magnify.png);
	}
		
	#dbph
	{
		list-style-image: url(../styles/Images/camera.png);
	}

	li
	{
		margin: 0.9em 0px 0.9em 0px;
		padding: 0 0 0 1em;
	}
		
/* --------------------------------- Heading Styles --------------------------------- */

	.Section_Heading
      {
         color: #8aa7d7;
         font-size:20pt;
         text-decoration:underline;
         font-weight:bold;
         font-family:Comic Sans MS, Arial;
      }
   
   .County_Heading
      {
         color: #8aa7d7;
         font-size:16pt;
         text-decoration:underline;
         font-weight:bold;
         font-family:Arial;
      }

	.Sub_Heading
      {
			margin: 0.9em 0px 0.9em 0px;
         color: #8aa7d7;
         font-size:14pt;
         font-weight:bold;
         font-family: Arial;
      }
  
		
		
/* --------------------------------- Column Styles --------------------------------- */
   	
   #ImageCol
	{
		float: left; 
		width: 36%; 
      margin: 0 0 20px 0;
		padding: 10px 0 0 0;

      color: white;
      font-size: 12pt;
      font-family: Arial;
	}

	#ImageCol img
	{
		 width: 300px;
	}
	   	
   #ImageCol_Slide /* used for pages sliding images */
	{
		clear: both;
		float: left; 
		position: fixed;
		width: 36; 
      margin: 0 0 20px 0;
		padding: 10px 0 0 0;

      color: white;
      font-size: 12pt;
      font-family: Arial;
   	}

	#ImageCol_Slide img
	{
		 width: 326px; /* to fit image map !*/
	}
	   	
   	
   #TextCol
	{
      float: right;
      width: 64%;
      margin: 0 0 0 0;
		padding: 10px 0 0 0;

      color: white;
      font-size: 12pt;
      font-family: Arial;
	}
		
/* --------------------------------- Map Styles used on pages with NZ Image Map --------------------------------- */
   
	#MapHeading
   {
      width: 100%;
      text-align: center;
      color:Purple;
      font-size:20pt;
      text-decoration:underline;
      font-weight:bold;
      font-family:Comic Sans MS, Arial;
		padding: 0 0 20px 0;
   }
		
   #MapImageCol
	{
      float: left; 
      width: 45%; 
      margin: 0 0 20px 0;
      padding: 10px 0 0 0; 

      color: Black;
      font-size: 10pt;
      font-family: Arial;
   }
	
   #MapTextCol
   {
      float: right;
      width: 55%;
      margin: 0 0 0 0;
		padding: 10px 0 0 0;

      font-size: 11pt;
      font-family: Arial;
		color: white;
   }
		


/* --------------------------------- Map Styles used on the Google Maps Pages --------------------------------- */
   .cemMapPopup
   {
	   color: black;
		width: 330px;
   }	   
		

	.cemMapHead
	{
		font-size: 130%;
		font-weight: bold;
		color:white;
		text-align: center;
		background-color: purple;
	} 
	
	.cemMapFoot
	{
		font-size: 80%; 
		color:white;
		text-align: center;
		background-color: #777777;
	}	
	
	.cemMapCol1
	{
		font-size: 80%; 
		font-weight: bold;
		width: 25%;
		background-color: #dddddd;
	}

	.cemMapCol1I
	{
		font-size: 80%; 
		font-weight: bold;
		width: 25%;
	}

	.cemMapCol2
	{
		font-size: 80%; 
		width: 75%;
		color: black;
	}

	.cemMapCol2 A:link		{text-decoration: none; color: blue;}
	.cemMapCol2 A:visited	{text-decoration: none; color: blue;}
	.cemMapCol2 A:active		{text-decoration: none; color: blue;}
	.cemMapCol2 A:hover		{text-decoration: underline; color: black;}	

	.odd
	{
		background-color: #606060;
		color: white;
		text-align: left;
		font-family: arial; 
		font-size: 10px;
	}
	
	.even
	{
		background-color: #4383a8;
		color: white;
		text-align: left;
		font-family: arial; 
		font-size: 10px;
	}
	
		
	input
   {
      color: #781351;
      background: #ffffff;
      border: 1px solid blue
   }
   
   .mapButton
   {
      color: #ffffff;
      background: #8098b0;
      border: 2.5px outset lightblue;
		font-size: 70%;
		font-family: arial;
   }	
	
   .gmnoprint
   {
	   color: black;
   }   


	
/* --------------------------------- Styles For Slideoutmenu --------------------------------- */

	#basessm A:link		{text-decoration: underline; color: white;}
	#basessm A:visited	{text-decoration: underline; color: white;}
	#basessm A:active		{text-decoration: underline; color: white;}
	#basessm A:hover		{background: white; text-decoration: underline; color: black;}	
	

	
/* --------------------------------- Styles only for index.php --------------------------------- */
 
	#iMessage
	{
		float: left;
      width: 58%; 
      height: 400px;
      margin: 0 0 0 0;
		padding: 10px 0 0 0;
		
      font-family: Comic Sans MS, Arial; 
      font-size: 16px; 
      color: #d0d0d0;
		border-right: solid black 2px ; 
		border-bottom: solid black 2px ;
	}
		
	#iMessage h1
	{
      font-family: Comic Sans MS, Arial; 
      font-variant: small-caps; 
      font-size: 20px; 
      color: #c0c0c0;
      text-align: center;
	}
		
   #iPhoto
   {
		float: right; 
      width: 40%; 
      height: 420px;
      margin: 0 0 0 0;
		padding: 10px 0 0 0;
      
      font-family: Comic Sans MS, Arial; 
      font-size: 10pt; 
      text-align: center;
      color: white;
   }
   
   #iPhoto img
   {
	   border: 0;
   }
      
   #iPromoLeft
   {
		float: left;
      width: 58%; 
      height: 70px;
      
      font-family: Arial; 
      font-size: 10pt; 
      text-align: center;
      color: white;
   }		

   #iPromoRight
   {
		float: right;
      width: 40%; 
      height: 70px;
      
      font-family: Arial; 
      font-size: 10pt; 
      text-align: center;
      color: white;
   }		

	#iQuote
   {
		clear: both;
		float: left;
      width: 100%; 
      height: 120px;
      
      font-family: Comic Sans MS, Arial; 
      font-size: 10pt; 
      color: #edcba9;
   }
		
	#iQuote #Author_style
   {
      font-family: Comic Sans MS, Arial; 
      font-size: 9pt; 
      font-style: italic;
      font-weight:600;
      text-align: left;
   }

		
/* --------------------------------- Search box activated from Menubar --------------------------------- */
		
	#Search
	{
		width: 150px;
		text-align: left;
		color: #a0a0a0;
		font-size: 9px; 
		padding: 0px;
		display: none;  
	}
	
	#Search input 
	{
		font-size:9pt;
	}
	
	#Search select
	{
		font-size:9pt;
	}
		
		
	
/* --------------------------------- Footer --------------------------------- */
	.footer
	{
		clear: both;
		
		width: 100%;
		margin: 	10px 0px 0px 0px;
		padding: 0;

		font-size: 11px; 
		font-weight: bold;
		font-family: "Verdana", sans-serif;
		color: #cccccc;
		text-align: center;
	}

	.footer table
	{
		width: 100%;
		background-color: #44677b;
		margin: 0;
		padding: 0;
	}
	
	.footer td
	{
		valign: middle;
		align: center;
		margin: 0;
		padding: 0;
		nowrap: nowrap;
	}	
	
-->