/* Defaults */

* {
 margin: 0;
 padding: 0;
 color: #333;
}

a {
 text-decoration: none;
}

a img {
 border: none;
}

table {
 margin: 1em 0;
 padding: 0;
 border-collapse: collapse;
}

table tr td {
 padding: .5em .5em .5em .5em;
 border: 1px solid #eee;
}

table tr.caption-row {
 font-weight: bold;
}

table tr.caption-row td {
 border-bottom: 2px solid #000;
}


dl {
 padding: 0;
 margin: 0;
}

dt, dd {
 font-size: 1.0em;
 line-height: 1.3;
}

dt {
 float: left;
 width: 6em;
 color: #360;
}

dd {
 margin-left: 6em;
 margin-bottom: 1em;
}

blockquote {
 margin: 0 1.5em;
 padding: 0 1em;
 border-left: 1px solid #8c0;
}

/* End Defaults */

html {
 font-size: 150%;
}

body {
 padding-top: 1em;
 font-family: "Trebuchet MS", helvetica, arial, sans-serif;
 font-size: 50%; 
 width: 100%;
 text-align: center;
 background-color: #fff;
}

/* Fonts */

p {
	font-size: 1.2em;
	line-height: 1.5;
}

li {
   line-height: 1.2;
}

dl {
	font-size: 1.2em;
}

ul {
	font-size: 1.2em;
}

ol {
	font-size: 1.2em;
}

li ul,
li ol {
  font-size: 1.0em;
}

li p {
  font-size: 1.0em;
}

table {
	font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
       font-weight: normal;
       color: #333;
   line-height: 1.4;
}

h3 {
       margin: 1em 0 .5em 0;
}

h4, h5, h6 {
 margin: 1em 0;
}


h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 2.2em;
}

h2, h2 a {
	color: #360;
}

h3 {
	font-size: 1.7em;
	color: #8c0;	
}

h3 a {
	color: #8c0;
	border-bottom: 1px dotted #ccc;
}

h4 {
	font-size: 1.4em;
}

h4 a {
       color: #8c0;
       border-bottom: 1px dotted #ccc;
}

h5 {
	font-size: 1.3em;
}

h6 {
	font-size: 1.2em;
}

/* End Fonts */

/** Photos **/

.img-landscape,
.img-portrait,
.img-portrait-full  {
  border: 1px solid #ccc;
  float: right;
  margin: 0 0 .25em 1em;
  padding: 10px 5px 5px 5px;
  width: 160px;
  text-align: center; 
}

.img-no-border {
  border: none;
}

.img-landscape {
  width: 160px;
  float: left;
  margin: 0 1em .25em 0;
}

.img-left {
  float: left;
  margin: 0 1em .25em 0;
}

.img-right {
  float: right;
  margin: 0 0 .25em 1em;
}

.img-landscape .caption,
.img-portrait .caption {
   display: block;
   width: 130px;
}

.img-landscape .caption {
  width: 160px;
}

em.click-enlarge {
  font-style: normal
}


/** End Photos **/

#container {
 margin: 1em auto;
 text-align: left;
 position: relative;
 display: block;
 max-width: 900px;
 min-width: 640px;
 width: 80%;
 background: none;
}

#header {
 position: relative;
 width: 303px;
 height: 90px;
 z-index: 3;
}

/* Site Photo */

#site-photo {
	width: 302px;
	height: 160px;
	position: absolute;
	right: 8px;
	top: 40px;
	z-index: 2;
}

#site-photo .img-landscape {
	float: none;
	border: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

#site-photo img {
 border: 1px solid #fff;
}

#site-photo .caption {
	display: block;
	width: 300px;
	font-size: .9em;
	color: #444;
        font-family: Arial, sans-serif;
}

#current-section {
	position: absolute;
	width: 70%;
	left: 30%;
	border: 1px solid #8c0;
	height: 180px;
	top: 30px;
	border-left: none;
	background-color: #fff;
	background-image: url("/files/image/pattern_wide.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 0;
}

#current-section h2 {
	position: absolute;
	top: 184px;
	margin-left: 5%;
	padding-left: 2%;
}


/* Current Section */


/* Navigation */

