/* 2010-12-01 */

*{outline: none;} /* removes dotted outlines from all links on mouse over or active */

body{
	font-family: arial, helvetica, verdana, sans-serif;
	color: #000000;
	background: url(/images/BackgroundTop4.jpg) no-repeat 50% top;
	background-color: #225060;
	margin: 0px;
	padding: 0px;
}

/* ***** [USE FOR IN TEMPLATE-BUILD. Allows for abutting Images, and collapsed tables cross browser] ************************************ */
img.abutting {display:block;}
table.layout {border-collapse: collapse;}
table.layout td.zeroPad{	padding: 0px 0px 0px 0px;}

/********** SEO STYLES *******************/
#SEODiv{
	position: absolute;
	top: 0px;
	z-index: 4;
	font-size: 10px;
	text-align: center;
	width: 100%;
}

#SEODiv table{
	width: 978px;
	margin: auto;
	border: solid 0px pink;
	border-collapse: collapse;
}

#SEODiv table td{
	font-family: arial, helvetica, verdana;
	text-align: left;
	font-size: 10px;
	color: #3a6a7a;
	white-space: nowrap;
	padding: 0px 18px 0px 23px;
}

#SEODiv table td#SEOright{
	text-align: right;
}

#SEODiv a{
	font-size: 10px;
	color: #3a6a7a;
	text-decoration: none;
}

#SEODiv a:hover{
	font-size: 10px;
	color: #3a6a7a;
	text-decoration: underline;
}

/********** SPAGE STYLES *******************/

#pageBound{
	text-align: center;
	width: 100%
	margin: auto;
}

#mainAreaWrapper{
	background-image: url(/images/MainAreaRepeater.jpg);
	background-repeat: repeat-y;
	border: solid 0px orange;
	width: 978px;
	text-align: center;
	margin: auto;
}

#mainArea{
	background-image: url(/images/MainAreaTop.jpg);
	background-repeat: no-repeat;
	border: solid 0px yellow;
	tex-align: center;
	width: 978px;
}

#logo{
	padding: 0px 0px 0px 0px;
}

#logo img{
	border-width: 0px;
	display: block;
	width: 300px;
	height: 123px;
}



#flash{
	align: center;
	padding: 20px 0px 0px 0px;
}

.mainAreaDivider{
	display: block;
	width: 978px;
	height: 2px;
	margin: 20px 0px 0px 0px;
}

/* ********* MAIN CONTENT STYLES ****************** */


#contentWrapper{
	display: block;
	align: center;
	margin: 20px 23px 20px 23px;
	padding: 20px 20px 20px 20px;
	background-color: #ffffff;
}

#contentCell{
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	line-height: 130%;
}

#contentCell p{
	margin: 0px 0px 1em 0px;
}



/* ********* HEADING STYLES ****************** */
#h1HeadingCell{
	padding: 0px 0px 0px 0px;
	background: url(/images/TitleDivider.gif) no-repeat 0px bottom;
	height: 50px;
	margin: 0px 0px 20px 0px;
}

#h1HeadingCell h1{
	font-family: arial, helvetica, verdana;
	font-size: 14px;
	color: #86979f;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

#h1HeadingCell h2{
	font-family: arial, helvetica, verdana;
	font-size: 24px;
	color: #000101;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}


/********** STANDARD STYLES *******************/

h1{
	font-size: 20px;
	color: #000101;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h2{
	font-size: 18px;
	color: #000101;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h3{
	font-size: 16px;
	color: #000101;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h4{
	font-size: 14px;
	color: #000101;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}


a:link, a:active, a:visited{
	color: #015c86;
	text-decoration: underline;
}

a:hover{
	color: #008ed0;
	text-decoration: underline;
}

/********** FOOTER STYLES ********************/

#baseIcons{
	align: center;
	padding: 44px 0px 0px 0px;
	border: solid 0px red;
}

#baseIcons table{
	margin: 0px auto 0px auto;
}

#baseIcons table td{
	padding: 0px 30px 0px 30px;
}

