body {
	min-width:62em;
	width:100%;
	background:white;
	color:#1D371C;
	margin:0;
	
	/* The font setup came from a list apart's sliding doors tutorial */
	font-size:x-small;
	line-height:1.5;
	font-family: arial, "lucida console", sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
	} html>body {font-size:small;}
	
/* high level divs */
/* required for shift-tab in IE6, otherwise active styles don't show in reverse */
A:active {
	BACKGROUND: white; COLOR: black;
}

#header {
	background:#B5D9B3;
	color:#1D371C;
	width:100%;
	overflow:hidden;
}

#tabs {
	clear:both;
	background:#8CC589;
	color:#1D371C;
	height:100%;
	overflow:hidden;
	text-align: center;
}

#footer {
	clear:both;
	background:#8CC589;
	color:#1D371C;
	height:100%;
	overflow:hidden;
	text-align: center;
}

#maincontent {
	background:#EAF8E9;
	color:#1D371C;
	font-size:100%;
	padding:1em;
	
	/* fixes to make div resize */
	height:100%;
	overflow:hidden;
}
	

/* Header divs */
#logo {
	width:335px;
	margin:0 auto 0 auto;
	padding:0 0 5px 0;
}
	
#logo h1 {
	width:335px;
	height:111px;
    position: relative;
    font-size:120%;
    margin:0;
    padding:0;
}

#logo h1 span {
    background: url(../images/logo.gif) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}

#move_focus {
	float:right;	
	padding:0;
	margin:4px 10px 0 0;
	color:#1D371C;
	font-size:120%;
}

#move_focus p {
	text-align:right;
}

#move_focus a:link {
	background:#B5D9B3;
	color:#1D371C;
}

#move_focus a:visited {
	background:#B5D9B3;
	color:#1D371C;
}

#move_focus a:active, #move_focus a:focus {
	background-color: #FFFFCC;
	color: #1D371C;
}

/* Tab divs */
#tabs ul {
	list-style-type: none;
	text-align:center;
	margin:0;
	padding:0;
	font-size:140%;
}

#tabs li {
	display:inline;
	margin:0 -0.5em 0 0;
}

#tabs a {
	color:#1D371C;
	background:#8CC589;
	white-space:nowrap;
	text-decoration:none;
	margin:0;
	padding-left:0.7em;
	padding-right:1.2em;
	padding-top:0.17em;
	padding-bottom:0.17em;
}

#tabs #current a {
	background:#1D371C;
	color:#EFF9EE;
}

#tabs #current a:hover,
#tabs #current a:active,
#tabs #current a:focus {
	background:#264723;
	color:#E7E4A5;
}

#tabs a:hover {
	background-color:#B5D9B3;
	color:#1D371C;
}

#tabs a:active,
#tabs a:focus {
	background-color: #FFFFCC;
	color:#1D371C;
}

/* content divs */
#maincontent a:active, #maincontent a:focus {
	background-color: #FFFFCC;
	color: #1D371C;
	padding:0;
	margin:0;
}

#skiptargetholder, .internaltargetholder {position: absolute; left: -200%; }
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/

/* Home page panels */
#panel_wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 61em;
	text-align: center;
	height:29em;
}

.panel, .panel_body, .panel_head, .panel_head h2 {
	background: url(../images/panel_background.gif) #1D371C no-repeat bottom right; 
	color: #EFF9EE;
}

.panel {
	float:left;
	
	/* need to fix ie double margin bug */
	display:inline;

	/* rounded corner code */
	width: 17.5em !important; /* intended total box width - padding-right next) */
    width: 17.5em; /* IE Win = width - padding */
    padding-right: 2.5em; /* the gap on the right edge of the image (not content padding) */
    margin: 0em 0em 0em 0em; /* use to position the box */ 
    position:relative;
    z-index: 1;
} 

/* set the top-right image */ 
.panel_head { 
    background-position: top right;
	margin-right: -2.5em; /* pull the right image over on top of border */
    padding-right: 2.5em; /* right-image-gap + right-inside padding */
    z-index: 2;
} 

/* set the top-left image */ 
.panel_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 1.1em 0 1.0em 0.9em; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */

	font-size:120%;
    text-align:left;
    z-index: 3;
}


/* set the lower-left corner image */ 
.panel_body { 
    background-position: bottom left; 
    margin-right: 0em; /* interior-padding right */ 
    padding: 0.5em 0 2.0em 1.1em;/* mirror .cssbox_head right/left */ 
    
    /* this minimizes heading height */
    margin-top:-1.0em;
    
    /* body div seems to need this to be full height */
    overflow:hidden;
    /* height:100%; */

    text-align:left;
    z-index: 4;

	height:23.5em;

}

.keyline hr {
	color: #58A954;
	background-color: #58A954;
	border:none;
	height: 1px;
	padding:0;
	margin:0;
	top: 3em;
	left:0.9em;
	width:16.6em;
	position:absolute;
	z-index: 100;
}

.panel a,
.panel a:link,
.panel a:hover,
.panel a:visited { 
	text-decoration:none;
	background-color: #1D371C; 
	color: #EFF9EE;
}

.panel p {
	/* makes IE and Firefox consistent */
	margin-top:0;	
}

/* image styles */
.imagecentre {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.imagetopright {
	float:right;
	padding-left:0.5em;
	padding-bottom:0.5em;
}

.imagetopleft {
	float:left;
	width:5.952em;
	height:4.352em;
}

/* generally useful classes */
.clearboth {
	clear:both;	
}

/* Images with captions */

.imagelist {
	margin:0 1em 1em 0;
	padding:0.2em;
	list-style-type: none;
}

.imagelist li {
	width:30em;
	height:100%;
	overflow:hidden;
	float:left;
	border:4px groove #8CC589;
	margin:0 0.5em 0.5em 0;
	background-color:#F5FCF5;
}

.imagelist a img {
	margin: 0 0.5em 0 0;
	padding:0.2em;
	border: 2px solid transparent;
	float:left;
}

.imagelist .caption {
	font-weight:bold;
	margin:0;
	padding:0.2em 0.2em 0 0.2em;
	margin:0 0 0 10em;
}

.imagelist .description {
	padding:0 0.2em 0.2em 0.2em;
	margin:0 0 0 10em;
}

.imagelist a:focus img,
.imagelist a:active img {
	background-color: #FFFFCC;
	border: 2px dashed black;
}

/* footer styles */
#footer p {
	margin:4px 0 4px 0;
}

.email a {
	float:right;
	margin:0 10px 0 0;
}

.email a:link {
	background:#8CC589;
	color:#1D371C;
}

.email a:visited {
background:#8CC589;
	color:#1D371C;
}

.email a:active, .email a:focus {
	background-color: #FFFFCC;
	color: #1D371C;
}

/* Property Page Styles */
#left_column {
	float:left;
	width:49%;
}

#right_column {
	float:right;
	width:49%;
}