/* v1.3 9 Sept  

	 background colour is currently: white,
	 header fill is currently: #00ca39; (green)  
   left, infocontent h1 background & border is currently: #009b1f; (dark green)
	 inbar h1 background is currently: #08398c; (?)
	 
1.2	Changed the names of leftbar->navigation, rightbar->infocontent
1.2 Changed Header to images version	 

*/

body {
    color:#333;
    background:#ffffe8;
    margin:0px;
    padding:0px;
    font:12px/18px tahoma, arial, helvetica, sans-serif;
    }

A IMG   {
    background-color:white;
    border: 0;
        }

h1 {
    margin:0px;
	margin-top: 15px;
    padding:0px;
    font-size:22px;
    font-weight:900;
    color:#009b1f;
    }

hr {
	color: green;
	background-color: green;
	}	
	
h2 {
    padding:0px;
    font-size:18px;
    font-weight:600;
    color:#009b1f;
    margin:0px;
    }

h3 {
    padding:0px;
    font-size:14px;
    font-weight:600;
    color:#009b1f;
    margin:0px;
    }


p {
    font:12px/18px tahoma, arial, helvetica, sans-serif;
    margin:0px 0px 12px 0px;
    padding:0px;
    }

a {
    color:#09c;
/*    margin:0px 0px 16px 0px;*/
    padding:0px;
    }

a:link {color: #08398c;}
a:visited {color: #08398c;}
a:hover {color: red;}

ul {
	margin: 0;
	padding:0;
	list-style-type:none;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	}  

ul li{
	background:url("/images/bullet1.gif") no-repeat left 4px;
	padding-left: 20px;
	}
  
BIG {
    font:16px/20px tahoma, arial, helvetica, sans-serif;
    text-align:justify;
    margin:0px 0px 12px 0px;
    padding:0px;
	color: #666;
	font-weight: bold;
	}

BIG a{
    font:16px/20px tahoma, arial, helvetica, sans-serif;
    text-align:justify;
    margin:0px 0px 12px 0px;
    padding:0px;}

SMALL {
    font:10px/13px tahoma, arial, helvetica, sans-serif;
    margin:0px 0px 12px 0px;
    padding:0px;}

SMALL a{
    font:10px/13px tahoma, arial, helvetica, sans-serif;
    margin:0px 0px 12px 0px;
    padding:0px;}

	
/* HEADER stuff ##############################################################*/	

#hotfrogHeader {
    /*height:253px;*/
    border:0px solid black;
    /*background-color:green;*/
    /*background: url('/images/header-back-dk1.png') repeat-x;*/	
    padding:0px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}
	
.hotfrogHeader-Line1, .hotfrogHeader-Line2, .hotfrogHeader-Line3, .hotfrogHeader-Line4 {
   	font-family: tahoma, arial, helvetica, sans-serif;
	white-space:nowrap;
	display:block;
}
	
.hotfrogHeader-Line1 {
    margin:0px 0px 0px 0px;
    font-size:40px;
    font-weight:600;
}
.hotfrogHeader-Line2{
    margin:169px 0px 0px 0px;
    font-size:25px;
    font-weight:600;
    font-style: italic;
	line-height: 25px;	
    }
.hotfrogHeader-Line3{
    margin:3px 0px 10px 0px;
    font-size:18px;
    font-style: italic;
    }
.hotfrogHeader-Line4{
    margin:10px 0px 10px 0px;
    font-size:25px;
    font-weight:600;
    }

.hotfrogHeader-Image {
	margin: 32px 0 0 10px;
	}
#hotfrogHeader-Front {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: transparent;
	z-index:4;
    color:#009B1F;
	width: 100%
}
#hotfrogHeader-Shadow {
	position: absolute;
	top: 2px;
	left: 2px;
	background-color: transparent;
	z-index:3;
    color:#cec;
	width: 100%
}
#hotfrogHeader-PrintComments {
	display: none;
	z-index:5;
	position: absolute;
	top: 20px;
	right: 20px;
}
			
