/* Primary Colors used in site 
the page background color lite yellow is = #fffedf
the font color darkbrown is= #5E2E0A
the page outer border color (lite green) is = #b5df84
-- Links --
the link and visited color GREEN is= #008000
the mouseover color is black = #222222
-- The Left Menu --
the bckgnd color (lite green) is = #b5df84 as above border color
the font color is = #000
the mouseover background color (dark green) is= #8dcd41
-- The 2nd level Left Menu  --
the bckgnd color is = #fffedf
the font color is = #222
the mouseover background color is= #87B254
-- The Top Menu --
the bckgnd color  (lite green) is = #b5df84;
the font color is = #222
The mouse over color is soft black is = #222
the mouse over background color (dark green) is= #8dcd41
-- Headin tags --
the heading tags (h2, h3, h4, h5) color brown is = #763b10
*/
body{
	background: #fffedf url(/images/backgnd-new.gif);
	border: 2px #b5df84 solid;
	color: #222;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 80%;
	line-height: 25px;
	margin: 2px;
	padding: 5px
}

p {
	font-family: Georgia, "Times New Roman", serif;
	margin-top: 8px;
	font-size: 100%
}

a:link, a:visited{
	font-family: Georgia, "Times New Roman", serif;
	background: transparent;
	color: #008000;
	font-size: 100%;
	text-decoration: underline
}

a:hover{
	background: #b5df84 !important;
	color: #000;
	text-decoration: none
}

/* BEGIN Heading tags h1, h2, h3, h4, h5 */
h1, h2, h3, h4, h5{
	background: transparent;
	color: #763b10;
	font-family: "New York", serif;
	font-weight: bolder
}

/*
NOTE: H1 tag is only used on home page title, is align centered, for Seo purposes. 
It is a MUCH smaller font then standard h1 tags, in order to fit the limited 
width on that page title area
*/
h1 {
	font-size: 150%;
	letter-spacing: .1em;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: center
}

/*  End special h1 tag  */
/*  align centered  */
h2 {
	font-size: 160%;
	font-weight: bold;
	letter-spacing: .1em;
	padding-top: 2px;
	padding-bottom: 15px;
	text-align: center
}

/* h3 align left  */
/* This below h3 Tag is for article titles on any page, 
not to be confused with PAGE TILE's with is the h2 tag
*/
h3{
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: left
}

/* align centered  */
.h3center{
	font-size: 140%;
	font-weight: bold;
	letter-spacing: .2em;
	padding-top: 30px;
	padding-bottom: 8px;
	text-align: center
}

/* align centered underlined */
.h3centerunder{
	font-size: 140%;
	font-weight: bold;
	letter-spacing: .2em;
	padding-top: 30px;
	padding-bottom: 8px;
	text-align: center;
	text-decoration: underline
}

h4, .h4center {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .1em;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center
}

/*  h4  align left -  from initial tag above */
 /*  h5  align left -  from initial tag above */
h5{
	font-weight: bold;
	letter-spacing: .1em;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: left
}

/* align centered  */
.h5center{
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px
}

/* END heading tags */
/* END heading tags */
.bold {
	font-weight: 600
}

.italic {
	font-style: italic
}

.pleft {
	padding-bottom: 6px;
	text-align: left
}

.pmedgreen a{
	background: transparent;
	color: #98b981
}

.psmallgreen, a{
	font-size: 90%;
	background: transparent;
	color: #98b981
}

.psmall {
	font-size: 90%
}

.psmallbrown {
	background: transparent;
	color: #80552a;
	font-size: 90%
}

.red {
	background: transparent;
	color: #f00
}

.psmallbrownbold {
	background: transparent;
	color: #80552a;
	font-size: 90%;
	padding: 3px 1px
}

.psmallbrownboldcenter {
	background: transparent;
	color: #80552a;
	font-size: 90%;
	text-align: center
}

.pbrownlargecenterbold {
	background: transparent;
	color: #80552a;
	font-size: 120%;
	font-weight: bold;
	text-align: center
}

.psmaller {
	font-size: 85%
}

ol, ul{
	margin-left: .8em;
	padding-left: .8em
}

li{
	font-size: 90%;
	list-style: square;
	padding-bottom: 5px;
	text-align: left
}

 .icon a {
	font: 11px serif
}

/* BEGINimages */
img{
	border: none
}

a img {
	border: none
}

.imgcenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.imgleft {
	float: left;
	padding-right: 10px
}

.imgright {
	float: right;
	padding-left: 10px
}

.imgnopaddingmargin {
	border: none;
	margin: 0;
	padding: 0
}

/* End images */
/*  Horizontal Top Menu */
.tablist{
	margin-left: auto;
	margin-right: auto;
	padding-top: 1px;
	padding-bottom: 6px
}

.tablist li{
	display: inline;
	list-style: none
}

.tablist li a{
	padding: 5px 2px 4px 4px;
	text-decoration: none
}

