html, html * {

	padding: 0; margin: 0; font-family: 'Molengo', arial, serif; font-size: 16px}



div#page {

	border: 1px solid #8F5F54; width: 780px; margin: 1em auto 2em auto}

	

	a {}

	a:hover { text-decoration: none } 

	

	#page #header {

		background: #DFDDC8 url(../images/header.png) no-repeat 0 0; height: 120px;

		border-bottom: 3px solid #0E7F4B }

		#page #header a { border: none} 

		#page #header a img { display: block; padding-top: 30px; float: left; border: none}

		#page #header img.right { float: right; margin-top: 5px}

		

	#page #menu { list-style: none; display: block; width: 100%; 

		background-color: #DFDDC8; border-bottom: 1px solid #8F5F54; text-align: right}

		#menu li{ display: inline; margin-right: 8px;  }

		#menu li a{ color: #8F5F54; background-color: #9F9178; padding: 0 9px 0 9px }

		#menu li a:hover{ color: #8F5F54; background-color: #9F9178; padding: 0 9px 0 5px; 

			border-left: 4px solid #8F5F54 }

		#menu li.current a{ color: #8F5F54; background-color: #7F987B; padding: 0 9px 0 5px; 

			border-left: 4px solid #8F5F54; text-decoration: none }

			

	#page #content { margin: 2% }

		#content h1 { color: #898989; font-size: 1.2em; margin-bottom: 1.2em}

		#content h2 { color: #898989; font-size: 1em; margin: 0 0 1em -3em}

		#content img { background-color: #7F987B; border: 1px solid #898989; padding: 1px}

	

		#content .images { float: left; width: 20%; margin: .4em 4% 1em 0}

		#content .text { float: left; width: 76%; margin: 0 0 1em 0 }

			#content .text ul { margin-left: 2em }

			

		#content .column { float: left; width: 30%; margin: 0 0 2% 3% }

			#content .column p a { margin-left: 8px }	

			#content .column h1 { margin: .8em 0 1.3em 0 }

		

		#content .column p, #content .images p { text-align: justify}		

		#content .column img, #content .images img { width: 100% }

						

		#content ul { list-style-image: url(../images/bullet.png); margin-left: 1.1em}

		

		.contact #content .text { width: 40% }		

		.contact .form { float: left; width: 55%; margin: 3em 0 0 3%}

		.contact #content form { width: 100%; height: 100% }

			.contact #content form label { 

				float: left; display: block; width: 31%; line-height: 1.3em; margin-bottom: 5px; border-left: 3px solid transparent }

			.contact #content form input { width: 66%; float: right; line-height: 1.4em; margin-bottom: 10px  }

			.contact #content form textarea { width: 100%; margin: 0; height: 130px}

			.contact #content form #submit { 

				width: 90px; background: #9F9178 url(../images/email.png) no-repeat 5px 65%; 

				border: 1px solid #8F5F54; cursor: pointer; padding-left: 20px; margin-right: -2px}

			.contact #content form #submit:hover { 

				background: #7F987B url(../images/email_go.png) no-repeat 5px 65%; color: #8F5F54;}

			.contact #content form .loader { 

				float: right; display: none; width: 30px; border: none; background: transparent }

				

		.contact #content dl.coords { margin-left: 2em }

			#content dl.coords dt { color: gray; font-size: .7em ;  width: 30px; text-align: center}

				#content dl.coords img { background-color: transparent; border: none; width: 16px  }

			#content dl.coords dd { position: relative; top: -20px; left: 35px }

		

		#content #photos div { border-bottom: 1px dotted #7F987B; text-align: center}

			#content  #photos h2 { padding-left: 6em; margin-top: 2em; text-align: left }

			#content  #photos img { height: 30% }



		

	#page #footer {

		background-color: #DFDDC8; border-top: 1px solid #8F5F54; height: 150px; clear: both }

		#footer p { color: #898989; font-size: .9em; text-align: center; margin: 1em 1em 0 1em}		

		#footer p a { color: #898989; font-size: .9em; font-weight: bold;margin: 1em 1em 0 1em}	

		#footer .legal, #footer .legal a { color: #7F987B; font-size: .9em; 

			margin-top: 1.8em; text-decoration: none }

		#footer .legal a { margin: 0; font-weight: normal}

		#footer .legal a:hover { text-decoration: underline}