/* CONTENT stuff #############################################################*/	
	
/* All the content boxes belong to the content class. */
#content {
    border:0px;
    padding:0px 0px 0px 0px;
	width: 800px;
	margin: 15px auto;
    }

#content a:link {color: blue; text-decoration: none; font-weight:bold;}
#content a:visited {color: blue; text-decoration: none; font-weight:bold;}
#content a:hover {color: red; text-decoration: none; font-weight:bold;}
		
#navigation {
	/*position: absolute;*/
	right:0px;
/*	border: 1px solid green; */
/*    background-color:#cbffcc;*/
    padding:0px;
    text-align: center;
    width:140px;
    margin: 0px 0px 10px 10px;
	float: right;
    }

#navigation p {
    font:11px/18px tahoma, arial, helvetica, sans-serif;
    font-weight:700;
    margin: 5px 0px 7px 0px;
	color: green;
    }

#navigation a, #navigation a:link, #navigation a:visited, #navigation a:hover, #navigation h1 {
	background: url('/images/menu-item-back-ov1.png') repeat-x;
    font:12px tahoma, arial, helvetica, sans-serif;
    font-weight:bold;
	color: #005500;
	background-color: #cbffcc;
	text-decoration:none;
	float: left;
	display: block;
	width: 130px;
/*	line-height:20px;*/ 
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	margin: 0px;
	margin-top: -1px;
	padding: 5px;
	border-right: 1px solid green;
	border-left: 1px solid green;	
    }
#navigation a:hover {
	background: url('/images/menu-item-back-gr1.png') repeat-x;
	color: black; background-color: white;
}

/*	
#navigation a:link {color: #ccff99; text-decoration: none;}
#navigation a:visited {color: #ccff99; text-decoration: none;}
*/
#navigation h1 {
	background: url('/images/menu-item-back-dk1.png') repeat-x;
	color: white;
}		
.navigation-spacer {
	height:10px;
}
		
#ql {
    font:1px tahoma, arial, helvetica, sans-serif;
    font-weight:100;
/*	background-color: green;*/
	color: #eeeeee;
	cursor: default;
	}
#ql a, #ql a:link, #ql a:visited, #ql a:hover, #ql a:active {
    font:1px tahoma, arial, helvetica, sans-serif;
    font-weight:100;
	color: #eeeeee;
	background-color: #cbffcc;
	cursor: default;
	border: 0px;		
	text-decoration: none;
	}
		
/*
#ql a:link {font:1px tahoma, arial, helvetica, sans-serif; text-decoration:none;}
#ql a:visited {font:1px tahoma, arial, helvetica, sans-serif; color: green; text-decoration:none;}
#ql a:hover {font:1px tahoma, arial, helvetica, sans-serif; color: green; text-decoration:none;} 
#ql a:active {font:1px tahoma, arial, helvetica, sans-serif; color: green; text-decoration:none;}
*/ 
    
    
#content #infocontent {
    font:11px tahoma, arial, helvetica, sans-serif;
	float: right;
    width:140px;
    border:1px solid green;
    background-color:white;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	text-align: center;
    }
#content #infocontent p {
	text-align: center;
    font:11px/14px tahoma, arial, helvetica, sans-serif;
	margin: 5px;
    }

#content #infocontent a {
    font:11px/14px tahoma, arial, helvetica, sans-serif;
	width: auto;
    }

#infocontent h1 {
	background: url('/images/menu-item-back-dg1.png') repeat-x;
    border-top: 1px solid green;
	border-bottom: 1px solid green;
	font-size:12px;
    font-weight:800;
	color: #004400;
	background-color: #dddddd;
/*    color:#fff;*/
    text-align: center;
    padding: 2px;
    margin: 5px 0px;
/*    background-color:#009b1f;*/
    }

