/*
   Modern - Forest
   
   Colors:
   #006633     Dark Green     RGB(0,51,0)
   #7FBF3F     Medium Green   RGB(127,191,63)
   #99E64C     Light Green    RGB(153,230,76)
   #998832     Brown          RGB(153,136,50)
   #BFAA3F     Beige          RGB(191,170,63)
   #E6CC4C     Mustard        RGB(230,204,76)
   #666666     Charcoal Gray  RGB(102,102,102)
   #999999     Lavender       RGB(153,153,153)
   #000000     Black          RGB(0,0,0)
*/

body 
{
   font: 62.5%/1.6 "Gill Sans", Futura, "Lucida Grande", Geneva, sans-serif;   
   background-color: #cccc99; /* #fff;    */
}

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

a:visited
{
   color: #006633;
}

a:hover
{
   color: #7D7141;
   text-decoration: underline;
}

#subNavigation
{
   text-align: right;
   font-size: 1.1em;
}

#subNavigation a
{
   text-decoration: none;
   color: #666;
}

#subNavigation a:hover
{
   color: #7FBF3F;
   text-decoration: underline;
}

#subNavigation a:visited
{
   color: #666;
}

#wrapper
{
   width: 800px;
   position: relative;
   left: 50%;
   margin-left: -400px;
}

#wrapper p
{
   padding-left: 35px;
   padding-right: 35px;
}

#wrapper h3
{
   font-size: 1.5em;
   color: #7FBF3F;
   padding-left: 50px;
   float: none;
}

#wrapper h3 a
{
   font-size: 0.75em;
   color: #666;
   padding-left: 15px;
   background: #fff url(images/magnify.jpg) no-repeat 0% 50%;
}

#mainNarrative address
{
   margin-left: 25px;
   font-size: 1.5em;
   color: #666;
   font-style: normal;
}

p subText
{
  clear: both;
   margin: -20px 50px 25px 50px;
   padding: 0px;
}

p subTextNarrative
{
   margin: 20px 10px 25px 10px;
   padding: 0;
   float: left;
   font-size: 1.25em;
   clear: both;
   display: block;
   border: 1px solid orange;
}

#pageContent
{
   width: 100%;
   margin: 0 auto;
   text-align: left;
   padding-bottom: 50px;
}

#branding
{
   width: 800px;
   height: 250px;
   background-color: #006633;
   background: #006633 url(images/ModernForestPhotoBanner.gif) no-repeat 50% 80%;
}

#brandingSeal
{
   float: left;
   padding-top: 20px;
   padding-left: 20px;  
}

#branding h1
{
   float: left;
   font-size: 2.75em;
   font-weight: bolder;   
   color: #fff; /* #99E64C; */
   padding-top: 50px;
   padding-left: 25px;
   width: 450px;
   text-transform: capitalize;   /* In case user entered all upper or lower */
   letter-spacing: -0.05em;
   word-spacing: 0.25em;
}

#branding h1 a
{
   color: #fff; /* #99E64C; */
   text-decoration: none;
}

#branding Address
{
   float: right;
   color: #E6CC4C; /*#fff; */
   font-size: 1.25em;
   padding-right: 20px;
   padding-top: 10px;
   padding-bottom: 20px;
   font-style: normal;
   font-weight: bolder;
   text-align: right;
}

.clear
{
   clear: both;
}

#bannerClear
{
   clear: both;
}

#mainLinks_old
{
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  background-color: #006633;
  text-transform: lowercase;
  background: #006633 url(images/rcmodernforestbottom.gif) no-repeat  left bottom; 
}

#mainLinks ul
{
  margin: 0;
  padding: 0;
  float: left;
  width: 800px;
  list-style: none;  
  font-size: 1.25em;
  background-color: #006633;
  text-transform: lowercase;
  background: #006633 url(images/rcmodernforestbottom.gif) no-repeat  left bottom; 
}

#mainLinks ul li {
  float: left;
  padding-bottom: 10px;
}


#mainLinks ul a {
  padding: 0 .75em;
  line-height: 2.1em;
  text-decoration: none;
  color: #fff;
  float: inherit;
  display: block;
}

#mainLinks ul a:hover {
  color: #E6CC4C;
}


#mainLinks ul .first a {
}


#mainNarrative
{
   width: 780px; /* 100%; */
   float: left;
   font-size: 1em;
   min-height: 15em;
   padding: 1em;
   margin: 0;
   background-color: #fff;
}


