@charset "UTF-8";

/* css for Summers Trails by Reed Pike Design - updated 4/15/09 */

/* colors
	green text - #E05D08
	
	light green background - #26370A
	sidebar border - #94AA74
	*/
body {
	font-size: 75.0%;
}
a img, :link img, :visited img { 
	text-decoration: none;
	border: 0; 
  }
body {
	margin:0px;
	padding:0px;
	font-family: Times New Roman;
	/* font-size: .75em; */
	background: #667241 url(images/map_body2.jpg) no-repeat;
	text-align: center;
	color: #26370A;
	}
#container {
	width: 1024px;
	background: #EEF6D8;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	}
#clear_element {
	clear: both;
}

/* ----------------------------------------------------- */

/* text elements */

h1 em {
	font:"Comic Sans MS", cursive;
	color: #E05D08;
	letter-spacing: 4px;
}
h2 em {
	color: #E05D08;
	font-variant: small-caps;
}
h3 b {
	color: #E05D08;
	font-variant: small-caps;
	font-weight: bold;
}
h3 em {
	color: #E05D08;
}
p {
	font-family: Times New Roman;
	color: #26370A;
	line-height:1em;
	}
p em {font-family: Times New Roman;
	font-weight: bolder;
	line-height: 1em;
	color: #E05D08;
}
#content>p {margin: 0px;}
#content>p+p {text-indent: 30px;}

/* ---------------------------------------------------- */

/* header elements */

#header {
	float: left;
	width: 1024px;
	margin: 0;
	padding: 0;
	height: 120px;
	border-bottom: 1px solid #000;
	background-image: url(images/updated_header.jpg);
}

/* ---------------------------------------------------- */

/* content elements */

#content {
	float: left;
	background: #EEF6D8;
	width: 1022px;
	margin: 0;
	padding: 0;
}
#page_content {
	float: right;
	width: 760px;
	margin: 10px;
	padding: 10px;
}
#contact_table {
	float: left;
	width: 800px;
	margin: 0;
	padding-top: 100px;
}
.table {border-collapse: separate;
		border-spacing: 40px 0 20px 0;
		empty-cells: hide;
}



/* ---------------------------------------------------- */

/* sidebar & main navigation elements */

#sidebar {
	float: left; 
	width: 200px;
	margin: 10px 0 10px 0;
	background-image: url(images/menu_bg.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	border: 1px solid #999;
}
#sidebar1 {
	float: left; 
	width: 200px;
	margin: 10px 0 10px 0;
	background-image:url(images/menu_bg1.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	border: 1px solid #999;
}
#sidebar2 {
	float: left; 
	width: 200px;
	margin: 10px 0 10px 0;
	background-image:url(images/menu_bg2.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	border: 1px solid #999;
}
#menu {
	width: 180px;
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
	margin: 0;
}
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}	
#menu li a:link, #menu li a:visited {
	color: #46471E;
	font-size: 14px;
	font-weight: bold;
	display: block;
	background: url(images/menu1.gif);
	padding: 8px 0 0 10px;
}
#menu li a:hover {
	color: #26370A;
	background: url(images/menu1.gif) 0 -32px;
	padding: 8px 0 0 10px;
}
#menu li a:active {
	color: #26370A;
	background: url(images/menu1.gif) 0 -64px;
	padding: 8px 0 0 10px;
}
ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.fltlft_img_border {	
	float: left;
	margin: 10px 0 0 0;
	border-style: solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

/* ---------------------------------------------------- */

/* image elements */

.fltlft_img {	
	float: left;
	margin: 10px 0 0 0;
}
.pct_img {
	float: left;
	margin: 10px 0 0 60px;
}

/* ---------------------------------------------------- */

/* footer and breadcrumb navigation elements */

#footer {
	float: left;
	width: 1024px;
	margin: 0;
	padding: 0 0 10px 0;
	background: #EEF6D8; 
}
.footer_breadcrumb {
	float: left;
	width: 1024px;
	margin: 0;
	padding: 0 0 0 240px;
	background: #EEF6D8;
}
#footer p {
	margin: 0;
	padding: 0;
	color: #46471E;
	font-size: x-small;
	line-height: 1.2em;
	text-align: center;
}
.breadcrumb {
	position:relative;
	height:30px; 
	width:100%;
	}
.breadcrumb ul {
	position: relative; 
	margin: 0 5px 0 5px; 
	padding: 0; 
	height: 30px; 
	background: #EEF6D8; 
	}
.breadcrumb ul li {
	padding: 0;
	margin: 0; 
	list-style: none; 
	float: left; 
	height: 30px display:inline;
}
.breadcrumb ul li a {
	font-family: Times New Roman;
	font-size: 12px;
	color: #46471E; 
	text-decoration: none; 
	line-height: 30px; 
	display: block; 
	background: #EEF6D8;
}
.breadcrumb ul li a span {
	padding:0 17px 0 15px; 
}
.breadcrumb ul li a:hover span {
	text-decoration:underline; 
	color: #46471E;
}
.breadcrumb ul li a.active {
	background:none;
	}
.breadcrumb ul li a.active span {
	color: #46471E;
	}
.breadcrumb ul li a.active:hover span {
	text-decoration: underline;
	}
.breadcrumb .left {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 10px;
	height: 30px; 
	display: block; 
	z-index: 1; 
	background: #EEF6D8;
}
.breadcrumb .right{
	position: absolute; 
	top: 0px; right:0px; 
	width: 10px; height:30px; 
	display: block; z-index:1; 
	background: #EEF6D8;
}

/* ---------------------------------------------------- */

/* slideshow elements */

.slideshowContainer {
	border: 1px solid #ccc;
	width: 450px;
	height: 280px;
	margin-bottom: 5px;
}

.loading {
	background: url(loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

a {
	color: #607293;
	text-decoration: none;
}

.container {
	width: 500px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 50px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}