
/* Big thanks to Matthew James Taylor at http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm  for the original CSS*/
body 
{
	
background-image: url("https://lh6.googleusercontent.com/-o4CW8IpV1SM/Udb2YDwvaQI/AAAAAAAADHE/cv7nIWjkp7o/s800/green.gif"); 

margin:0;
	
padding:0;
	
width:100%;
	
margin:0px auto;

width:1200px;
	
max-width:1200px;
	
font-size:90%;
	
}




a 

{
  

color: #000000;


}


a:link 

{
  

color: #000000;


}




a:visited 

{
  

color: #000000;


}



h1, h2, h3 

{
  

margin: 0.4em 0 0.2em;
  

padding: 0;


}




h1 

{
  

margin: 0.2em 0 0.2em;
  

padding: 0;
  

text-align: center;
  

font-family: georgia, "Times New Roman";
  

font-size: 20pt;


}




h2 

{
  

margin: 0.4em 0 0.2em;
  

padding: 0;
  

text-align: center;
  

font-family: georgia, "Times New Roman";
  

font-size: medium;


}




h3 

{
  

margin: 0.4em 0 0.2em;
  

padding: 0;
  

text-align: left;
  

font-family: georgia, "Times New Roman";
  

font-size: 14pt;


}




h4 

{
  

margin: 0.4em 0 0.2em;
  

padding: 0;
  

text-align: center;
  

font-family: georgia, "Times New Roman";
  

font-size: 12pt;

}





h5 

{
  

margin: 0.4em 0 0.8em;
  

padding: 0;
  

text-align: left;
  

font-family: Georgia, "Times New Roman", Times;
  

font-size: 12pt;


}




h6 

{
  

margin: 0.4em 0 0.8em;
  

padding: 0;
  

text-align: center;
  

font-family: georgia, "Times New Roman";
  

font-size: 12pt;


}




p 

{
  

margin: 0.4em 0 0.8em;
  

padding: 0;
  

text-align: left;
  

font-family: Georgia, "Times New Roman", Times;
  

font-size: 12pt;


}






address 

{
  

margin-top: 1em;
  

padding-top: 1em;


}





img 

{
  

border: 0px solid #000000;
  

margin: 10px 0 5px;


}

button, input, select, textarea {
  font-family : inherit;
  font-size   : 100%;
  text-align: center;

}





#header 

{
  

background: #FFFFF0 none repeat scroll 0% 50%;
  

clear: both;
  
float: left;
  

width: 99%;

margin-top: 10px;
  

border-left: 0px solid ;
  

border-right: 0px solid ;
  

height: 245px;


}




#header h2 

{
  

margin: 0;
  

font-size: medium;
  

text-align: center;
  

font-family: "Times New Roman";


}




#layoutdims 

{
  

border-top: 4px solid #0B6121;
  
margin: 0;
  

padding: 6px 15px ! important;
  

clear: both;
  

text-align: right;


}




.colmask 

{
  

position: relative;
  

clear: both;
  

float: left;
  

width: 100%;
  

overflow: hidden;


}




.holygrail 

{
  

background-image: url("https://lh6.googleusercontent.com/-o4CW8IpV1SM/Udb2YDwvaQI/AAAAAAAADHE/cv7nIWjkp7o/s800/green.gif"); 

}




.holygrail .colmid 

{
  
background: #FFFFF0 none repeat scroll 0%;
  

float: left;
  
width: 199%;
  

margin-left: -12em;
  

position: relative;
  

right: 100%;

z-index: 2;
height: 100%
}




.holygrail .colleft 

{
  
background-image: url("https://lh6.googleusercontent.com/-o4CW8IpV1SM/Udb2YDwvaQI/AAAAAAAADHE/cv7nIWjkp7o/s800/green.gif"); 

float: left;
  
width: 100%;
  

margin-left: -50%;
  

position: relative;
  

left: 23.5em;

}




.holygrail .col1wrap 

{
  

float: left;
  

width: 50%;
  

position: relative;
  

right: 12em;
  

padding-bottom: 1em;



}




.holygrail .col1 

{
  

margin: 0 13em;
  
position: relative;
  

left: 200%;
  

overflow: hidden;
}




.holygrail .col2 

{
  
float: right;
 
margin-right: 5px; 

width: 11em;
  

position: relative;
  

text-align: center;


}




.holygrail .col3 
{
float: right;
position: relative;
left: 50%;
width: 200px;
}


ol
{
  

text-align: left;
  

font-family: Georgia, "Times New Roman", Times;
  

font-size: 12pt;


}

ol.li
{
  

margin: 0.4em 0 0.8em;
  

padding: 0;
  

text-align: left;
  

font-family: Georgia, "Times New Roman", Times;
  

font-size: 12pt;


}




ul.main li
{
  
margin-bottom: .3em;
padding: 5px;
  

text-align: left;
  

font-family: Georgia, "Times New Roman", Times;
  

font-size: 12pt;

font-weight:bold;
color: #0B6121;
}



ul.navbar li 

{
  

margin:auto; 

border-right: 0px ;

margin: 0.5em 0;
 
padding: 0.3em;
  
background: #FFFFF0;
  

text-align: center;
  

list-style-type: none;
  

list-style-image: none;
  

list-style-position: outside;


font-size: 12pt;
font-weight:bold;
color: #0B6121;
}





ul.navbar a 

{
  

text-decoration: none;


color: #0B6121;
}



