/* Primary Colors used in site 
the page background color lite yellow is = #fffedf
the font color  is= #444
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 same as above border color
the font color is = #222
the mouseover background color (dark green) is= #8dcd41
-- The 2nd level Left Menu  --
the bckgnd color is lite yellow = #fffedf
the font color is = #222
the mouseover background color is= #87B254
-- Headin tags --
the heading tags (h2, h3, h4) color brown is = #63320d
-- 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
*/
body{
	border: 3px #b5df84 solid;
	background: #fffedf url(/images/backgnd-new.gif);
	color: #444;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 95%;
}

p {
	margin-top: 8px;
	font-weight: normal;
	font-size: 100%;
}

a:link, a:visited{
	background: transparent;
	color: #008000;
	text-decoration: underline;
	font-size: 100%;
}

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

.bold {
	font-weight: 600
}

.italic {
	font-style: italic
}

.italicsmall {
	font-style: italic;
	font-size: 80%
}



/* BEGIN Heading tags h1, h2, h3, h4 */
h1, h2, h3, h4 {
	background: transparent;
	color: #63320d;
	font-family: serif,Georgia;
	font-weight: bold
}

/* 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 {
	padding-bottom: 6px;
	padding-top: 5px;
	font-size: 125%;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	text-decoration: underline
}



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

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

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

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

h4 {
	padding-bottom: 15px;
	padding-top: 10px;
	font-size: 100%;
	font-weight: bolder;
	letter-spacing: .1em
}

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

/* Bullet Lists */
ol, ul{
	margin-left: .8em;
	padding-left: .8em
}

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

/* END heading tags */
 .pmedgreen, a{
	background: transparent;
	color: #98b981
}

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

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

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

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

.psmallerbrown {
	background: transparent;
	color: #80552a;
	font-size: 86%
}

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

.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
}

.psmall {
	font-size: 90%
}

.psmaller {
	font-size: 86%
}

 .icon, a {
	font-weight: normal;
	font-size: 86%
}

 .iconindex {
	font-weight: normal;
	font: icon;
}


/*   The Horizontal Top Menu AND the menu in the old pages template pages */
.tablist{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	padding-top: 1px
}

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

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

.tablist li a:link, .tablist  li a:visited {
	border: 1px dotted #5e2e0a;
	background: #b5df84;
	color: #222 !important;
	font-size: 76% !important;
	letter-spacing: .11em
}

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

/*  End Hor Top Menu */


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

/* BEGIN Css classes for Green Box borders */
/*  Middle coloums green borders on  2 col pages  */
/*  Middle coloums green borders on 3 col homepage  */
.contentdiv-3col {
	border: thin dashed #b5df84;
	padding-left: 10px;
	padding-right: 6px
}

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

.boxleft1{
	border: 3px 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 dotted #b5df84;
	margin: 0 auto;
	padding: 2px;
	text-align: center
}

.boxleftmonthmeet{
	border: thin dotted #b5df84;
	padding: 12px;
	font-size: 100%;
	font-weight: 600;
	text-align: justify
}

/* For advertisers.php Include in Homepage */
.advertisers{
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 90% !important;
	font-weight: normal !important;
	text-align: center;
	text-decoration: none
}

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


/* Begin the colums (2 and 3 column design - in the 3 templates   */
#col1 {
	margin: 0;
	padding: 0;
	width: 250px;
	vertical-align: top
}

#col1 > p{
	font-size: 76%;
	font-weight: normal
}

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

/* column 3 in 3 column pages, IE: the homepage */
#col3{
	border: 1px dotted #b5df84;
	margin: 0;
	padding: 0;
	width: 275px;
	vertical-align: text-top
}

/* BEGIN TOP BANNER code columns 2  */
#col2topbanner{
	margin-left: auto;
	margin-right: auto;
	width: 90%
}

/* MAP links  */
a.map:link, a.map:visited {
	background: transparent;
	color: #006201;
	font-weight: normal !important;
	font-size: 120%;
	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: medium solid #b5df84;
	padding: 1em
}

legend {
	padding: 10px;
	background: transparent;
	color: #a0522d;
	font-size: 140%;
	font-weight: 600
}

label {
	float: left;
	margin-right: 0.5em;
	padding-top: .9em;
	width: 25%;
	font-size: 90%;
	text-align: right
}

textarea {
	border: thin solid  #98b981;
	margin-top: 10px;
	background-color: #fffedf !important;
	color: #222
}

input, select{
	border: thin solid  #98b981;
	margin-top: 10px;
	background-color: #fffedf;
	color: #222;
	font-size: 95%
}

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

.submit, a {
	background: #fffedf;
	color: #5e2e0a;
	font-size: 110%;
	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{
	margin-top: 20px;
	background-color: transparent;
	color: #999;
	font-size: 9px;
	font-weight: normal;
	text-align: center
}

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

.centerstuffnormalfont, a{
	margin: 0 auto;
	font-weight: normal;
	text-align: center
}

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

.neighborhood-services-table{
	border: 4px solid #b5df84;
	padding: 5px;
	font-size: 89%;
	border-collapse: collapse
}
/*
.table{
	border-color: #a0522d;
	border-style: dotted;
	border-width: 2px;
	padding: 5px
}
*/
td{
	vertical-align: top;
/*	border-color: #a0522d;
	border-style: dashed;
	border-width: thin; */
}

/* BEGIN images */
img, a img {
	border: none
}

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

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

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

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

/* End images */
/* 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 {
	clear: both;
	background: #e5ecdf;
	color: #fff;
	line-height: 0;
	height: 0
}

.contentdiv-2col, contentdiv-wide {
	border: thin dashed #b5df84;
	padding-left: 12px;
	padding-right: 8px
}