.sep {
 color: #999;
 display: none;
}

#navigation-container {
 width: 160px;
 margin: 30px 0 0 0;
 position: relative;
 top:.25em;
 z-index: 5;
}

#common-navigation {
 font-size: .9em;
 margin: 15px 0;
}

#common-navigation a {
 margin: 0 .5em 0 .125em;
 color: #580;
 border-bottom: 1px solid;
}


#navigation ul li {
 font-family: arial, helvetica, sans-serif;
 font-size: .9em;
 display: inline;
}

#navigation ul li a {
 text-align: left;
 line-height: 1.4;
 width: 140px;
 display: block;
 background: #6a0;
 border-left: 8px solid #8c0;
 color: #fff;
 padding: .25em .5em;
 letter-spacing: .125em;
 margin: 0 0 2px 0;
}

#navigation ul li a:hover {
  color: #ff0;
}

body#news li.news a {
  color: #ff0;
  background: #360;
}
body#events li.events a {
  color: #ff0;
  background: #360;
}
body#nature li.nature a {
  color: #ff0;
  background: #360;
}
body#people li.people a {
  color: #ff0;
  background: #360;
}
body#food li.food a {
  color: #ff0;
  background: #360;
}
body#history li.history a {
  color: #ff0;
  background: #360;
}
body#notices li.notices a {
  color: #ff0;
  background: #360;
}
body#community li.community a {
  color: #ff0;
  background: #360;
}

body#home a.home {
  border-bottom: 2px solid;
}

body#about a.about {
  border-bottom: 2px solid;
}

body#contact a.contact {
  border-bottom: 2px solid;
}

/* End Navigation */

/** Footer **/



#footer {
 clear: both; 
 display: block;
 padding: .25em 0 2em 0;
  width: 100%;
  text-align: left;
  border-top: 2px solid #8c0;
  position: relative;
}

#footer-navigation {
  width: 21em;
  float: left;
  padding-left: .5em;
}

#footer-navigation a {
 font-weight: bold;
 line-height: 1.5;
}

#footer p#copyright {
 float: right;
 font-size: 1em;
 font-style: italic;
 line-height: 1.5;
 color: #666;
}

#footer span.separator {
 font-size: 1.2em;
 color: #8c0;
 padding: 0 .0125em;
}

.to-top {
 position: absolute;
 right: .5em;
 top: -1.75em;
}

.to-top a {
 color: #390;
 font-weight: bold;
}

/** End Footer **/


#content {
 width: 100%;
 clear: both;
 z-index: 2;
}

#secondary-content p,
#primary-content p {
	margin: 1em 0;
}

#content li span a,
#content p a,
dl dd a {
  color: #390;
  border-bottom: 1px dotted #ccc;
}

#content li a {
	border-bottom: 1px dotted #ccc;	
}

#content a:hover span,
#content a:hover {
  color: #c80;
  border-color: #c80;
}

#content ul li {
  list-style-type: circle;
}

#content ol li,
#content ul li {
  margin: .5em 0 .5em 1.25em;
}


#primary-content ol li,
#primary-content ul li {
  margin-left: 2em;
}

#content li li {
  list-style-type: disc;
}

#primary-content {
 margin-bottom: 2em;
}

#primary-content {
	float: right;
	width: 65%;
	position: relative;
	top: -9em;
}

/*** Hide from IE5/Mac \*/
#content>#primary-content {
  top: -12em;
}

#primary-content {
	margin-bottom: -10em;  
}
/**** */

#secondary-content {
        margin-right: 71.5%;
	margin-top: 3em;
	margin-bottom: 2em;
	font-size: 90%;
	width: 80%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 27.8%;
}

html>body .content {
	width: 27.8%;
}

#primary-content h3 {
  width: 100%;
  clear: both;
}

/** Articles **/

.article-list .article {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 1px dashed #8c0;
  overflow: hidden;
  width: 100%;
}

.article-list .article-summary p {
  display: block;
}

.read-more {
  display: block;
  position: relative;
  top: -1.25em;
}

.read-more a {
  color: #390;
  border-bottom: 1px dotted #ccc;
}

.article-author {}

.article-post-date {}

