/* Primary Style Sheet for Graeme Hall Nature Sanctuary redesign
   Will Fastie, November 2009
*/
/* resets */
}
/* Fastie Systems CSS Reset - modified from Eric Meyer's Browser Reset v2, April 2007
   Don't forget to set a foreground and background color on the 'html' or 'body' element! 
*/
html, body, div, span, applet, object, iframe, /* h1, h2, h3, h4, h5, h6, p, */ blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
/* dd, dl, dt, li, ol, ul, */ /* I don't like to reset lists */
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	/* font-size: 100%;
	line-height: 1; */
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img { border: 0; } /* This one is very useful - should it expand to incude :hover? */
a { outline: none; } /* Removes annoying IE behavior */

table { border-collapse: collapse; border-spacing: 0; }

/* ol, ul { list-style: none; } */ /* I don't like to reset lists */

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* Fastie Systems' Overides */
em { font-style:italic; }
strong { font-weight: bold; }
/* Fastie Systems' Additional very generic classes */
.underline { text-decoration: underline; }
/* ----------------------------------------------- */

/* Layout */
body { background: #d9f0f0 url('../img/body-bg-slice.jpg') repeat-x;
  font-family: Georgia, "Times New Roman", Times, serif; 
  /* font-size: 1em; */
}
h1, h2, h3, h4, h5, h6 { 
	padding-bottom:0;
	margin-bottom:0;
}
h1 { font-size: 2.00em; }
h2 { font-size: 1.50em; }
h3 { font-size: 1.12em; }
h4 { font-size: 1.00em; }
h5 { font-size: 0.85em; }
h6 { font-size: 0.63em; }
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { margin-top: 4px; padding-top: 0; }
h1+ul, h2+ul, h3+ul, h4+ul, h5+ul, h6+ul { margin-top: 4px; padding-top: 0; }
h1+ol, h2+ol, h3+ol, h4+ol, h5+ol, h6+ol { margin-top: 4px; padding-top: 0; }

