/* CSS Document */

/* SITE COLORS */
/* #7f7554 = Background Brown */
/* #897f60 = Footer Background Brown */
/* #000000 = Black */

* {
	border: 0;
	padding: 0;
	margin: 0;
}
body, #cms_Content {
	background-color: #897f60;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*background-image: url(/images/bg_skygrassdirt.jpg);*/
	/*background-image: url(/images/bg_blueskygradient.jpg);
	background-repeat: repeat-x;*/
}
table {
	table-layout: fixed;
	border-collapse: collapse;
	/*width: 100%;*/
}	
td {
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
}
p {
	color: #e0f2f3;
	font-size: 13px;
	margin-top: 10px;
}
h1 {
	font-size: 32px;
	font-weight: normal;
	color: #6d984b;
	line-height: 45px;
}
h2 {
	color: #dac893;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	margin-top: 24px;
}
h3 {
  color: #2f220a;
  font-size: 13px;
  margin: 10px 0 -10px 0;   /* assume these are always followed by paragraphs with 10px top margins */
}
h4 {
}
a {
	color: #77d5c9;
}
	a:hover {
		color: #7ac142;
	}
	a img {
	}
	a.button_green {
		background-image: url(/images/bg_greenarrow.png);
		width: 127px;
		height: 25px;
		display: block;
		text-decoration: none;
		padding-left: 8px;
		padding-top: 2px;
		color: white;
		margin: 20px 0px;
	}
		a:hover.button_green {
			color: #dac893;
		}
a#facebook_link {
	color: #dac893;
}
a#facebook_link:hover {
		color: #7ac142;
}
ul {
  padding: 0 0 0 20px;
}
li {
	/*list-style-type: none;*/
}
	li.first {
		background-image: none!important;
	}
		li.first a {
			padding-left: 0px!important;
		}
		
hr { /* These should cover all the unique browser traits */
	border: 0px;
	color: #000000;
	background-color: #000000;
	height: 1px;
	width: 100%;
	text-align: left;
}
div.contentArea {
	width: 960px;
	margin: 0px auto;
	position: relative;
}
div.col0, div.col1, div.col2 {
	float: left;
	width: 315px;
}
#headerCanvas {
	text-align: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(/images/bg_skyclouds.jpg);
	background-repeat: repeat-x;
	background-position: -200px 0px;
	height: 134px;
}
	#headerCanvas div#logo {
		width: 431px;
		height: 133px;
		position: absolute;
		top: 0px;
		left: 0px;
		padding-top: 50px;
		background-image: url(/images/bg_logowhitegradient.png);
		background-repeat: no-repeat;
	}
	#headerCanvas div#topNav {
		float: right;
		top: 0px;
    width: 355px;
		color: #5a471b;
		font-size: 13px;
		margin-right: 20px;
	}
	#headerCanvas div#topNav ul {
    padding-left: 0;
  }
		#headerCanvas div#topNav a {
			color: #5a471b;
			text-decoration: none;
		}
			#headerCanvas div#topNav a:hover {
				color: #cfab7a;
				text-decoration: underline;
			}
			#headerCanvas div#topNav a.rssBaloon {
				float: right;
			}
		
		#headerCanvas div#topNav ul {
			color: #5a471b;
			float: left;
			margin-top: 10px;
		}
			#headerCanvas div#topNav ul li {
				display: inline;
				background-image: url(/images/bul_topNav.gif);
				background-repeat: no-repeat;
				background-position: 0px 5px;
			}
				#headerCanvas div#topNav ul li a {
					padding: 0px 10px;
				}

	#headerCanvas div#mainNav {
		position: absolute;
		top: 101px;
		right: 0px;
		height: 32px;
		width: 490px;
		vertical-align: bottom;
		margin-right: 20px;
	}
		#headerCanvas div#mainNav a {
			text-align: center;
			color: #e0f2f3;
			text-decoration: none;
			font-size: 20px;
			text-transform: uppercase;
			display: block;
			float: right;
			height: 24px;
		}
			#headerCanvas div#mainNav a#linkOrange {
				background-image: url(/images/tab_bg_orange.gif);
				background-repeat: no-repeat;
				width: 402px;
				padding: 4px 0px;
			}

			#headerCanvas div#mainNav a#linkOrange:hover {
        color: #2f220a;
      }

			#headerCanvas div#mainNav a#linkGreen {
				background-image: url(/images/tab_bg_green.gif);
				background-repeat: no-repeat;
				background-position: bottom;
				width: 82px;
				padding: 8px 0px 0px 0px;
				font-size: 15px;
				text-transform: none;
				vertical-align: bottom;
				line-height: 26px;
			}

      #headerCanvas div#mainNav a#linkGreen:hover {
        color: #2f220a;
      }
			
			#headerCanvas div#mainNav a span.sub {
				color: #eec9ac;
				text-transform: none;
			}

      #headerCanvas div#mainNav a:hover span.sub,
      #headerCanvas div#mainNav a.currentpage span.sub {
        color: #2f220a;
      }
	