h4.section-name-link {
	margin: 1em 0 .25em 0;
}

h4.section-name-link a {
	color: #390;
	letter-spacing: .125em;
}


#content p.article-headline {
	line-height: 1.2;
	margin: .25em 0;
}

#content p.article-headline a.article-headline-link {
	color: #333;
	border-bottom: none;
}

#content p.article-headline a.article-headline-link:hover {
	color: #c80;
	border-bottom: 1px dashed #8c0;
}

/** End Articles **/


/** Events **/

.event-date,
.event-time {
  font-size: 1.2em;
  font-weight: bold;
  color: #060;
}

.event-venue p,
.event-contact p {
  margin: .75em 0;
  line-height: 1.3;
}

/** End Events **/

/** Paging **/
.paging {
  padding: .5em 1%;
  width: 98%;
  text-align: center;
}

.page_number {
  
}

.previous_page {
  float: left;
}

.next_page {
  float: right;
}

.paging-nav a {
  color: #390;
  border-bottom: 1px solid #ccc;
}

/** End Paging **/


/** Home **/

div.recent-articles {
	margin-top: 2em;
}

div.recent-notices,
div.upcoming-events {
}

#home .section-intro {
  margin-top: 4em;
  float: right;
  width: 180px;
}

#home .section-detail {
  padding-top: .25em;
  padding-left: 1.25em;
}

#home #primary-content .recent-articles h3 {
  clear: none;
  display: inline;
}


.recent-articles p {
  padding-left: 1em;
  padding-top: 1em;
}

.recent-articles .sep {
 display: inline;
}


div.special-partner {
 border: 1px solid #8c0;
 padding: .5em 1em;
 background: #fff;
 margin-top: 4em;
}



div.special-partner p {
 display: inline;
 font-weight: bold;
}



#content div.special-partner a {  
  color: #8c0;
  border-bottom: 1px dotted #ccc;
}

/** End Home **/

/** Breadcrumbs **/

.breadcrumbs {
 margin-top: 3em;
 text-align: left;
 font-weight: normal;
 font-size: 1.2em;
}

.breadcrumbs a {
 border-bottom: 1px dotted #ccc;
 line-height: 1.5;
 color: #390;
}

/** End Breadcrumbs **/

/** Wrapping controls **/
.end-of-segment {
  width: 100%;
  clear: both;
  visibility: hidden;
}

/** End wrapping controls **/

/** Admin Controls **/
span.pending-approval {
 position: absolute;
 top: -2em;
 right: 1em;
 display: block;
 color: #a00;
 font-weight: normal;
 font-size: .7em;
 border-bottom: 1px solid;
 padding: 0 .25em;
}
/** End Admin Controls **/



/** Photo Gallery **/

body#gallery {
 padding-top: .5em;
 min-width: 800px;
 text-align: center;
 margin: 0 auto;
}


#gallery #container {
 margin: 0 auto;
 text-align: center;
}


#gallery #header {
 position: relative;
 height: 2em;
 width: 100%;
 border-bottom: 1px solid #380;
 text-align: left;
}

#gallery h1 {
 font-size: 1.6em;
 letter-spacing: -.033em;
}

#gallery h1 a {
 color: #380;
}

#gallery h1 a:hover {
 color: #c80;
}

#gallery #container {
  margin-top: 0;
  width: 96%;
}

#gallery
#navigation-container {
 margin: 0;
 height: 2em;
 float: right;
 position: relative;
 margin-top: -2.4em;
 z-index: 5;
}

#gallery
#common-navigation {
 font-size: .9em;
 margin: .5em 0 .5em 0em;
}

#gallery
#common-navigation a {
 margin: 0 .125em 0 .125em;
 color: #580;
 border-bottom: 0px solid;
}

#gallery
#common-navigation a:hover {
 color: #c80;
}

#gallery
#navigation-container .sep {
  display: inline;
}


#gallery #secondary-content,
#gallery .breadcrumbs {
	display: none;
}

#gallery #primary-content {
  float: none;
  width: 760px;
  position: static;
  text-align: center;
  margin: 0em auto 3em auto;
}

