/**
Stylesheet:Slideshow.css
CSS for Slideshow.
License:MIT-style license.
Copyright:Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:<div class="slideshow">
<div class="images" />
<div class="captions" />
<div class="controller" />
<div class="thumbnails" />
</div>
Notes:These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
#slideshow {
	width: 600px;
	height: 502px;
}

.slideshow{display:block;position:relative;z-index:0;}
.slideshow-images{display:block;overflow:hidden;position:relative;}
.slideshow-images img{display:block;position:absolute;z-index:1;}
/*.slideshow-thumbnails{overflow:hidden;}*/
.slideshow-thumbnails{overflow:visible;}
/**
HTML:<div class="slideshow-images">
<img />
<img />
</div>
Notes:The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions:fading,wiping,etc.
*/
.slideshow-images{height:300px;width:400px;}
.slideshow-images-visible{opacity:1;}
.slideshow-images-prev{opacity:0;}
.slideshow-images-next{opacity:0;}
.slideshow-images img{float:left;left:0;top:0;}
/**
Notes:These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow{height:300px;margin:0 auto;width:400px;}
.slideshow a img{border:1;border:#FFFFFF}
/**
HTML:<div class="slideshow-captions">
...
</div>
Notes:Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions{background:#000;bottom:0;color:#FFF;font:normal 12px/22px Arial,sans-serif;left:0;overflow:hidden;position:absolute;text-indent:10px;width:100%;z-index:10000;}
.slideshow-captions-hidden{height:0;opacity:0;}
.slideshow-captions-visible{height:22px;opacity:.7;}
/**
HTML:<div class="slideshow-controller">
<ul>
<li class="first"><a /></li>
<li class="prev"><a /></li>
<li class="pause play"><a /></li>
<li class="next"><a /></li>
<li class="last"><a /></li>
</ul>
</div>
Notes:Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller{background:url(/images/slideshow/controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:75%;width:238px;z-index:10000;}
.slideshow-controller *{margin:0;padding:0;}
.slideshow-controller-hidden{opacity:0;}
.slideshow-controller-visible{opacity:1;}
.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}
.slideshow-controller a.active{background-position:0 18px;}
.slideshow-controller li{list-style:none;}
.slideshow-controller li.first a{background-image:url(/images/slideshow/controller-first.gif);left:33px;width:19px;}
.slideshow-controller li.last a{background-image:url(/images/slideshow/controller-last.gif);left:186px;width:19px;}
.slideshow-controller li.next a{background-image:url(/images/slideshow/controller-next.gif);left:145px;width:28px;}
.slideshow-controller li.pause a{background-image:url(/images/slideshow/controller-pause.gif);left:109px;width:20px;}
.slideshow-controller li.play a{background-position:20px 0;}
.slideshow-controller li.play a.active{background-position:20px 18px;}
.slideshow-controller li.prev a{background-image:url(/images/slideshow/controller-prev.gif);left:65px;width:28px;}
/**
HTML:<div class="slideshow-loader" />
Notes:Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:10001;}
.slideshow-loader-hidden{opacity:0;}
.slideshow-loader-visible{opacity:1;}
/**
HTML:<div class="slideshow-thumbnails">
<ul>
<li><a class="slideshow-thumbnails-active" /></li>
<li><a class="slideshow-thumbnails-inactive" /></li>
...
<li><a class="slideshow-thumbnails-inactive" /></li>
</ul>
</div>
Notes:Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails{bottom:-15px;height:80px;left:0;position:relative;width:100%;}
.slideshow-thumbnails *{margin:0;padding:0;}
.slideshow-thumbnails ul{height:75px;left:0;position:absolute;top:0;width:10000px;}
.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}
.slideshow-thumbnails a{display:block;/*padding:5px;*/position:relative;}
.slideshow-thumbnails a:hover{background-color:#669966 !important;opacity:1 !important;}
.slideshow-thumbnails img{display:block;}
.slideshow-thumbnails-active{background-color:#669966;opacity:1;}
.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}



body {
  margin: 20px 10%;
  font-size: 0.8em;
  line-height: 15px;
  font-family: "Trebuchet MS", Arial;
  border: 1px solid #666;
  background-color: #C6B491;
  min-width: 815px;
  color: #604F38;
}
a {
  color: #604F38;
  text-decoration: none;
}
a:hover {
  color: #7D9C6F;
}
#header {
  background-color: #669966;
  background-repeat: repeat;
  background-image: url(../images/pgs-MMMbck.gif);
  color: #7D9C6F;
}
#logo {
  height: 28px;
  background-image: url(../images/pgs-MMMtop.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-top: 15px;
  padding-bottom: 0;
  padding-left: 40px;
}
#logo a {
  color: #BDE0AD;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
}
#menu {
  height: 40px;
  background-image: url(../images/Pgs-Nav-back.gif);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #6B5D47;
  border-bottom-color: #6B5D47;
  min-width: 815px
}

