/* green color steps: #006633 #2b8055 #559977 #80b399 #aaccbb #d5e6dd */

html, body {height:100%}
body {
  padding:0;
  margin:0;
  background: #fff url(../images/bg-2004-02.gif) repeat-y 0 0;
  color: #000000;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
#outer{
  margin: 0;
  padding: 0;
  color: #000000;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#left {
  position:absolute;
  width:201px;
  left: 0px;
  top: 0px;
}

#content {
  margin-left: 201px;
  padding: 10px 10px 50px 10px;
}

#content p.quote {
  font-style: italic;
}

#footer {
  margin: 10px 41px 10px 10px;
  position: relative;
}

#footer p {
  color: #fff;
  position: relative;
  font-size: 70%;
  text-align: center;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  color: #000;
  background: none;
  text-decoration: underline;
}

#vault-nav-outer {
    margin: 10px 31px 10px 10px;
    border: 1px solid #000;
    padding: 0;
}
#vault-nav-inner {
    background: #fff;
    margin: 0 -20px 0 0;
    padding: 10px 10px 10px 20px;
    position: relative;
}
#vault-nav-inner p {
    margin: 0 5px;
}
#vault-nav-inner ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#vault-nav-inner li {
  font-size: 8pt;
  margin: 0;
  padding: 3px 0 0 0;
}
#vault-nav-inner li li {
  padding-left: 1.5em;
}
#vault-nav-inner ul {
  margin-bottom: 1em;
}
#vault-nav-inner li.selected a {
  background: #d5e6dd;
}
#vault-nav-inner li.selected li a {
  background: none;
}
#vault-nav-inner li.selected li.selected a {
  background: #d5e6dd;
}
#vault-nav-inner a:visited, #vault-nav-inner a:link, #vault-nav-inner a:active { color: #063; font-weight: bold; text-decoration: none; }
#vault-nav-inner a:hover { color: #000; text-decoration: underline; background: none; }

#logo {
  margin-bottom: 5px;
}

#userbar {
  position: relative;
  margin: 0 41px 15px 10px;
  background: #fff;
}
#userbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #597;
}
#userbar li {
  display: inline;
  margin: 0;
  padding: 0;
}
#userbar li a {
  position: relative;
  display: block;
  margin: 0;
  border-bottom: 1px solid #597;
  padding: 4px;
  color: #000;
  text-decoration: none;

  width: 100%;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:auto;
}
html>body #userbar li a {
  width: auto;
}
#userbar li a#last{
  border: none;
}
#userbar li a:hover {
  background: #d5e6dd;
}
#userbar p {
  background: #597;
  position: relative;
  display: block;
  margin: 0;
  border-bottom: 1px solid #597;
  padding: 4px;
  color: #fff;
  text-decoration: none;
  width: 100%;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:auto;
}
html>body #userbar li a {
  width: auto;
}

#nav {
  position: relative;
  margin: 0 41px 30px 10px;
  background: #70a389;
}
#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #597;
}
#nav li {
  display: inline;

  margin: 0;
  padding: 0;
}
#nav li a {
  position: relative;
  display: block;
  margin: 0;
  border-bottom: 1px solid #597;
  padding: 4px;
  color: #fff;
  text-decoration: none;

  width: 100%;

  voice-family: "\"}\"";
  voice-family:inherit;
  width:auto;
}
html>body #nav li a {
  width: auto;
}
#nav li a#last{
  border: none;
}
#nav li a:hover {
  background: #9abcab;
}
* html #nav li a {/*only ie gets this style*/

  ma\rgin-top: -1px;/* for ie6 */
}

#leftbar-quotes {
  margin-left: 10px;
  margin-right: 41px;
  color: #eee;
}
#inset-right {
  float: right;
  width: 12em;
}
#inset-right input {
  width: 100%;
}
#subscribe {
  margin: 10px;
  padding: 8px;
  background: #fff4c5;
  border: 1px solid #888;
  color: #000;
}
#login {
  margin: 10px;
  padding: 8px;
  background: #e6e6e6;
  border: 1px solid #888;
  color: #000;
}

#pr-banners { margin-left: 23px; margin-bottom: 30px; }
#pr-banners p { margin-bottom: 7px; }
#pr-banners img { margin-bottom: 7px; border: 1px solid #000; }

.searchbar {
  margin: 10px 0;
  background: #d5e6dd;
  border: 1px solid #666;
  padding: 0 2px 0 0;

}
#searchbar-inner          { padding: 0; border: 1px solid #000; }
.searchbar td             { padding: 5px 20px 7px 20px; font-size: 80%; }
.searchbar .sort   { background: #e6f7ee; }

.searchbar p, .searchbar form {
  display:inline;
}

div.member-details-block {
  margin: 20px  100px 20px 20px;
  background: #fff;
  border: 1px solid #d5e6dd;
  padding: 1em;
}
div.member-details-block h3 {
  background: #d5e6dd;
  margin: -1em -1em 0.5em -1em;
  padding: 0.5em;
}

div.vault-menu-item {
  margin: 20px  100px 20px 20px;
  background: #fff;
  border: 1px solid #d5e6dd;
  padding: 0;
  background: #fcfcfc;
}
div.vault-menu-item h1 {
  color: #000; font-weight: bold; font-size: 110%;
  background: #d5e6dd;
  margin-top: 0;
  padding: 0.5em;
  border-bottom: 1px solid #b3c4dd;
}
div.vault-menu-item p {
  margin: 1em;
}

div.vault-nav-links {
  float: right;
}

div.testimonialbox {
  margin: 20px 100px 20px 20px;
  background: #d5e6dd; /*#80b399; */
  border: 1px solid #000;
  padding: 20px;
  clear: both;
}

#main-letter #subscribe {
    margin: 20px 100px 20px 20px;
}
ul.redticks {
    list-style-image: url(../images/red-tick.gif);
}
ul.greenticks {
    list-style-image: url(../images/green-tick.gif);
}