#mainNarrative h1
{
   font-size: 2.0em;
   color: #7FBF3F;
   padding: 1.1em 0 0 0; 
   clear: both;
}

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

#mainNarrative ul
{
   list-style: square;
   font-size: 1.5em;
   color: #666;
}

#mainNarrative ul a
{
   text-decoration: none;
   font-size: 1em;
   color: #998832;
}

#mainNarrative ul a:hover
{
   text-decoration: underline;
}

#mainNarrative ul a:visited
{
   color: #669933;
}

#mainNarrative ul li
{
   padding-bottom: 0.5em;
}

.mainImage
{
   float: right;
   padding-left: 10px;
}

a[href^="mailto:"] {
  background: url(images/email.png) no-repeat right top;
  padding-left: 50px; 
  padding-right: 15px;
  font-size: 1.5em;
  color: #7FBF3F;
}

/* For Shadowing images */
.imgWrapper
{
   background: url(images/shadow.gif) no-repeat bottom right;
   clear: right;
   float: left;
}

.imgWrapper img
{
   margin: -5px 5px 5px -5px;
}

/* Common to all pages */
.heading
{
   font-size: 1.5em;
   color: #99E64C;
   padding: 0px 0px 15px 0px;
}

/* Commissioner's Page */
.Commish_Name
{
   font-size: 1.65em;
   padding-left: 0px;
   color: #006633;
   font-weight: bolder;
   font-variant: small-caps;
}
.Commish_Title
{
   font-size: 1.25em;
   color: #E6CC4C;
   padding-left: 50px;
   font-weight: bolder;
}

.Commish_Title a
{
   font-size: .9em;
   text-decoration: none;
}

.Commish_Title a:hover
{
   text-decoration: underline;
}


.elementName
{
   font-size: 1em;
   font-weight: bolder;
   color: #006633;
   padding-left: 0px;
   padding-bottom: 5px;
}

.elementName a
{
   font-size: 1.65em;
   padding-left: 0px;
   color: #006633;
   font-weight: bolder;
   font-variant: small-caps;
   text-decoration: none;
}

.elementName a:hover
{
   color: #666;
   text-decoration: underline;
}

.elementBrief
{
   font-size: 1.10em;
   padding-left: 350px;
   padding-bottom: 10px;
   width: 425px;
}

.elementBrief a
{
   color: #000;
   text-decoration: none;
}

.elementBrief a:hover
{
   color: #006633;
}

.elementBrief a:visited
{
   color: #000;
}

.elementNarrative
{
   padding-left: 135px;
   padding-right: 25px;
   font-size: .85em;
   float: left;
}

#faqQuestion
{
   color: #006633;
   font-size: 1.5em;
   padding-left: 25px;
   height: 25px;
   /*background: #fff url(images/QuestionMark.gif) no-repeat left top;*/
}

#faqAnswer
{
   color: #999999;
   font-size: 1.25em;
   padding-left: 35px;
   padding-bottom: 10px;
   line-height: 1.5em;
}

.pageNarrative
{
   padding: 5px 0px 5px 20px;
   font-size: 1.1em;
   color: #999999;
}

#pageFooter
{
   clear: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 25px;
   font-size: 0.95em;
   color: #FFF;
	background-color: #006633;
	background: #006633 url(images/rcmodernforesttop.gif) no-repeat  left top;
}

#pageFooterLinks
{
   padding-bottom: 10px;
}

#pageFooter a
{
   text-decoration: none;
   font-size: 1.25em;
   color: #fff;
}

#pageFooter A:hover
{
   text-decoration: underline;
}

#pageFooter A:visited
{
   color: #FFF;
}

#ehoLogo
{
   padding: 25px 0 25px 0;
}

#pageCredits
{
   padding-top: 25px;
   font-family: Verdana, Sans-Serif, Arial;
   width: 100%;
   text-align: center;
}

#pageCredits a
{
   color: #000;
   text-decoration: none;
   font-size: 14px;
}

#pageCredits a:hover
{
   color: #000066;
   text-decoration: underline;
}

#pageCredits :visited
{
   color: #000;
   text-decoration: none;
}

#backLink
{
   font-size: 1.5em;
   padding: 20px 0px 20px 0px;
   margin: 0px 150px 0px 150px;
   clear: both;
}

#backLink a
{
   color: #666;
}

.caption
{
   color: #006633;
   font-size: 1.1em;
   font-weight: bolder;
}