#gallery #primary-content 
h2 {
  top: 2em;
  left: 0;
  text-align: left;
  padding-left: .25em;
  font-size: 1.2em;
  font-weight: normal;
  position: absolute;
  z-index: 6;
}

#gallery table {
  font-size: 1.0em;
  border-collapse: separate;
  border: none;
  background: #fff;
  border-spacing: .5em;
  margin: 1em auto;
  text-align: center;
  width: 750px;
}

#gallery table caption {
  text-align: left;
  padding: 1em 1em 0 1em;
  margin: 0 auto 1em auto;
}

#gallery table caption h3 {
  text-align: center;
}

#gallery table td {
  vertical-align: top;
  border: 1px solid #999;
  padding: 1em 1em .25em 1em;
}

#gallery table td .thumbnail img {
  border: 1px solid #000;
}

#gallery table td a:hover .thumbnail img {
  border-color: #c80;
}


#gallery .to-top {
 display: none;
}

#gallery .gallery {
  margin: -2em auto 0 auto;
}

.gallery p.instructions {
  text-align: center;
}

/** Individual Photos **/

.gallery-photo {
  width: 750px;
  margin: -1em auto 1em auto;
}

.gallery-photo-frame {
   padding: 16px;
   padding-bottom: 0;
}


/** Hide from Mac/IE5 \*/
.gallery-photo-frame {
   display: table;
   margin: 0 auto;
   padding: 16px;	
   border: 1px solid #ccc;
   width: auto;
}
/** */


.gallery-photo-frame .photo img {
  border: 1px solid #000;
}

.gallery-photo .gallery-nav {
  display: block;
  position: static;
  margin: .5em auto;
  text-align: center;
}

.top-nav .gallery-nav {
  margin: 2em 0 3em 0;  
}

.bottom-nav .gallery-nav {
  margin: 3em 0 1em 0;  
}


.gallery-nav .disabled,
.gallery-nav a {
   font-size: 1.25em;
   background: #fff;
   border: 1px solid #555;
   color: #000;
}

.gallery-nav .disabled {
  color: #ccc;
  border-color: #ccc;
  background: #fff;
  padding: 0 .25em;
}

.gallery-nav .gallery-index {
  padding: .25em .35em;
}

.gallery-nav .disabled,
.gallery-nav .previous,
.gallery-nav .next {
  padding: .25em;
}

.gallery-photo .caption {
  margin: 1em 9% 0 9%;
  text-align: center;
}

#gallery .gallery-photo-frame .photo .caption {
  display: none;
}

#gallery .gallery-photo .caption h3 {
  text-align: center;
  margin: .5em 0 .25em 0;
}

#gallery .gallery-photo 
.caption .larger {
  margin-top: -.5em;  
}

#gallery .gallery-photo 
.caption .larger a {
  color: #333;
  font-weight: bold;
}

#gallery .gallery-photo 
.caption .larger a:hover {
  color: #c80;
}


.photo .caption {
  display: block; 
}

.copyrt,
.photog {
  font-size: 1.0em;
}

.copyrt-stmt {
  font-size: .8em;
}

.copyrt,
.copyrt-stmt p,
.copyrt-stmt {
  color: #666;
}

.copyrt p,
.photog p {
  display: inline;
}

.photog-name {
  font-size: .95em;
}

/** Simple Gallery Thumbnail **/

.simple-gallery {
  padding: 8px;
  border: 1px solid #ccc;
  float: right;
  width: 151px;
  margin: 1em 0 .125em 1.5em;
  text-align: center;
}

.simple-gallery a .caption {
  color: #390;
  text-align: center;
  border-bottom: none;
  font-weight: bold;
}

.simple-gallery span.photo-gallery {
  text-align: center;
  display: block;
  color: #390;
  font-size: 1.2em;
  margin: 0 0 .25em 0;
}

.simple-gallery img {
  border: 1px solid #000;
}


.simple-gallery a .caption
.gallery-name {
  color: #390;
}

.simple-gallery a:hover img {
  border-color: #c80;
}

.simple-gallery a:hover .click-enter {
  color: #c80;
}

/** End Photo Gallery **/


/** DEBUG SUPPORT */

body.debug-Truex {
  border-top: 16px solid #f00;
}


/** End DEBUG SUPPORT */