#main-letter {
    margin-right: 100px;
}

#main-letter li {
    padding: 0;
    margin: 0.2em 0;
}

#main-letter h1, #main-letter h2, #main-letter h3, #mail-letter h4 {
    color: #b75541;
}

.red { color: #a9122a; }
.green { color: #5fa841; }
.highlight { background: #ff0; }
.yunderline { border-bottom: 2px solid #ff0; }

img.float-left {
  margin: 0 10px 0 0;
  float: left;
  clear: left;
}

.clearer {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}

div.boundingbox {
  clear: both;
}

p.boundingbox {
  clear: both;
}

div.imagecaption {
    display: table-cell;
    vertical-align: middle
}

.hint-admin {
    background-color: #ffd;
    padding: 3px 6px;
    border: 1px solid #999;
    margin-left: 15px;
}
.hint-admin img {vertical-align:text-bottom; padding:1px;}


img { border: 0; }
a:visited, a:link, a:active { color: #033; text-decoration:underline; }
a:hover { background:#fff4c5; color: #063; text-decoration:none; }

h1   { color: #1c664d; font-weight: bold; text-align: left; font-size: 175%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h2   { color: #1c664d; font-weight: bold; text-align: left; font-size: 125%; line-height: 100%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h3   { color: #1c664d; font-weight: bold; font-size: 110%; line-height: 110%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h4   { color: #1c664d; font-weight: bold; text-align: left; font-size: 100%; line-height: 110%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h5   { color: #1c664d; font-weight: bold; font-size: 100%; line-height: 110%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h6   { color: #1c664d; font-style: italic; font-weight: bold; font-size: 100%; line-height: 110%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }


p, li   { color: #000000; font-style: normal; font-size: 100%; font-weight: normal; text-decoration: none; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
dl { font-weight:bold; }
ul  { color: #000000; font-style: normal; font-weight: normal; list-style-position:outside; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
pre { color: #000000; font-weight: normal; font-size: 10pt; line-height: 105%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
li  { color: #000000; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding-left:10px; margin-bottom:15px}
td  { color: #000; }

.main { color: #000000; background:transparent; width:575px; font-size:85%; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.main-narrow  { color: #000000; background:transparent; width:500px; font-size:85%; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.menu-cluster { color: #000000; background:#fff; line-height: 130%; font-weight: normal; font-size: 100%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

.real-small { font-size:70%; }

.cat-list { padding-left:20px; font-size:85%; white-space:nowrap }

.fieldlabel   { white-space: nowrap; font-weight: normal;  font-size:85%; vertical-align: middle; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.fielderror   { color:#f00; font-size:85%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.fieldnote    { font-style: italic; font-size:85%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.fieldtext    { font-weight: normal; font-size:85%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

/* Form Styles - also in admin.css */
div.message-error {
  background: #FF0066;
  margin: 15px;
  padding: 20px;
  border-style: dotted;
  border-color: #FF3366;
}
div.message-warning {
  background: #CCFF66;
  margin: 5px;
  padding: 10px;
  border-style: dotted;
  border-color: #CCFF33;
}
div.message-information {
  background: #66FF99;
  margin: 5px;
  padding: 10px;
  border-style: dotted;
  border-color: #66CC99;
}
img.message-error {
  float: left;
}
img.message-warning {
  float: left;
}
img.message-information {
  float: left;
}

/* Styles for Vault - Top Category Page */
#vault-topcat {
border-collapse:collapse;
border-spacing:0;
}

#vault-topcat td {
border-top: 1px dotted #999;
padding: 0.7em;
}

img.vault-topcat-button {
  vertical-align: middle;
  margin: 2px;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
  padding: 1px;
}

/* Styles for Vault - Main Category Page */
#vault-maincat {
border-collapse:collapse;
border-spacing:0;
}

#vault-maincat td {
padding: 0.2em 0.7em;
}

#vault-maincat a {
text-decoration: none !important;
}
#vault-maincat a:hover {
text-decoration: underline !important;
}

#vault-topcat a {
text-decoration: none !important;
}

p.vault-maincatlinks {
  padding: 0em 1em;
}

td.vault-maincathead {
border-top: 1px dotted #999;
padding: 0;
}

/* Styles for Vault - Hints */
.hint-name { padding-left:15px; color:#033; font-weight: bold; font-size:100%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.hint-body { padding-left:40px; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.hint-url { padding-left:40px; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.hint-book { padding-left:40px; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.hint-author { padding-left:40px; margin-top: -1em; font-size: 80%; font-weight: normal; font-style:italic; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.hint-location { padding-left:40px; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.hint-actions { padding-left:40px; font-size: 80%; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.hint-rating { padding-left:40px; font-size: 80%; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.hint-rating a:hover { background: none; }
.hint-count { color:#666; font-size: 80%; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

div.hint-list-item { padding: 2em 0.5em; }
div.hint-list-item-stripe { padding: 5px; background: #e6f7ee; }

li.subcat-list p.subcat-name { font-weight: bold; margin: 0; }
li.subcat-list p.subcat-hintnames { line-height: 160%; margin: 0;}

.standout { color:#c00 }
.bold { font-weight:bold }
.highlight {background:#ffff20}
.strikethrough {text-decoration: line-through}

.float-left { float:left; }
.float-right { float:right; }

#main-letter h1 {color:#e00;}
#main-letter h2 {color:#d00;}
#main-letter .hint-name {color:#000;}