/* ------------------------------------------------------------------------------------------ */
/* Styles for debugging messages (duplicate of that contained in admin.css) */
.echo-debug-message { padding: 3px; background-color: #ffc; border: 1px dashed red; color: #009; font-family: monospace; font-weight: bold; }
.echo-debug-heading { color: red; }

a, a:visited { color: #0000aa; } /* dark blue  */
a:hover { color: #006600; }      /* dark green */

.oc { width: 900px; margin: 0 auto;
  margin-bottom: 15px;
  border-left: 1px gray solid; 
  border-right: 1px gray solid;
}

.top-banner { position: relative; height: 150px;
  margin: 0;
  background-image: url('../img/top-banner-bg.jpg'); 
  background-repeat: repeat-x;
}
.top-banner img { border: 0; }
.top-logo { border: 0; }

.top-overlay { position: absolute; /* relative to top-banner */ 
	width: 900px; height: 149px;
	background-image: url('../img/Christmas-Light-String.png');
	background-repeat: no-repeat;
	background-position: left top;
}
/* Generic Styles */
img { border: 1px #001100 solid; }
.noborder { border: 0; }
.ileft  { float: left;  margin: 0; margin-right: 10px; }
.iright { float: right; margin: 0; margin-left:  10px; }
/* these not made specific to GHNS --------------------------------- */
.inline { float: none; }
.img-tl { float: left; padding: 0; margin: 0 10px 3px 0; }
.img-tr { float: right; padding: 0; margin: 0 0 3px 10px; }
.img-l { float: left; padding: 0; margin: 0 10px 0 0; }
.img-r { float: right; padding: 0; margin: 5px 0 5px 10px; }
.image-left { float: left; padding: 0; margin: 0 10px 0 0; }
.image-right { float: right; padding: 0; margin: 5px 0 5px 10px; }
.fineprint { font-size: .7em; font-style: italic; }
.smallprint { font-size: .85em; font-style: italic; }
.sup { vertical-align: super; font-size: 75%; }
.bb  { font-weight: bold; color: #009; }
.hfvis { display: none; visibility: hidden; }
.markred { color: red; }
.clearboth { clear: both; }
.clearleft { clear:left; }
.centerme { text-align: center; }
.nospacing { margin:0; padding:0; }
.nobottom { margin-bottom: 0; padding-bottom: 0; }
.add-bottom-padding { padding-bottom: 10px; }
.indent-me-1 { margin-left: 2em; }
.indent-me-2 { margin-left: 4em; }
.strikethru { text-decoration: line-through; }
.item-sold { font-size: larger; font-weight: bold; color: maroon; }
/* ------------------------------------------------------------------ */

/* Content ---------------------------------------------------------- */
.content {
  background-color: white;
  padding: 10px 15px;
}
.content-min-height { min-height: 400px; }

/* Right-side Slide Show - used on home page */
.right-slideshow { float: right; width: 300px; height: 347px;
  margin-left: 15px; margin-bottom: 10px;
  padding: 0;
  background: white url('../img/loading.gif') no-repeat 126px 126px;
  border: 1px black solid;
}
.right-slideshow img { /* border: 1px black solid; */ }

/* Right Stack - used on home page */
.right-stack { float: right; width: 302px; 
  margin-left: 15px; margin-bottom: 10px;
  padding: 0;
}
.featured-video { border: 1px black solid; background-color: #f4eedc; }
.featured-video img.border-bottom { border-bottom: 1px black solid; }

a.readmore {
	text-decoration: none;
	font-style: italic;
	font-size: 90%;
	/* For FireFox, Safari & Chrome, each background rule MUST be separate. Can not use a single background rule. */
	background: url('../img/dart-blue.gif');
	background-repeat: no-repeat;
	background-position: 6px 3px;
	padding-left: 23px;
}
a.readmore:hover { background-image: url('../img/dart-green.gif'); }

/* Photo stack on the right side of the page */
.photo-stack-right { float: right; width: 200px;
  margin: 0 0 10px 10px;
  padding: 0;
  border: 1px black solid;
 }
.photo-stack-right a { display: inline-block; }
.photo-stack-right img { border: 0; padding: 0; margin: 0; border-top: 1px black solid; }
.photo-stack-right .fineprint { text-align: center; }

/* Special Notice div */
.special-notice { overflow: hidden;
  margin-right: 20px; margin-bottom: 15px;
	/* background-color: #FFFF99; */ /* pale yellow */
	background-color: #B8B308; /* gold that matches the GHNS signage */
	background-image: url('../img/Notice-Banner-bg.gif'); background-repeat: repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #114;
	font-size: .85em;
	padding: 0; 
}
.special-notice-banner { height: 32px; 
	margin: 0;
	background-image: url('../img/Notice-Banner-img.gif'); background-repeat: no-repeat;
	color: white;
	padding: 28px 20px 0 70px;
	font-size: 1.4em;
}
.special-notice-content { padding: 8px; }
.special-notice-content p { padding: 0; margin: 0; }
/* People List for the construction page */
.people-list { width: 205px; float: left; margin-right: 10px; }
.people-list p { margin: 0; padding: 0; }

/* Press Release Formatting */
.ghns-press-release {  }
.ghns-press-release .pr-title { font-size: medium; font-weight: bold; text-transform:uppercase; }
.ghns-press-release .pr-byline { font-size: small; font-style:italic; color: black; text-decoration:none; }
.ghns-press-release .pr-annotation { font-style: italic; font-size:small; }
.ghns-press-release .pr-alert { font-weight: bold; text-align: center; width: 60%; margin: 0 auto; }
.ghns-press-release img.pr-thumbnail { padding: 0; margin: 0 10px 3px 0; border: 1px solid black; float: left; }
.ghns-press-release .pr-resource-box { width: 80%; margin: 0 auto;
	border: 1px black solid;
	padding: 3px 5px 0px 5px;
	border: 1px #157563 solid;
	background-color: #DBEEEC;
	color: black;
}
.ghns-press-release .pr-resource-box h4 { padding-top: 0; margin-top: 0; }
.ghns-press-release .pr-quotation { 
	border: 1px black solid;
	padding: 3px 5px 0px 5px;
	border: 1px #157563 solid;
	background-color: #DBEEEC;
	color: black;
	font-size: 90%;
	font-style: italic;
}
.ghns-press-release .pr-quotation .pr-heading { font-style: normal; font-weight: bold; margin-top: 0; }
.ghns-press-release .pr-quotation .pr-citation { text-align: right; margin-bottom: 0; }

.pr-photo-gallery { border-collapse: collapse; width: 665px; margin: 15px auto; }
.pr-photo-gallery td { 
	padding: 3px;
	border: 1px black solid;
}
.pr-photo-gallery th { padding-bottom: 2px;
	font-weight: normal;
	font-size: .75em;
	font-style: italic;
	text-align: center;
}

/* Layout for photo with caption - div */
.photo-cap  { float: left; width: 302px;
	margin-right: 10px; margin-bottom: 5px;
}
.photo-cap .caption {
	margin: 0; padding: 0;
	font-size: 75%; font-style: italic; text-align: center;
}

/* Generic "name-value-pair" tables */
.nvplist { font-size: 90%; border-collapse:collapse; border:0; }
.nvplist td { padding-right: 2em; padding-bottom: 4px; vertical-align: top; }
.nvpname  { }
.nvpvalue { }

/* Table for Photo Gallery main page */
.photo-gallery-table { 
	border-collapse: collapse;
	border: 1px solid black;
}
.photo-gallery-table td { border: 1px solid black;
	padding: 5px;
	vertical-align: top;
}

/* Table for Image Array - designed to handle up to 4 200px wide images per row */
.image-array { 
	border-collapse: collapse;
	border: 1px solid black;
  background-color: #d9f0f0;
}
.image-array td { border: 1px solid black;
	padding: 5px;
	vertical-align: top;
}
.image-array img { border: 1px solid black; }

/* Generic bordered table, 20% left column */
.generic-table { width: 99%;
	border-collapse: collapse;
	border: 1px solid black;
}
.generic-table .col-lft { width: 20%; }
.generic-table .col-rgt {  }
.generic-table td { border: 1px solid black;
	padding: 5px;
	vertical-align: top;
}

/* Special re-direct page */
.redirect-msg {  width: 50%; margin: 0 auto; }

.footer { position: relative; height: 82px;
  background-color: #CFFDCE;
  border-top: 1px gray solid;
  border-bottom: 1px gray solid;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #111;
}
.footer a {  text-decoration: none; }
.footer img { margin: 2px 20px 5px 6px; border: 0; }
.footer p { margin: 0; padding: 0; }

.footer .fmenu { position: absolute; top: 15px; left: 110px; width: 750px;
  font-size: .8em;
  text-align: center;
}
.footer .fboilerplate { position: absolute; top: 40px; left: 110px; width: 750px;
  font-size: .7em;
  text-align: center;
}
/* Clear Fix */
.clearfix { display: inline-block; clear: both; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Generic information box floats right */
.info-box-right { float: right;
	width: 30%;
	margin: 0 0 5px 15px;
	padding: .5em;
	border: 1px #157563 solid;
	background-color: #DBEEEC;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.info-box-right h4 { text-align: center; text-decoration: underline; margin-top: 0; padding-top: 0; }
.info-box-right h5 { text-decoration: underline; margin-bottom: 2px; padding-bottom: 0; }
.info-box-right h4+p, .info-box-right h5+p, .info-box-right h4+ul, .info-box-right h5+ul  { margin-top: 3px; padding-top: 0; }
.info-box-right p { font-size: 85%; }
.info-box-right ul {font-size: 85%; 
  margin-left: 0; padding-left: 15px;
}
.info-box-right .smallnote { font-style: italic; font-size:85%; }

/* Table for showing job listings */
.jobs-board-table { width: 65%;
	border-collapse: collapse;
	border: 1px #157563 solid;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: smaller;
	margin-top: 4px; margin-bottom: 8px;
}
.jobs-board-table p { margin: 0; padding: 0; }
.jobs-board-table td, .jobs-board-table th { padding: 1px 4px; border: 1px #157563 solid; }
.jobs-board-table th { font-weight: bold; background-color: #dbeeec; text-align: left; }

.col-jbt-legend { width: 100px; }
.col-jbt-data {  }
.jbt-legend { background-color: #dbeeec; font-style: italic; text-align: right; }
.jbt-data {  }

/* Article & Content Management ----------------------------- */
/* Container for the main article on the article.php page */
.cms-article { margin-top: 15px; }
/* Related articles list for bottom of article.php */
.cms-related-articles {  }
.cms-id-slug { font-size: 70%; font-style: italic; }
/* Recent articles list for sidebar */
.cms-recent-list {  }
.cms-recent-list ul { margin-left: 0; padding-left: 20px; 
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 1.15em;
}
.cms-recent-list li { margin-left: 0; margin-bottom: 4px; padding-left: .0; }
.cms-recent-list li.cms-readmore-sidebar { font-style: italic; font-weight: bold;  }
.cms-recent-list li.cms-sticky { font-weight: bold; list-style-type: circle; }
.cms-recent-list a { text-decoration: none; }
.cms-recent-list a, .cms-recent-list a:visited { color: #086471; }
.cms-recent-list a:hover { color: #800080; }
.cms-recent-list h2 { text-align: left; padding-left: 5px; }

.cms-article-list-entry { margin: 0; padding: 0; padding-bottom: 2px; }

.tag-cloud { margin-bottom: 5px; 
	padding: 4px;
	/* border: 1px #086471 solid; */
	/* background-color: #FFFFCC; */
	text-align: center;
}
.tag-cloud a { 
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	text-decoration: none;
	margin-right: 4px;
}
.tag-cloud a, .tag-cloud a:visited { color: #086471; color: #009; }
.tag-cloud a:hover { color: #800080; }
.tg-smallest { font-size: x-small; }
.tg-small    { font-size: small; }
.tg-medium   { font-size: medium; }
.tg-large    { font-size: large; }
.tg-largest  { font-size: x-large; }