/*-----------------------------------------------------------------|
|  TYPE SELECTOR RULES                                             |
|-----------------------------------------------------------------*/

a, 
a:link,
a:active,
a:visited {
  background-color: inherit;
  color: #7f7f7f;
  text-decoration: none;
}
a:hover {
  background-color: inherit;
  color: #c30;
  text-decoration: underline;
}
acronym {
  border-bottom: 0.1em dotted #DDD;
  cursor: help;
}
body {
  background: url(../img/bg-body.gif) #82786c repeat 0 0;
  color: #333;
  font: 80%/1.6em Tahoma, Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}
form {
  margin: 0;
  padding: 0;
} 
form p {
  font-size: 95%;
  margin: 0 0 1em 0;
  padding: 0;
}
h1 {
  background: transparent url(../img/bg-logo.gif) no-repeat 0 30px;
  font: 170%/1.2em Georgia, "Times New Roman", serif;
  padding: 35px 0 20px 55px;
  margin: 0 0 0 25px;
  text-transform: uppercase;
}
p.header-contact {
  position: absolute;
  color: #7f7f7f;
  right: 28px;
  top: 37px;
  font: 170%/1.2em Georgia, "Times New Roman", serif;
  padding: 0;
  margin: 0;
}
p.header-contact span {
  font: 80%/1.6em Tahoma, Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #c30;
  text-transform: uppercase;
}
h2 {
  clear: both;
  color: #58524d;
  font: 150%/1.6em Tahoma, Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0 0 0.25em 0;
}

h3 {
  clear: both;
  color: white;
  font: 110%/1.2em Tahoma, Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  
  font-weight: bold;
  margin: 0.25em 0 0 0;
  padding: 0 0 0 10px;
}
html {
  scrollbar-face-color: #FFFFF7; 
  scrollbar-shadow-color: #8c827a; 
  scrollbar-highlight-color: #afafaf;
  scrollbar-3dlight-color: #f9f9f9; 
  scrollbar-darkshadow-color: #f9f9f9; 
  scrollbar-track-color: #F2F2EA; 
  scrollbar-arrow-color: #c30
}
img {
  border: none;
}
p {
  margin: 0;
  padding: 0.5em 0 1em 0;
}

/*-----------------------------------------------------------------|
|  ID SELECTOR RULES                                               |
|-----------------------------------------------------------------*/

/* Edging on either side of everything
----------------------------------------------- */
#outer-border {
  background-color: white;
  border: 5px solid white;
  margin: 15px auto 0 auto;
  padding: 0;
  width: 940px;
}
#inner-border {
  background: white url(../img/bg-inner-border.gif) repeat-x 0 0;
  border: 1px solid #999;
  padding: 0;
  position: relative;
  /*height: 612px;*/
  height: 48.5em;
}

/* Left navigation
----------------------------------------------- */
#navigation {
  width: 145px;
  margin-left: 5px;
}
#navigation ul {
  border-top: 1px dotted #d9d9d9;
  margin: 30px 0 0 0;
  padding: 0;
}
#navigation ul li {
  background: transparent url(../img/bullet-light.gif) no-repeat 5px 18px;
  border-bottom: 1px dotted #d9d9d9;
  padding: 10px 0 10px 25px;
  list-style-type: none;
}
#navigation ul li a {
  display: block;
  width: 145px;
}
#navigation ul li.active-page {  
  background: transparent url(../img/bullet-dark.gif) no-repeat 5px 18px;
}

/* Feature image
----------------------------------------------- */
#feature {
  background: transparent url(../img/bg-feature.jpg) no-repeat 0 0;
  position: absolute;
  left: 155px;
  top: 111px;
  width: 475px;
  height: 284px;
}

/* Feature faded for content pages
----------------------------------------------- */
#feature-fade {
  background: transparent url(../img/bg-feature-fade.jpg) no-repeat 0 0;
  position: absolute;
  left: 155px;
  top: 111px;
  width: 773px;
  height: 284px;
}

/* Google map area
----------------------------------------------- */
.feature-map {
  background: none;
  position: absolute;
  left: 155px;
  top: 111px;
  width: 475px;
  height: 284px;
}

/* Main text box beside feature
----------------------------------------------- */
#content-major {
  background-color: #8c827a;
  position: absolute;
  left: 640px;
  top: 111px;
  width: 288px;
  height: 284px;
  overflow-y: scroll;
}
body.no-frame #content-major a, 
body.no-frame #content-major a:link,
body.no-frame #content-major a:active,
body.no-frame #content-major a:visited {
  color: white;
  font-size: 100%;
  font-weight: bold;
  text-decoration: underline;
}
body.no-frame #content-major a:hover {
  color: #ccc;
  text-decoration: underline;
}
body.no-frame #content-major {
  height: 483px;
}