#towns{
	display: block;
	width: 978px;
	text-align: center;
	margin: auto;
	background-image: url(/images/MainAreaBase.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #729ead;
	font-size: 12px;
	font-family: arial, helvetica, verdana;
	padding: 0px 0px 20px 0px;
	/* font-variant: small-caps; */
}

#footerLinks{
	text-align: center;
	width: 978px;
	margin: auto;
	color: #05242f;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 0px 0px 0px;

}

		#footerLinks a:link, #footerLinks a:active, #footerLinks a:visited{
			color: #ffffff;
			text-decoration: none;
		}

		#footerLinks a:hover{
			color: #ffffff;
			text-decoration: underline;
		}


#footerContact{
	width: 978px;
	margin: auto;
	color: #6aa1b0;
	font-size: 12px;
	padding: 12px 0px 0px 0px;
	text-align: center;
}

		#footerContact a:link, #footerContact a:active, #footerContact a:visited{
			color: #6aa1b0;
			font-weight: bold;
			text-decoration: none;
		}

		#footerContact a:hover{
			color: #6aa1b0;
			font-weight: bold;
			text-decoration: underline;
		}

/********** FORM STYLES ********************/
form{
	margin: 0px;
}

.entertext{
	color: #000000;
	font-size: 12px;
	background-color: #EBEBEB;
	width: 190px;
}

.required{
	color: #ff0000;
}


.requiredStar{
	color: #ff0000;
	font-size: 18px;
	font-weight: bold;
}

.formSpacer{
	font-size: 8px;
}

/******* Webfodder Logo *********/
#webfodderCell{
	width: 180px;
	margin: auto;
	padding: 20px 0px 20px 0px;
	text-align: center;
	cursor: default;
}

#webfodderCell a:link, #webfodderCell a:active, #webfodderCell a:visited{
	color: #012b3b;
	text-decoration: none;
	font-size: 10px;
	line-height: 100%;
}

#webfodderCell a:hover{
	color: #012b3b;
	text-decoration: underline;
	font-size: 10px;
	line-height: 100%;
}

#webfodderCell img{
	display: block;
	width: 20px;
	height: 20px;
	border: 0px;
	margin: 6px auto 0px auto;
}

/******* Image border (Creates a white inline and black outline) *********/
#imageBorder{
	border: solid #000000 1px;
	border-width: 1px 1px 1px 1px; /* Change this to make it look like a drop shadow */
	background-color: #ffffff;
	padding: 5px;
}

/* ** Google Maps ** */
#map_canvas{
	display: none;
	margin:1px 0px 1px 0px;
}

#map_links_container{
	width: 300;
	margin:1px 0px 1px 0px;
}

#Hide_Map{
	display: none;
	font-weight: bold;
}

#View_Map{
	font-weight: bold;
}

/* ************************************************** */
/* ********* Photo Gallery Styles ******************* */
/* ************************************************** */


/* *********photogalleries.asp styles (main gallery landing page styles - makes boxes) ********* */

		.galleryOuterBox{
			font-size: 12px;
			width: 240px;
			height: 210px;
			overflow: auto;
			background-color: #E5E5D8;
			padding: 18px 18px 0px 18px;
		}

		.galleryOuterBox a{         /* link color and style for the category page thumbs */
			color: #000000;
			text-decoration: none;
		}

		.galleryOuterBox a:hover{
			color: #c41130;
			text-decoration: none;
		}

/* ********* photogallery.asp styles (subdirectory showing various galleries) ********* */

		.galleryBoxSpacing{
			padding: 0px 16px 16px 0px;
		}

		.galleryBox{
			width: 275px;
			height: 350px;
			overflow: auto;
			background-color:#E5E5D8;
			padding: 0px;
		}

		.galleryBoxTitle{
			padding: 1px 1px 1px 1px;
			height: 40px;   /* If you know the client will be using one-word or one-line titles, you can eliminate this line */
		}

		.galleryBoxIMG{
			border: 1px solid #00293d;
		}

		.galleryBoxCaption{
			padding: 4px 8px 8px 20px;
			font-size: 12px;
			line-height: 110%;
			text-align: left;
		}