ul.navbar 
li a.active:hover 

{
  

background: #FFFFF0 none repeat scroll 0%;
  

color: #0B6121;
  

font-weight: bold;
  

display: block;


}





ul.navbar li.popout 
{
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: right;
color: #0B6121;
}

/*Left Menu Format*/


	#navigation ul {
		margin:0px; 
		padding: 0px; 
			}

	#navigation ul li {
		list-style:none;
		padding-left:10px;
			}

	#navigation ul li:hover {
		position:relative;
			}


/*Sub Menu*/

	#navigation ul ul {
		display:none;
		position:absolute;
		left:150px;
		top:-25px;
		border:#008000 solid;
		border-width:1px;
		background: #008000;
			}

	#navigation ul li:hover ul {
		display:block;
			}

	#navigation ul ul li {
		border:none; 
		width:150px; 
		float:left; 
		display:inline;
			} 

	#navigation ul ul li:hover {
		text-decoration:underline; 
		border:none;
			}

	#navigation li:hover ul li ul {
		display:none;
			}

	#navigation ul ul li ul {
		left:150px; 
			}

	#navigation ul ul li:hover ul {
		display:block;
			}



/*End Left Menu Format*/

/*Top Menu Format*/

#nav{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    float:left;
    width:70%;
    position:relative;
    z-index:5;
}

#nav ul{ 
    list-style:none;
    position:absolute;
    left:-9999px; 
}

#nav ul li{
    padding-top:0px; 
    float:none;
}

#nav ul a{
    white-space:nowrap; 
}

#nav li{
    float:left;
    margin-right:10px;
    position:relative;
}

#nav a{
    margin-right: -7px;
    display:block;
    padding:7px;
    color:#fff;
    background: #0B6121;
    text-decoration:none;
}

#nav a:hover{
    color:#fff;
    background:#0B6121;
    text-decoration:underline; 
}

#nav li:hover ul{ 
    left:-30px; 
}

#nav li:hover a{ 
background: #0B6121;
    text-decoration:underline;
    text-align:left;
}

#nav li:hover ul a{ 
    text-decoration:none;
}

#nav li:hover ul li a:hover{ 
    background: #008000;
}

/*End Top Menu Format*/







#footer 

{
  

clear: both;
  

float: left;
  

width: 100%;


}




table 

{
  

margin: auto;
  

text-align: left;
  

font-family: "Times New Roman";
  

font-size: 12pt;

border-style: solid; 
border-color: #000000;
border-spacing: 0pt;
padding:2px;


}



td.index
{
	padding:2px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: center;

	
font-family: Georgia;
	
font-size: 12pt;
	margin: 0.4em 0 0.8em;
}

td.bordered
{
	padding:2px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: left;

	
font-family: Georgia;
	
font-size: 12pt;
	margin: 0.4em 0 0.8em;
}

td.welcome
{
text-align: left;
  

font-family: Georgia, "Times New Roman", Times;
  

font-size: 13.5pt;

text-align: justify; 
text-justify: inter-word;
border: 0px; 
}

td.bordered {
  border: solid 1px black;
  padding: 3px	
}


table.left
{
width: 100%;
}

table.right
{
width: 100%;
}

hr {
color: #000000;
background-color: #000000;
width: 100%; 
height: 2px; 
margin-top: 20px; 
margin-bottom: 20px;
}



#footer p 

{
 

margin: 0;
  

padding: 10px;
  

color: #FFFFF0;

text-align: center;
 
}

#footer h4
{
 

margin: 0;
  

padding: 10px;
  

color: #FFFFF0;


}
#footer a:link 

{
  

color: #FFFFF0;
}




#footer a:visited 

{
  

color: #FFFFF0;


}







#footer 

{
  

background-image: url("https://lh6.googleusercontent.com/-o4CW8IpV1SM/Udb2YDwvaQI/AAAAAAAADHE/cv7nIWjkp7o/s800/green.gif"); 


}


#form
{
  

color: #000000;
text-align: left;


}

input[type="text"]
{
    font-size:13px;
}

.celebrant {
	font-family: serif;
	font-weight: normal;
	font-size: 11pt;
   	margin-left: 12%;
		}

.congregation {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11pt;
    	margin-left: 12%;

		}

.centeredimage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

#drive
{
  
margin-bottom: .1em;

text-align: center;
  

font-size: 12pt;

list-style-type: none;
list-style-image: none;
  

list-style-position: outside;


color: #000000;
}

.seasons
    {
color: #0B6121;
    }

.justify
{
text-align: left;
  

font-family: Georgia, "Times New Roman", Times;
  

font-size: 13.5pt;

text-align: justify; 
text-justify: inter-word;
border: 0px; 
}

.shadowimage
{
-webkit-box-shadow: -10px 0px 9px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    -10px 0px 9px rgba(50, 50, 50, 0.9);
box-shadow:         -10px 0px 9px rgba(50, 50, 50, 0.9);
}



.top
{
vertical-align: text-top; 
}

.tears {
	font-family: Georgia, "Times New Roman", Times;
  

	font-size: 12pt;
	text-align: center;
 
	line-height: 140%;
		}

.tears2 {
  

	margin: 0.4em 0 0.2em;
  

	padding: 0;
  

	text-align: center;
  

	font-family: georgia, "Times New Roman";
  

	font-size: 18pt;

	font-weight: bold;

	}



