@import url(nav.css);

body {
	font: 76%/140% "Trebuchet ms", Arial, Verdana, sans-serif;
	background:#FFF;/* repeat-x url(hbar.gif) 0 0; dfdad4*/
	color: #454840;

}

#map {float:right;}
html, body, form, fieldset {
	margin:0; padding:0;	
}

p, pre, blockquote, ul, ol, dl, address {
	margin:1em 0; padding:0;
}

h1,h2,h3,h4,h5,h6 {
	margin: 1.6em 0 0.6em; padding: 0;
	color:#000;
}

h1 {
	margin-top:0.25em;
	font-size:1.8em;
	letter-spacing:-0.04em;
}
#header {position:relative;}

h1 {
	margin:1.2em 0 10px; 
	font-size:1.2em;
	line-height:1;
}

p.screenshot {margin:10px 0; text-align:center;}

li, dd, blockquote {
	margin-left: 1.5em;
}
fieldset {
	border: none;
}
p.intro {font-size:1.2em; line-height:1.4;}

p, pre, blockquote, label, ul, ol, dl, fieldset, address, table, td, th {
	font-size: 1em;
}
.msg {
	margin:10px 0;
	font-size:1.2em;
	line-height:1.4;
	background:#FFC;
	border:1px solid #ececbd;
	border-width:1px 0;
	padding:10px;
	color:#703911;
}

p.date {margin:0.5em 0;}

.listing h2 {margin-top:0.25em; display:block; font-size:1.3em}

a img, a:visited img { border:	0; } 

.banner a, .banner a:visited {border:0 !important;}

a:link {
	color: #3f8c28;
	text-decoration:none;
	border-bottom:1px dotted #3f8c28;
}

a:visited {
	color: #73936a;
	text-decoration:none;
	border-bottom:1px dotted #999;		
}

a:hover {
	text-decoration:none;
	border-bottom:none;
	background: #3f8c28; /*#f65202; */
	color:#fff;
}

h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited 
h4 a:link, h4 a:visited
{
	border-bottom:none;
}


.utilnav {
	margin:20px 0; padding:10px 10px; 
	border:1px solid #e6e8e1;
	background:#f4f5f1;
}
.utilnav:hover {border-color: #d6d8d1;}

#headerwrap {
	text-align:center;
	margin:0;
	padding:0;
	height:80px;
	background:#eeeee8 repeat-x url(header.gif) 0 0;
}

#header, #page {
	width:800px;
	margin:0 auto;
	text-align:left;
	
}

#page {min-height:400px;}

#pagewrap {
	background:#fff no-repeat url(bg.gif) 50% 101px;
	min-width:800px;
	text-align:center;
	}
/* The CSS that's required to position the footer 

*/
html {height: 100%;}
body {height: 100%;}
#pagewrap { position: relative; min-height: 100%; }

#page {
	padding-bottom:0px;
}

* html #pagewrap { height: 100%; }

#footer {
	position: relative;
	margin: -60px auto 0 auto;
	height: 60px;
	background:transparent repeat-x url(grass.gif) bottom;
}
#footer hr {display:none;}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer { margin-top: -60px; }


.copyright {
	margin:0;padding:0;
	position:absolute; bottom:1px; right:20px; 
	color:#fc6; 
	font-size:11px;
	}

#footer a, #footer a:visited {
	color:#fc6;
	margin:0 5px;
}

#logo {margin:0 0 0 0; left:-40px; padding:0; position:relative;}

#logo a {
	margin:0; padding:0; 
	text-decoration:none; 
	border:none;
	display:block;
	width:200px;
	height:60px;
}
#logo a:visited {
	text-decoration:none; 
}
#logo a:hover {
	background:transparent;
}
#logo img {
	position:absolute; z-index:10;
}
#logo #sitetitle {
	position:absolute;
	text-indent:-5000px;
}

#content {
	float:right; 
	width:590px; 
	margin:20px 20px 0 0;
	padding:0 0 0px;
}
* html #content {
	overflow:hidden;
	display:inline;
}
#main {
	/* primarily to position stuff like edit-links etc... */
	position:relative;
	}
#nav {
	float:left;
	margin:20px 0;
	width:152px;
	background:#fff;
}	
#menu {margin:0; padding:0;}
	




ul.introteaser {
	list-style:none;
	margin:0; padding:0;
}
ul.introteaser li {
	margin:0; padding:0;
	line-height:1em;	
}

ul.introteaser li a, ul.introteaser li a:visited {
	padding:8px 0;
	text-decoration:none;
	border-bottom:none;
	line-height:1em;
	color:#666;
	display:block;
	border:1px solid #fff;
	margin:1px;
}

ul.introteaser  li a strong {color:#000;}
ul.introteaser li a:hover {border:1px solid #cbddb0; background:#e4f8c5; color:#747e64}
ul.introteaser li a:hover strong {color:#000;}

dd ul.introteaser {margin:0 -10px;}
dd ul.introteaser li a, dd ul.introteaser li a:visited {padding:5px 10px;}


a.more, a.more:visited {color:#666; border-bottom:none; border:1px solid #e6e6e6; border-bottom:0; padding:0px 3px; margin-right:-6px;}
a.more:hover {color:#3f8c28;border:1px solid #cbddb0; background:#e4f8c5;}


.photo {
	margin:0 0 10px;
}


/* =Contact Form CSS
----------------------------------------------- */
.contactform { 
	position: relative;
	/*
	width:230px;
	*/
	border:1px solid #eee; border-color:#ddd #eee #ddd #ddd;
	padding:1em 10px;
	background:#f5f2f0;
	}

.contactform label em {font-style:normal; color:#999388;}
.contactform div {margin: 0 0 0.25em;}
.contactform td div {margin-right:10px;}
.contactform textarea {
	width:100%; 
	height:4em;
	border:1px solid #ccc;
}
 .contactform input.text {
	width:100%;
	border:1px solid #ccc;
}
.contacterror, .contactform input.contacterror {
    border: 1px solid #c2551b;
}
.errormsg {
    color:#c2551b;
	font-weight:bold;
}

.date {
	font-size:0.9em;
	margin:0; padding:0;
	color:#999;
}