/* nature.css */

body {
 background: #344d27;
 margin: 0;
 padding: 0;
 min-height: 640px;
 height: auto !important;
 height: 640px;
 font-family: Verdana,Helvetica,Arial,sans-serif;
}

div {
 margin: 0;
 padding: 0;
}

div.page {
 position: relative; 
  top: 0;
  left: 0;
 z-index: 1;
 background: #cda url('/shared/ecbg.png') left bottom repeat-x;
 padding-top: 1em;
 min-height: 44em;
 height: auto !important;
 height: 44em;
}

#banner {
 position: relative;
 float: left;
 z-index: 8;
}

#epic {
 float: right;
 padding: 0.25em;
 font-family: Georgia, Times, 'Times New Roman', serif;
 font-size: 4em;
 font-weight: bold;
}

#menu {
 position: relative;
 margin: 0;
 padding: 0 0 0 80px;
}

#content {
 position: relative;
 margin: 0;
 padding: 0 0 160px 0;
 z-index: 6;
}

h1, h2, h3, h4, h5, h6 {
/* margin: 0 1em 0 360px; *//**/
 margin: 0 1em 0 0; /**/
 padding: 0;
 font-family: Georgia, Times, 'Times New Roman', serif;
 font-weight: bold;
}

h1 {
 position: relative;
 margin: 0 0 0 0;
 font-size: 3em;
 letter-spacing: 0.5em;
 line-height: 0.67em;
 border-bottom: 0.1em double #344d27;
}

h2 {
 font-size: 1.25em;
 letter-spacing: 0.25em;
 line-height: 0.7em;
 text-transform: uppercase;
 border-bottom: 1px solid #344d27;
}

h3 {
 font-size: 1.25em;
}

h4 {
 font-size: 1em;
 font-style: oblique;
}

p {

}

hr {
 margin-bottom: 2em;
 background: url('/shared/echr.png');
 height: 32px;
 width: 96px;
 border: 0px solid #cda;
}

div.fix {
 margin-left: 360px;
}

#content p {
 margin: 0;
 padding: 0 1em 1em 0; /**/
 font-size: 1.25em;
 line-height: 1.5em;
}

#footer {
 position: absolute;
  right: 0;
  bottom: 0;
  z-index: 8;
/* overflow: hidden; */
}

#footer img {
 margin: 0;
 padding: 0
 position: absolute;
  bottom: 0;
  right: 0;
  z-index: 4;
}

#footer p {
 position: absolute;
  bottom: 4px;
  right: 230px;
  z-index: 5;
 font-size: 12px;
}

/* begin pdmenu styling */
/* modified from http://www.designmeme.com/articles/csspulldownmenus/ */

div.pdmenu + p {
 clear:both;
}

div.pdmenu {
 font-size: 0.75em;
 letter-spacing: 0.25em;
}

#menu div.pdmenu {
 margin:0 !important;
}

#menu div.pdmenu ul {
 list-style-type: circle;
}

#menu div.pdmenu li {
 position: relative;
 width: 11em;
 height: auto;
 margin: 0;
 padding: 0;
 color: #344d27;
 text-decoration:none;
}

#menu div.pdmenu a {
 text-decoration: none;
 display: block;
 color: #344d27;
 padding: 0.25em 0.5em;
}

#menu div.pdmenu a:hover {
 text-decoration: none;
 background-color: #344d27;
 color: #cda;
}

#menu div.pdmenu li ul {
 display: none;
 visibility: hidden;
 margin:0 !important;
 position: absolute;
  top: -1px;
  left: 11em;
 z-index: 1;
 width: 10em;
 padding: 0;
 margin:0 !important;
 letter-spacing: 0.25em;
 font-weight: normal;
 border-left: 8px solid #344d27;
}

#menu div.pdmenu li:hover ul {
 visibility: visible;
 display: block;
}

#menu div.pdmenu li li {
 border: none;
 width: 6em;
}	

#menu div.pdmenu li li a {
 color: #344d27;
 border: none;
 padding: 0.1em 0.5em;
 text-align: center;
}

#menu div.pdmenu li li a:hover {
 text-decoration: underline;
 background: none;
 color: #344d27;
}
 /* end pdmenu styling */

a {
 text-decoration: none;
}

a:link {
 color: #393;
}

a:visited {
 color: #5f3e30;
}

a:active {
 color: #cfc;
}

a:hover {
 color: #0f0;
 text-decoration: underline;
}

.ec {
 font-family: Georgia, sans-serif;
 font-weight: bold;
 font-style: oblique;
}