/* Copyright 2006 Larry Ridgley; adapted from www.bravenet.com template   */

body
{
    font: 19px arial;
    background-color: #E9F2D2; /*#CFE399*/
}

/* these are the font styles for the links that appear on your web page */
a:link 
{
	font: bold 12px arial; 
	color: #3F7A00; 
	text-decoration: underline;
} 
a:active 
{
	font: bold 12px arial; 
	color: #788359; 
	text-decoration: none;
}
a:visited 
{
	font: bold 12px arial; 
	color: #737E55; 
	text-decoration: none;
}
a:hover 
{   
	/* this one changes the mouseover or hover state of the link */
	font: bold 15px arial; 
	color: #3F7A00; 
	text-decoration: underline;
} 

.border
{
    /* this is used for all kinds of borders */
    /* be it for the whole page, or just the content section */
    border: solid 1px #A3B279;
}

.left
{
    /* floats the item to the left side of the page, and adds a margin */
    float: left;
}

.right
{
    /* floats the item to the right side of the page, and adds a margin */
    float: right;
}

.scroll
{
    /* this makes the element create scroll bars if the text is too long */
    /* to be displayed.  This is very similar to the effect created by */
    /* frames and iframes, but does not allow page transitions like frames do */
    overflow: auto;
}

.wrapper
{
    margin-top: 0px;
    width: 980px;     /* remove this to have the page load at full width */
}

.title
{
    /* this is the styling for the title.  Semantically, this should be an h1 */
	/* padding all four sides of the div in order top, right, bottom, left */
    /*     */
    background-color: #A3B279; 
    color: #FFFF00; 
    background: url("images/living-water.jpg"); 
    border: solid 1px #A3B279;
	font-face: "Script MT Bold";
    font-weight: bold;
    font-size: 42px;
	padding: 68px 20px 3px 5px;
}

.title2 
{
    color: #5C6544;
	font-face: Arial;
    font-weight: bold;
    font-size: 20px;

}

.title_small 
{
    color: #5C6544;
	font-face: Arial;
    font-weight: bold;
    font-size: 15px;

}

.titlemargin
{
	margin: 0px 0px 0px 0px;
}

.subtitle 
{
	color: #FAFFBB;
	font-face: Arial;
    font-weight: bold;
    font-size: 14px;
}

.content
{
    /* this describes the container of the content paragraphs. */
    padding: 0px 20px 0px 20px; /* keeps text off the borders */
	font-face: Arial, Verdana;
    font-size: 10pt;
    padding: 0px;
	margin: 0px;
	z-index:1; 

}

.content.padleft
{
    /* this is to pad if there's a sidebar on the left */
    padding-left: 180px;
}

.content.padright
{
    /* this is to pad if there's a sidebar on the right */
    padding-right: 180px;
}

.sidebar
{
    width: 150px;
     /* height: 400px;remove this to allow different-sized sidebars */
    background-color: #ADBC82;
    color: #ADBC82;
    font-weight: bold;
    padding: 10px 0px 5px 0px;
	z-index:3; 
}

.sidebaritem
{
    width: 130px;
    background-color: #B7D6FF;
    color: #A3B279;
    border: solid 1px #A3B279;
    font-size: 14px;
    padding: 2px;
    margin-bottom: 3px;

}
.horiz
{
    color: #4B1A95;
    font-weight: bold;
	width: 124px;
	float: left;
	text-align: center;
}

.sidebaritem.first
{
    margin-top: 10px;
}

.rightcolumn{
	float: right; 
	width:130px; 
	z-index:2; 
    color: #ADBC82;
	} 

.footer
{
	background-color:#ADBC82;
	font-size: 10px;
	font-face: arial;
	text-align: center;
}


/*
 * Headers
 */
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
    color: #0A4F00; 

	}

h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:24px;
	line-height:24px;
	font-weight:900;
	color: #3F7A00;  /* #FBFB00; */
	}

h3 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:18px;
	line-height:18px;
	font-weight:900;
	color: #800000; /* #98A671; */
	}
	
h4 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:14px;
	line-height:14px;
	font-weight:900;
	color:#69744D;
	}
	
h5 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:12px;
	line-height:12px;
	font-weight:900;
	color: #789732;
	}
	
h6 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:10px;
	line-height:10px;
	font-weight:900;
	color:#323524;
	}

/* 
 * Left Navigation rules - Uses "list" elements
 */
/* padding all four sides of the div in order top, right, bottom, left */

#button {	/* #button DIV */
	position:absolute; 
	top:185px;
	left:10px; 
	width: 120px;
	border-right: 1px solid #C2D491;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font: Bold 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #C2D491; /* #A3B279 */
	color: #fff;
	}
#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	list-style-image: none;
	}
#button li {
	border-bottom: 1px solid #C2D491;
	margin: 0;
	}
#button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #C2D491;
	border-right: 10px solid #C2D491;
	background-color: #50573B;
	color: #fff;
	text-decoration: none;
	width: 100%;
	}
html>body #button li a {
	width: auto;
	}
#button li a:hover {
	border-left: 10px solid #6D7752;
	border-right: 10px solid #6D7752;
	background-color: #A3B279;
	color: #fff;
	}
/* End of Left Navigation rules */


/*
 * Normal Lists
 */
ul {
	list-style-image: url(images/ball_sm_rd.gif);
	/*
	list-style-type: circle;
	list-style-type: square;
	list-style-type: disc;
	list-style-image: url(images/ball_sm_rd.gif);
	*/
	}
ol {
	list-style-type: decimal;
	/*
	list-style-type: decimal;
	list-style-type: lower-alpha;
	list-style-type: upper-alpha;
	list-style-type: lower-roman;
	list-style-type: upper-roman;
 	*/
	}


/* Table defaults
    Examples...
	align:
	background: #ffffff url(image.gif) fixed center repeat-y;
	background-color: #ffffff transparent 50%;
	bgcolor: #ffffff; 
	border: 5px dotted #ff00ff;
	border-color: [TOP RIGHT BOTTOM LEFT];
	border-color-light:
	border-color-dark:
	cellpadding:
	cellspacing:
	width:
	height:
	valign:
*/	
table {
	width: 670px;
	border: 0px none;
	cellpadding: 1;
	cellspacing: 0
	}
tr {
	}
td {
	valign: top;
	cellpadding: 1;
	cellspacing: 0
	}
th {
	}