/******* Testimonials *********/
.testimonialPgCell {
	background-color: #F7F7F7;
	border-style: solid;
	border-color: #7797A0;
	border-width: 1px;
	padding: 8px 8px 8px 8px;
	color: #013154;
}

.testimonialHeading{
	font-weight: bold;
	font-size: 12px;
	padding: 0px 0px 6px 0px;
}

.testimonialHeadingLink{
	color: #013154;
	text-decoration: underline;
	font-weight: bold;
}

.testimonialBody{
	font-weight: normal;
	padding: 0px 0px 8px 0px;
}

.testimonialClosing{
	font-style: italic;
	font-size: 12px;
}

.testimonialPic{
	margin: 0px 0px 6px 8px;
	border: solid #000000 1px;
}

a.testimonialPgLink {
	color: #EE7014;
	text-decoration: none;
	line-height: 100%;
}

a.testimonialPgLink:hover {
	color: #EE7014;
	text-decoration: underline;
	line-height: 100%;
}


/* ********* HOME PAGE ARTICLE ICONS ********* */

#articleImageBound{
	align: center;
	border-top: solid 1px #7797a0;
	margin: 20px 0px 0px 0px;
}

#articleImageBound table{
	margin: 8px auto 0px auto;

}

#articleImageBound table td{
	padding: 0px 8px 0px 8px;
	text-align: center;
}

#articleImageBound table td img{
	display: block;
}

/* ********* photogallerydetails.asp styles (individual photo-set of images within a specific gallery) ********* */

#galleryBoundingDiv{
	width: 100%;
	padding: 12px 0px 0px 0px;
}

#galleryPhotoBound{
	background-color: #E5E5D8;
	padding: 8px 8px 8px 8px;
}

#galleryBreadCrumbs{
	padding: 18px 0px 0px 0px;
}

#galleryDescriptionBox{
	width: 100%;
	padding: 5px 0px 0px 10px;
	text-align: left;
}


#galleryDescriptionBox p{
	padding: 0px 0px 12px 0px;
}

#galleryFullSizeIMG{
	margin: 0px 0px 12px 0px;
	border: solid 1px #000000;
}

#galleryPhotoCaption{
	height: 35px;
	width: 455px;
	background-color: #F4F4F0; /* Make a slightly different color from the galleryPhotoBound to create a box around caption. */
	padding: 2px 2px 2px 2px;
	color: #000000;
	font-size: 12px;
	overflow: auto;
}

#galleryThumbsBound{
	padding: 4px 0px 0px 0px;
}

#galleryThumbIMG{
	margin: 0px 6px 6px 0px;
	border: solid #000000 1px;
}

.galleryListItem{
	font-size: 12px;
	list-style-type: none;
	line-height: 130%;
}

.galleryHelp{
	font-size: 11px;
	color: #7d7d7d;
}

.navArrow{
	font-size: 18px;
	font-weight: bold;
}




#bestBuilderAward{
	padding: 24px 0px 0px 0px;
	text-align: center;
	font-family: times new roman, times, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #b28a2a;
}


#newsletterBound{
	 font-size: 11px;
	 width: 220px;
	 background-color: #d1e7ee;
	 border: solid 1px #0f303c;
	 padding: 8px;
}

#newsletterBound #newsletterHeading{
	 color: #153a47;
	 font-size: 14px;
	 font-weight: bold;
	 text-align: center;
}

#newsletterBound #fields{
	 padding: 4px 32px 4px 0px;
	 text-align: right;
}

#newsletterBound #fields input{
	 width: 120px;
	 background-color: #ffffff;
	 border: solid 1px #000000;
	 margin: 1px;
	 padding: 2px;
	 font-size: 11px;
}

#newsletterBound #button{
	 text-align: left;
	 padding-left: 60px;
}