#upperContentCanvas {
	text-align: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(/images/bg_grassdirt.jpg);
	background-repeat: repeat-x;
}
	#upperContentCanvas div.contentArea {
		padding: 10px 0px 0px 0px;
		background-image: url(/images/bg_lowerleftgradient.png);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
		#upperContentCanvas div.col0 {
			background-image: url(/images/border_yellowgradient.jpg);
			background-repeat: no-repeat;
			background-position: left -40px;
			padding-top: 40px;
		}
			#upperContentCanvas div.col0 ul {
        margin: 0;
        padding: 0;

				margin-top: 10px;
				margin-left: 1px;
        list-style: none;
			}
				#upperContentCanvas div.col0 ul li {
          margin: 0;
          padding: 0;

					margin-bottom: 14px;
				}
					#upperContentCanvas div.col0 ul li a {
						color: #ddf1f2;
						font-size: 25px;
						text-decoration: none;
						width: 312px;
						height: 56px;
						display: block;
						padding: 5px 0px 0px 30px;
					}
						#upperContentCanvas div.col0 ul li a:hover,
            #upperContentCanvas div.col0 ul li a.currentpage {
							background-image: url(/images/hover_blackarrow.png);
							background-image: url(/images/hover_blackarrow_short.png);
							background-repeat: no-repeat;
						}
						
						#upperContentCanvas div.col0 ul li a span.sub {
							font-size: 12px;
							color: #a98941;
							display: block;
							text-transform: uppercase;
						}
		
		#upperContentCanvas div.col1 {
			/*position: absolute;
			left: 315px;*/
      position: relative;
			width: 610px;
			float: right;
			padding-top: 40px;
			padding-right: 30px;
			padding-left: 0px;
			background-image: url(/images/border_yellowgradient.jpg);
			background-position: right top;
			background-repeat: no-repeat;
		}

    body.homepage #upperContentCanvas div.col1 {
			position: absolute;
			left: 315px;
			float: none;
    }

			#upperContentCanvas div.col1 div.links {
				position: absolute;
				top: 270px;
				left: 330px;
			}
				#upperContentCanvas div.col1 div.links a.baloon {
					background-repeat: no-repeat;
					text-decoration: none;
					color: #6d984b;
					text-align: center;
					font-size: 15px;
					height: 40px;
					padding-top: 7px;
					display: block;
					float: left;
					margin-right: 12px;
				}
					#upperContentCanvas div.col1 div.links a:hover,
					#upperContentCanvas div.col1 div.links a.currentpage {
						color: #ddf1f2;
					}
				
					#upperContentCanvas div.col1 div.links a.medium {
						background-image: url(/images/bg_balloon_md.gif);
						width: 141px;
					}
						#upperContentCanvas div.col1 div.links a:hover.medium,
 						#upperContentCanvas div.col1 div.links a.medium.currentpage {
							background-image: url(/images/bg_balloon_md_hover.gif);
						}
					#upperContentCanvas div.col1 div.links a.small {
						background-image: url(/images/bg_balloon_sm.gif);
						width: 83px;
					}
						#upperContentCanvas div.col1 div.links a:hover.small,
						#upperContentCanvas div.col1 div.links a.small.currentpage {
							background-image: url(/images/bg_balloon_sm_hover.gif);
						}
		#upperContentCanvas div.col2 {
			float: none;
			width: auto;
			clear: both;
			padding-top: 10px;
			padding-left: 20px;
			padding-bottom: 20px;
		}
			#upperContentCanvas div.col2 p {
				padding-left: 58px;
				color: #ddf1f2;
			}

      #newsTicker {
        margin-top: 20px;
        padding-left: 58px;
      }

      #newsTicker ul {
        margin: 0;
        padding: 0;
        list-style: none;
      }

			#newsTicker li {
        margin: 10px 0 0 0;
        padding: 0 0 0 58px;
        font-size: 13px;
				color: #ddf1f2;
			}

	