#content #inbar {
    float: right;
    width:120px;
    right:20px;
    border-left:2px dashed green;
    border-right:2px dashed green;
    border-bottom:2px dashed green;
    border-top:0px dashed green;
    background-color:green;
    margin: 0px 0px 0px 10px;
    padding:0px 10px 10px 10px;
    z-index:4;
    }

#content #inbar p {
    font:13px/18px tahoma, arial, helvetica, sans-serif;
    }

#content #inbar a {
    font:13px/18px tahoma, arial, helvetica, sans-serif;
    }

#inbar h1 {
    font-size:12px;
    font-weight:700;
    color:#fff;
    text-align: center;
    padding: 2px 2px 2px 2px;
    margin: 0px -10px 10px -10px;
    background-color:#08398c;
    }

IMG.menuImage {
		float: left;
	    width:105px;
		margin-right: 10px;
		margin-bottom: 5px;
		margin-left: 0px;
			}
		
.sermontable {
    border: solid green;
    border-width: medium;
		}

.sermontable tr {
    }
		
.sermontable td {
		border-top: solid gray;
		border-left: solid gray;
		border-width: thin;
		font:11px/14px tahoma, arial, helvetica, sans-serif;
    empty-cells:show;
		} 		

.sermontable a {
  	font:11px/14px tahoma, arial, helvetica, sans-serif;
    }

/* added by DHW, 1/4/6, for Easter info */
.easter1 table {border: 2px green groove;}
.easter1 td {vertical-align: top; border: thin green solid; font-family: tahoma, arial, sans serif; font-size: small;padding:2px;}

/* this is a little bar at the bottom with info */
.timer {
	clear: both;
	background-color: #009b1f;
	color: #ccff99;
	font-size: xx-small;
	text-align: center;
	margin: 20px 0px;
	}

/* some styles to draw the homepage table... */

.homeTR {
	border: none;
	margin: 5px 0px;
	padding: 0px;
	display: block;
	}

.homeTD1 {
	border: none;
	margin-top: 10px;
	padding: 0px;
	display: block;
	width: 120px;
	float: left;
	}
.homeTR IMG {
		float: left;
	    width:105px;
		margin: 10px 0px 0px 0px;
			}
.homeTD2 {
	display: inline;
	border: none;
/*	width: 400px; */
/*	float: left;*/
	}
.homeTR H2 {
	margin-left:120px;
	}
.homeTR p {
	margin-left:120px;
	padding: 0px;
	}	
.homeRowSpacer {
	clear: left;
	}
/* the following are used for page tabs */
.tabs {
	display:block;
	margin:0px;
	}
.taboff {
	padding: 1px 6px;
	margin: 0px;
	border-top: 1px solid #00cc00;
	border-left: 1px solid #00cc00;
	border-right: 1px solid #00cc00;
	border-bottom: 3px solid #00cc00;	
	background-color: #ccff99;
	cursor:pointer;
	}
.tabon {
	padding: 3px 6px 1px 6px;
	margin: 0px;	
	border-top: 3px solid #00cc00;
	border-left: 3px solid #00cc00;
	border-right: 3px solid #00cc00;
	border-bottom: 3px solid #ccff99;
	background-color: white;
	cursor:pointer;
	}
.tabbox {
	border: thin solid green;
	display: block;
	margin: 0;
	}	 

/* The following are for the address section  #################################  */


#addressBox {
	border: 2px solid #00cc00;
	}
.alphaNorm, .alphaBold {
	font-size: 16px;
	}
.alphaBold {
	cursor: pointer;
	font-weight: bold;
	}
.addTable, .addHiddenTable, .addTable2, .namesTable {
	border-collapse: collapse;
	font-size:12px;
	}
.addTable TH {
	text-align:left;
}
.addTable2 {
	margin: 10px;
	border: 2px green outset;
	background: white;
}
table.addTable td {
	vertical-align: top;
	}	
.addHiddenTable {
	border: none;
	}