#content-major h2.content-side {
  color: white;
  margin: 0.5em 0 0 0;
  padding: 0 0 0.1em 10px;
}
#content-major p {
  color: white;
  font-size: 85%;
  line-height: 1.7em;
  padding: 1em;
}
#content-major p.top {
  background: transparent url(../img/bullet-up.gif) no-repeat 10px 7px;
  padding: 0 0 10px 22px;
}
#content-major ul {
  list-style-type: none;
  margin: -5px 0 0 1em;
  padding: 0;
}
#content-major ul li a:link,
#content-major ul li a:active,
#content-major ul li a:visited {
  background: transparent url(../img/bullet.gif) no-repeat 0 5px;
  color: white;
  font-size: 85%;
  padding: 0 0 0 15px;
  text-decoration: underline;
}
#content-major ul li a:hover {
  color: #dcd2b9;
}

/* Overrides for content pages
----------------------------------------------- */
body.fullwidth #content-major {
  background-color: transparent;
  border: 1px solid #DCD2B9;
  left: 155px;
  width: 773px;
}
body.fullwidth #content-major p {
  color: #666;
}
body.fullwidth #content-major ul {
  border-bottom: 1px dashed #e2e2e2;
  padding-bottom: 1em;
  margin-bottom: 1em;
  margin-right: 1em;
}
body.fullwidth #content-major ul li a:link,
body.fullwidth #content-major ul li a:active,
body.fullwidth #content-major ul li a:visited {
  background: transparent url(../img/bullet-down.gif) no-repeat 0 5px;
  color: #7f7f7f;
}
body.fullwidth #content-major ul li a:hover {
  color: #c30;
}
body.fullwidth #content-major h2 {
  color: #666;
  font: 140%/1.6em Tahoma, Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  margin: 0.5em 0 0 0;
  padding: 0 0 0.25em 10px;
}
body.fullwidth #content-major h3 {
  background: transparent url(../img/bg-h3.gif) no-repeat 7px 8px;
  color: #58524d;
  font: 110%/1.6em Tahoma, Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0 0 0.25em 24px;
}

/* Smaller text box under main content
----------------------------------------------- */
#content-minor {
  position: absolute;
  left: 640px;
  top: 405px;
  width: 288px;
}
#content-minor p {
  color: #666;
  font-size: 85%;
}
#content-minor .img-paperchain {
  background: white url(../img/paperchain.gif) no-repeat 0 8px;
  float: left;
  margin-right: 5px;
  width: 101px;
  height: 150px;
}
#content-minor .newsbox {
  margin: 40px 15px 0 85px;
}

/* Contact form container
----------------------------------------------- */
#contact {
  background-color: #dcd2b9;
  width: 455px;
  padding: 10px 10px 0 10px;
  position: absolute;
  left: 155px;
  top: 405px;
}
#contact input {
  font-size: 90%;
}
#contact label {
  color: #58524d;
  font-size: 90%;
}
#contact .aster {
  color: #c30;
}
#contact .aster-text {
  font-style: italic;
  font-size: 90%;
}
#contact .form-left {
  float: left;
  width: 190px;
}
#contact input,
#contact textarea {
  font-family: Tahoma, Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  background-color: #f0eadd;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  border-top: 1px solid #828177;
  border-left: 1px solid #828177;
  width: 165px;
}
#contact textarea {
  margin: 0;
  padding: 0;
  font-size: 90%;
  overflow-y: scroll;
  width: 250px;
}
#contact input.submit {
  background: #eee url(../img/bg-input-submit.gif) repeat-x 0 0;
  border-left: 1px solid white;
  border-right: 1px solid #828177;
  border-top: 1px solid white;
  border-bottom: 1px solid #828177;
  color: #333; 
  padding: 4px; 
  width: auto;
} 
#contact input.clear {
  background: #eee url(../img/bg-input-clear.gif) repeat-x 0 0;
  border-left: 1px solid white;
  border-right: 1px solid #828177;
  border-top: 1px solid white;
  border-bottom: 1px solid #828177;
  color: #666; 
  padding: 4px; 
  width: auto;
} 
#contact input.submit:active
#contact input.clear:active {
  background-color: #fff;
  border: 3px double #d8d8d8;
  border-top-color: #8a8a8a;
  border-left-color: #8a8a8a;
} 

/* Footer
----------------------------------------------- */
#footer {
  color: #aca59c;
  font-size: 85%;
  text-align: center;
}
#footer a:link,
#footer a:active,
#footer a:visited {
  color: #aca59c;
  text-decoration: underline;
}
#footer a:hover {
  color: #dcd2b9;
}