#lowerContentCanvas {
	text-align: left;
	width: 100%;
	background-color: #7f7554;
	background-image: url(/images/bg_topgradientsub.jpg);
	background-repeat: repeat-x;
}
	#lowerContentCanvas img {
		border: 3px solid #746a49;
	}
	#lowerContentCanvas div.col0 {
		padding-top: 40px;
		padding-left: 30px;
		padding-bottom: 30px;
		width: 291px;
	}
	#lowerContentCanvas div.col1 {
		padding: 40px 30px 30px 30px;
		width: 275px;
	}
	#lowerContentCanvas div.col2 {
		padding-top: 0px;
		padding-bottom: 30px;
		background-color: #746a49;
		background-image: url(/images/bg_browngradient.gif);
		background-repeat: repeat-x;
		width: 291px;
	}
		#lowerContentCanvas div.col2 h2 {
			padding: 16px 10px 0px 20px;
			background-image: url(/images/bg_h2browngradient.jpg);
			background-repeat: repeat-y;
			height: 39px;
		}
			#lowerContentCanvas div.col2 h2 img {
				border: none;
				float: left;
        margin-top: -16px;
				margin-right: 15px;
			}

		#lowerContentCanvas div.col2 p {
			margin: 12px 20px 0px 20px;
		}
		/*#lowerContentCanvas div.col2 form {
			padding: 12px 20px 0px 20px;
		}*/

    #newsletter_subscribe {
      width: 258px;
      height: 37px;
      margin: 12px 0 0 19px;
      padding: 3px 0 0 3px;
      background: url(/images/bg_newslettersignup.gif) no-repeat top left;
    }

    #newsletter_email {
      width: 175px;
      height: 26px;
      margin: 0 7px 0 0;
      padding: 8px 0 0 5px;
      font-size: 14px;
      color: #939393;
      background: transparent;
    }

    #newsletter_submit_button {
      width: 70px;
      height: 25px;
      background: transparent;
      color: transparent;
      cursor: pointer;
    }


    #newsletter_message {
      color: #2f220a;
    }

#footerCanvas {
	clear: both;
	text-align: left;
	width: 100%;
	padding: 20px 0px 40px 0px;
	margin: 0px;
	background-image: url(/images/bg_footergradient.jpg);
	background-repeat: repeat-x;
	color: #dac893;
	font-size: 13px;
}
	#footerCanvas div p {
		color: #dac893;
		padding: 0px;
		margin: 0px 0px 0px 12px;
	}
	#footerCanvas div.col0 {
		width: 630px;
	}
		#footerCanvas div.col0 a {
			color: #dac893;
			text-decoration: none;
		}
			#footerCanvas div.col0 a:hover {
				text-decoration: underline;
			}
		
		#footerCanvas div.col0 ul {
			margin-left: 30px;
		}
			#footerCanvas div.col0 ul li {
				display: inline;
				background-image: url(/images/bul_botNav.gif);
				background-repeat: no-repeat;
				background-position: 0px 5px;
			}
				#footerCanvas div.col0 ul li a {
					padding: 0px 8px 0px 10px;
				}

	#footerCanvas div.col2 {
	}
	