.tablist li a:link, li a:visited {
	background: #b5df84;
	border: 1px dotted #5e2e0a;
	padding-bottom: 3px;
	padding-top: 4px;
	color: #5e2e0a !important;
	font-weight: bold;
	font-size: 90%;
	letter-spacing: .11em
}

.tablist li a:hover {
	background: transparent !important;
	border: 2px dotted #b5df84;
	color: #000
}

/*  End Horizontal Top Menu */
.tiny a{
	font-size: 10px !important;
	font-weight: normal
}

#banner1, #banner2 {
	margin-left: 15%
}

/* BEGIN various Box borders */
/* CLASS for for rectangular boxes on left navbar */
.contentdiv {
	border: thin dashed #b5df84;
	padding-left: 12px;
	padding-right: 8px
}

.contentdivnavarea {
	border: thin dashed #b5df84;
	padding-left: 1px;
	padding-right: 1px
}

.boxleft1{
	border: thin dotted #b5df84;
	margin: 3px;
	padding: 2px
}

/* CLASS for 4 boxes on left navnar */
.boxleft4{
	border: 1px dotted #b5df84;
	margin: 3px;
	padding: 2px;
	text-align: center
}

.boxatomzsearch{
	border: thin dashed #b5df84;
	margin: 0 auto;
	padding: 2px;
	text-align: center
}

/* For advertisers.php Include in Homepage */
.advertisers{
	font-size: 79%;
	margin-top: 10px;
	text-align: center;
	text-decoration: none
}

#montlymeetingdiv{
	border: thin dashed #b5df84;
	margin-right: 5px;
	padding-left: 15px;
	padding-right: 10px
}

/*  .offers box class used for Offers.htm page  */
.offers-box-borderbrown {
	background: #fffacd;
	border: medium dotted #a0522d;
	color: #222;
	margin: 2%;
	padding: 15px
}

.offers-box-bordergreen {
	background: #fff2a8;
	border: medium dotted #b5df84;
	color: #222;
	margin: 2%;
	padding: 15px
}

/* END various Box borders */
/* Begin the colums (2 and 3 columns) in 2 templates CSS  */
/* TOTAL Width of site is 900px */
#col1 {
	font-size: 79%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 245px
}

/* column 2 in 3 column pages */
#col2-3 {
	background: transparent;
	color: #111;
	padding: 5px 10px 10px 35px;
	vertical-align: top;
	width: 490px
}

/* column 2 in 2 column pages */
#col2 {
	background: transparent;
	color: #111;
	padding: 5px 20px 10px 35px;
	vertical-align: top;
	width: 765px
}

/* column 3 */
#col3{
	border: 1px dotted #b5df84;
	margin: 0;
	padding: 0;
	width: 275px
}

/* BEGIN TOP BANNER  #col1topbanner & col2topbanner are top columns 
Must be same width as #col1 above - and total is 1000px wide 
*/
#col1topbanner {
	margin: auto 0;
	width: 245px
}

/* BEGIN TOP BANNER code columns 2  */
#col2topbanner{
	margin: auto 0;
	width: 755px
}

a.map:link, a.map:visited {
	background: transparent;
	color: #006201;
	font: 600 120% serif;
	text-align: center;
	text-decoration: underline
}

a.map:hover{
	background: #b5df84;
	color: #000;
	text-align: center;
	text-decoration: none
}

/* Start Forms */
/* Start Forms */
fieldset {
	border: 2px solid #b5df84;
	padding: 1em
}

legend {
	font-size: 120%;
	font-weight: 600;
	padding: 10px
}

label {
	float: left;
	margin-right: 0.5em;
	padding-top: 0.5em;
	text-align: right;
	width: 25%
}

textarea {
	background: #fffedf;
	border: 1px solid #b5df84;
	color: #222;
	margin-top: 10px
}

input {
	background-color: #fffedf;
	border: 1px solid #b5df84;
	color: #222;
	margin-top: 10px
}

.submitdiv {
	background: #fffedf;
	color: #5e2e0a;
	border: thin #b5df84 dashed;
	margin: 1px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-top: 5px;
	width: 80%
}

.submit a {
	font-weight: 600;
	text-align: center;
	text-decoration: none
}

/* End forms */
/* End forms */
hr{
	border: medium dashed #b5df84;
	margin-bottom: 8px;
	margin-top: 11px
}

.copyright{
	background-color: transparent;
	color: #999;
	font-size: 9px;
	font-weight: normal;
	margin-top: 20px;
	text-align: center
}

.centerstuff{
	margin: 0 auto;
	text-align: center
}

/* this class should be placed on a div or break element and should 
be the final element before the close of a container that should 
fully contain a float  IE: <br class="clearfloat" /> 
*/
.clearfloat {
	background: #e5ecdf;
	clear: both;
	color: #fff;
	height: 0;
	line-height: 0
}

.required{
	background: transparent;
	color: #98b981;
	font: 600 150% serif
}

.neighborhood-services-table{
	border: 6px solid #b5df84;
	font-size: 90%;
	padding: 3px
}