/*=================================================================|
|  Document: http://www.elfshot.com screen stylesheet              |
|  Author:   Rowan Ferguson                                        |
|=================================================================*/

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

a, 
a:link,
a:active,
a:visited {
  background-color: inherit;
  color: #666;
  text-decoration: underline;
}
body {
  color: #666;
  font: 80%/1.6em Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}
form {
  margin: 1em 0 0 0;
  padding: 0;
} 
form p {
  font-size: 95%;
  margin: 0 0 1em 0;
  padding: 0;
}
input.field {
  font-size: 100%;
  padding: 0.3em;
} 
input.submit {
  border-top: 1px solid #cdeeca; 
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  border-left: 1px solid #cdeeca;
  font-size: 100%;
  padding: 0.5em 1em 0.75em 1em;
} 
h1, h2, h3, h4 {
  clear: both;
  margin: 0;
  padding: 0;
}
h1 {
  border-bottom: 0.1em dotted #393;
  color: #393;
  font: bold 170%/1.4em Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  margin: 0.5em 0 0.5em 0;
  padding: 0.25em 0 0.25em 0;
}
h2 {
  border-bottom: 1px solid #CCC;
  color: #333333;
  clear: both;
  font: 130%/1.4em Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  margin: 5px auto 5px auto;
  padding-bottom: 0.1em;
}
h3 {
  color: #666;
  font: 110%/1.6em Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  font-weight: bold;
  padding-top: 2em;
}
html {
  scrollbar-face-color: #FFFFF7; 
  scrollbar-shadow-color: #000000; 
  scrollbar-highlight-color: #808080;
  scrollbar-3dlight-color: #F0FFF5; 
  scrollbar-darkshadow-color: #F0FFF5; 
  scrollbar-track-color: #F2F2EA; 
  scrollbar-arrow-color: #009900
}
img {
  border: none;
}
p {
  margin: 0;
  padding: 0.5em 0 1em 0;
}
span.external {
  background: url(../img/ico-external.gif) no-repeat 100% 50%;
  padding-right: 10px;
  font-size: 90%;
  text-decoration: none;
}
span.popup {
  background: url(../img/ico-popup.gif) no-repeat 100% 50%;
  padding-right: 10px;
  font-size: 90%;
  text-decoration: none;
}
span.zoom {
  background: url(../img/ico-zoom.gif) no-repeat 100% 50%;
  padding-right: 10px;
  font-size: 90%;
  text-decoration: none;
}

/*-----------------------------------------------------------------|
|  ID SELECTOR RULES - ordered by container heirachy               |
|-----------------------------------------------------------------*/

/* Edging on either side of everything
----------------------------------------------- */
#outer-border {
  width: 100%;
}

/* Contains flash feature and nav
----------------------------------------------- */
#header {
  height: auto;
  width: 100%;
}
#header span {
  display: none;
}
#logo img {
  display: inline;
}

/* Positions flash and no js/flash static image
----------------------------------------------- */
#feature {
  display: none;
}
#feature div {
  display: none;
}


/* Controls layout of navigation
----------------------------------------------- */
#navigation {
  display: none;
}

/* Surrounds main and side columns
----------------------------------------------- */
#both-column-container {
  width: 100%;
}

/* Controls side column including side boxes
----------------------------------------------- */
#sidebar-container {
  float: none;
  position: relative;
  width: 100%;
  margin-bottom: 0.5em;
}
.key {
  display: none;
}

/* Contains main column container and content
----------------------------------------------- */
#main-content-container {
  margin: 0;
  padding-top: 10px;
  width: 100%;
}
#main-content p.top {
  display: none;
}
#main-content p.overview {
  padding-top: 0.5em;
  margin-bottom: -1.5em;
}

/* Controls story containers and content
----------------------------------------------- */

.aster {
  color: #ff7200;
  font-weight: bold;
}
.clear {
  clear: both;
}
.floatleft {
  float: left;
  margin-right: 5px;
}
.floatmiddle {
  float: left;
  margin-right: 5px;
}
.floatright {
  float: left;
  margin-right: 5px;
}
.folio img {
  margin: 0;
  padding: 0;
}
.folio div {
  margin-bottom: 10px;
  margin-top: 10px;
}
.icon {
  float: left;
  padding-top: 11px;
  padding-right: 6px;
  margin: 0;
}

/* footer contains tree background image
----------------------------------------------- */
#footer {
  border-top: 1px solid #CCC;
  color: #808080;
  font-size: 85%;
  margin: 0 1em 0 1em;
  padding-top: 0.5em;
  width: 100%;
}