td.addTable2 {
	vertical-align:top;
	border: 1px green solid;
	padding: 10px;
	}	
.addHiddenDiv {
	display:none;
	}	
.oneAddress {
/*	border: 1px green solid;*/
/*	white-space: nowrap;*/
	width: 500px;
	border-collapse:collapse;
	}
.addSection, .addSection2 {
	border-top: 2px green groove;
/*	border: 1px green solid; */
/*	border-left: 1px green solid;*/
	margin-left: 5px;
	margin-right: 5px;
	white-space: normal;		
	font-size: 12px;
	width: 150px;
	padding: 5px;
	}
.addSection2 {
	border-top: 2px gray dotted;
}	

TD.add-more {
	/* a table cell holding the show more stuff */
	
}
.add-more-click {
	/* an area that can be clicked to show more address info */
	font-size: x-small;
}
.add-more-click:link, .add-more-click:visited {
}
.add-more-click:hover {
	background-color: #22FF22;
	cursor:pointer;
}
.addAddSection {
	width: 150px;
	border-left: 1px green solid;
	padding-left: 5px;
	}	
.addTitle {
	font-weight:bold;
	color: green;
	display: inline;	
	}
.addMainNames {
	font-weight:bold;
	font-size: 14px;
	display: inline;		
	}
#newPersonDiv{
	position: absolute;
	top: 100px;
	left: 50px; 
	border: 2px solid green;
	background-color: #cbffcc;
	z-index:100; 
	display: none;
	}
.houseFormBox {
	border: 1px solid green;
	padding: 3px;
	margin: 2px;
	vertical-align:top;
}
.hint-text{
	font-size:x-small;
	color: green;
	font-style:italic;
}
.editPBox {
	border: 1px solid blue;
	padding: 5px;
	width:500px;
	margin-bottom:5px;
	}
.editPBox input[type=button] {
	font-size: x-small;
}
.addressPhoto {
	max-height:150px;
	max-width: 200px;
	float: left;
	margin-right: 5px;
	}		
.namesTable td {
	padding: 4px;
}
.namesTable-name {
	
}
.namesTable-cat {
	font-style:italic;
}
.namesTable-button {
}
.namesTable-input-button {
	font-size: 9px;	
}
/* eof address section  #######################################################  */

/* nice tabs ########################################################*/

/*! needed for IE !*/
a:hover img, a:hover div, a:hover span {filter:none;}

a.tab-off, a.tab-on img {border:none}
a.tab-off, a.tab-on {
	text-decoration:none;
	cursor:pointer;
}
a.tab-off span.tab-l, a.tab-on span.tab-l {
	background-image: url('/images/tab-gr1-off-l.gif');
	width:13px;
	height:31px;
	display:block;
	float:left;
}
a.tab-off span.tab-c, a.tab-on span.tab-c {
	background: url('/images/tab-gr1-off-c.gif') repeat-x;
	height:24px;
	display:block;
	float:left;
	font-family: arial;
	font-weight: bold;
	padding-top: 7px;
	color: white;

}
a.tab-off span.tab-r, a.tab-on span.tab-r {
	background-image: url('/images/tab-gr1-off-r.gif');
	width:13px;
	height:31px;
	display:block;
	float:left;

}
a.tab-off:hover span.tab-l {background-image:url('/images/tab-gr1-hov-l.gif')}
a.tab-off:hover span.tab-c {background-image:url('/images/tab-gr1-hov-c.gif')}
a.tab-off:hover span.tab-r {background-image:url('/images/tab-gr1-hov-r.gif')}
a.tab-on span.tab-l {background-image: url('/images/tab-gr1-on-l.gif');}
a.tab-on span.tab-c {
	background-image: url('/images/tab-gr1-on-c.gif');
	color: black;
}
a.tab-on span.tab-r {background-image: url('/images/tab-gr1-on-r.gif');}

/* eof nice tabs ########################################################*/