#menu ul {
  margin: 0;
  padding: 0;
}

#menu ul li {
  display: inline-block;
  float: left;
  width: 120px;
  text-align: center;
  list-style-type: none;
  height: 35px;
}



#menu a {
  display: block;
  float: left;
  width: 120px;
  color: #6B5D47;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  padding-top: 4px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #6b5d47;
  background-position: center;
  line-height: 36px;
}
#menu li a.on {
	background-color: #BDE0AD;
	color: #6B5D47;
	height: 36px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #6B5D47;
	border-bottom-color: #6B5D47;
	border-left-color: #6B5D47;
}

#menu a:hover {
  height: 36px;
  color: #BDE0AD;
  background-color: #6B5D47;
}


#text {
  margin-top: 0;
  margin-right: 250px;
  margin-bottom: 0;
  margin-left: 20px;
}
#text p {
  padding: 10px;
}
#text li {
  list-style: none;
  padding-left: 20px;
  background-repeat: no-repeat;
}
#sidebar {
	float: left;
	width: 100px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 10px;
	
}
h1 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 1.8em;
  color: #000;
}

#main {
/*  float: left;*/
  padding: 20px 0 0 0;
  background-color: #fbf4ec;
  min-width: 815px;
}
#footer {
  height: 70px;
  clear: both;
  background-image: url(../images/brown.gif);
  background-repeat: repeat;
}
#left_footer {
  float: left;
  font-size: 12px;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 15px;
}
#left_footer a {
  color: #fff;
}
#left_footer a:hover {
  text-decoration: none;
}
#right_footer {
  background-image: url(../images/pgs-mmfd.gif);
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 0;
  padding-left: 0;
  float: right;
  padding-right: 275px;
  top: 0px;
  padding-top: 74px;
}
#right_footer a {
  color: #fff;
}
#right_footer a:hover {
  text-decoration: none;
}

#exmenu {
  line-height: 22px;
}

#exmenu ul {
  margin: 0;
  padding: 0;
}

#exmenu ul li {
	float: left;
	text-align: right;
	list-style-type: none;
	text-indent: 20px;
	background-position: 5px;
	background-image: url(../images/gallery-nav-flower.gif);
	background-repeat: no-repeat;
}



#exmenu a {
  color: #6B5D47;
  font-size: 12px;
  text-transform: none;
  text-decoration: none;
}

#exmenu a:hover {
	color: #BDE0AD;
	text-indent: 25px;
	background-position: -12 px;
	background-repeat: no-repeat;
}
#exmenu li a.on {
  color: #669966;
  }

.resources a {
  font-size: 12px;
  color: 6B5D47;
  font-weight: normal;
}

.resources a:hover {
  font-size: 12px;
  color: 7D9C6F;
}
.section {
  font-size: 14px;
  font-style: normal;
  color: #A9C99A;
  font-weight: bold;
}
.resourceheader {
	font-size: 16px;
	color: #669A66;
	font-weight: bold;
}

label {
  float: left;
  width: 120px;
  font-weight: bold;
}

input, textarea {
  width: 180px;
  margin-bottom: 5px;
}

textarea {
  width: 250px;
  height: 150px;
}

.boxes {
  width: 1em;
}

#submitbutton {
  margin-left: 120px;
  margin-top: 5px;
  width: 90px;
}

br {
  clear: left;
}