.printOnly {
	display: none!important;
}
.clearfix:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}




/* contact form */

.error {
  color: #e2a674;
}

#contact p {
  margin-bottom: 15px;
}

#contact td {
  color: white;
}

td.label {
  width: 135px;
  padding: 5px 0 0 0;
  font-size: 18px;
}

td.field {
  padding-bottom: 10px;
}

#contact input.text {
  width: 220px;
  height: 26px;
  padding: 8px 0 0 5px;
  font-size: 14px;
  color: #939393;
  border: 1px solid #bfbaa9;
}

#contact textarea {
  width: 360px;
  height: 140px;
  font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #939393;
  border: 1px solid #bfbaa9;
}

#contact #submit {
  margin-top: 15px;
}










/* CSS BELOW APPLIES TO Photo Cluster ELEMENT */
table#photoCluster {
	width: 470px;
}
table#photoCluster td#clusterMainPhoto {
	height: 180px;
	width: 310px;
	text-align: center;
}
table#photoCluster #clusterMainPhoto img#mainPhoto {
}
table#photoCluster table#photoGrid {
	width: 150px;
	margin-left: 4px;
}
table#photoCluster table#photoGrid td {
	text-align: center;
}
table#photoCluster #captionCell {
	padding: 0;
}
table#photoCluster #captionCell h3 {
	padding: 0;
	margin-top: 0;
}
table#photoCluster p#captionCopy {
	font-size: 0.9em;
	font-style: italic;
	padding: 0 10px 0px 4px;
	line-height: 1.2em;
}




/* CSS BELOW APPLIES TO Site Map */
#sitemap_container {
  margin-top: 25px;
}

#sitemap_container ul.sitemap_column1,
#sitemap_container ul.sitemap_column2 {
  float: left;
  width: 50%;
}

#sitemap_container hr {
  clear: both;
  visibility: hidden;
}

#sitemap_container ul,
#sitemap_container ul ul,
#sitemap_container ul ul ul {
  margin: 0 0 7px 0;
  padding: 0;
  list-style: none;
}

#sitemap_container ul ul {
  margin-top: 0;
}

#sitemap_container ul ul ul {
  margin-top: 5px;
}

#sitemap_container li {
  margin: 0;
  padding: 0;
}

#sitemap_container li li {
  margin-top: 5px;
  padding-left: 10px;
  background: url(/images/bullet-hyphen.gif) no-repeat top left;
}

#sitemap_container li li li {
  margin: 0 0 0 14px;
  padding: 0;
  list-style: disc;
  background-image: none;
}

#sitemap_container li,
#sitemap_container li a {
  color: #2f221c;
  font: bold 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
}

#sitemap_container li li,
#sitemap_container li li a {
  color: #77ddd2;
  font: normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: underline;
  text-transform: none;
}

#sitemap_container li li li,
#sitemap_container li li li a {
}

/*#sitemap_container li li:before {
  content: "- ";
}*/

#sitemap_container a:hover {
  text-decoration: underline;
}

#sitemap_container li li a:hover {
  color: #2f221c;
}





/* CSS BELOW APPLIES TO contactus_template.html */
#contactForm {
}
.warn {
	color: red;
}
#f1-leftWidth {
	width: 86px;
}
#f1-rightWidth {
	width: 300px;
}

/* CSS BELOW APPLIES TO print layout */
@media print {
	.noPrint {
		display: none!important;
	}
	.printOnly {
		display: block!important;
	}
	img.noPrint {
		display: none!important;
	}
}



/* CMS overrides */

#cmsbody #upperContentCanvas div.col1 div.links,
#cmsbody #banner {
  position: static;
}