/*font-family: "Palantino", Verdana, Arial, Helvetica, sans-serif;*/
a { color: #3256B6; }
a:visited { color: #128; }
a:hover, a:visited:hover { color: #e00; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
img { max-width: 100%; }
body {
  font-family: Palantino serif;
  background-color: #FFE574;
  text-align: center;
  font-size: 14px;
  padding: 0;
  margin: 0;
}
h2 {
  color: #3256B6;
  font-size: 140%;
  margin-top: 0em;
  margin-bottom: .5em;
  font-weight: normal;
  font-family: serif;
}
h3 {
  font-size: 130%;
  margin-top: 0.5em;
  font-family: serif;
  font-weight: normal;
  margin-bottom: .5em;
}
h5 {
  margin: 0em;
  padding: 0em;
}
.hidden { display: none; }
.clear { clear: both; }
#page {
  /* This is for search form positioning */
  position: relative;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  width: 98%;
}
#header {
  padding: 1%;
  color: white;
  margin-bottom: 1%;
  text-align: center;
  background-color: #54B7F0;
}
form#search {
  right: 1em;
  color: #333;
  z-index: 1000;
  margin-top: 1em;
  position: absolute;
  font-size: smaller;
}
form#search input.text {
  color: black;
  background-color: white;
}
form#search input.button {
  color: black;
  border-style: solid;
  border-color: #FFE574;
  background-color: #54B7F0;
}
img#plumes {
  float: right;
  height: 110px;
  margin-right: -0,5em;
}
img#logo {
  float: left;
  max-width: 20%;
}
img#logo2 {
  float: left;
  margin-left: 65px;
}
#mail {
  float: right;
  max-width: 20%;
  margin-top: -2%;
  font-size: smaller;
}
#mail img { margin: 0 auto; }
#site-title {
  margin: 0;
  color: #FFE574;
  font-size: 250%;
  padding-top: 10px;
  font-family: serif;
  text-transform: uppercase;
}
#site-title a, #site-title a:visited {
  color: #FFE574;
}
#site-subtitle {
  margin: 0em;
  padding: 0em;
  font-size: larger;
  font-style: italic;
  margin-left: 290px;
  margin-right: 120px;
  letter-spacing: 2px;
  text-transform: lowercase;
}
#content-wrapper {
  padding: 8px;
  margin-left: 18%;
  position: relative;
}
.sidebar2-present {
  margin-right: 18%;
  padding-bottom: 2em !important; /* For the search form */
}
#content {
  padding: 4%;
  background-color: white;
}
#content * { position: relative; }
#content img {
  float: right;
  max-width: 30%;
  margin-bottom: 1em;
}
#content h1 {
  color: #6600ff;
}
#content h3 { clear: right; }
#content h2 a, #content h3 a {
  margin: 0;
  padding: 0;
  color: #6600ff;
  display: block;
  border-bottom: 1px dotted #a3a39c;
}
div.zone2 {
  width: 49%;
  float: left;
  z-index: 1000;
}
div.zone3 { }
#content ul { padding: 0 2em; }
.zone ul, .zone2 ul, .zone3 ul {
  margin-left: 0.5em;
}
#content-wrapper .sb-inner {
  background-color: white !important;
}
.sb-shadow {
}
.sb-border {
#  background: #54B7F0 !important;
}

#sidebar-wrapper .sb-inner, #sidebar2-wrapper .sb-inner {
  background: #54B7F0 !important;
}
#sidebar-wrapper, #sidebar2-wrapper {
  position: relative;
  z-index: 1000;
  padding: 5px;
  float: left;
  width: 16%;
}
#sidebar2-wrapper {
  padding: 5px;
  float: right;
  width: 16%;
}
#sidebar, #sidebar2 {
  z-index: 1;
  font-size: 95%;
  position: relative;
  text-align: center;
  background-color: #54B7F0;
}
#sidebar h3, #sidebar2 h3 {
  margin: 0;
  padding: 0;
  clear: both;
  color: #6600ff;
  font-size: 160%;
}
#sidebar h3 a,
#sidebar h3 a:visited,
#sidebar h3 a:hover, #sidebar h3 a:visited:hover,
#sidebar h3 a:link, #sidebar h3 a:visited,
#sidebar h3 a:hover,
#sidebar2 h3 a,
#sidebar2 h3 a:visited,
#sidebar2 h3 a:hover, #sidebar2 h3 a:visited:hover,
#sidebar2 h3 a:link, #sidebar2 h3 a:visited,
#sidebar2 h3 a:hover {
  font-style: italic;
  font-family: serif;
  color: #6600ff;
}
#sidebar p, #sidebar2 p {
  line-height: 140%;
}
#sidebar ul, #sidebar2 ul {
  margin-left: 1.5em;
  padding: 0;
}
#sidebar li, #sidebar2 li {
  margin-bottom: .25em;
}

#footer {
  width: 100%;
  color: #818cb0;
  font-size: 70%;
  padding-top: 1px;
  text-align: center;
  padding-bottom: 20px;
}
.bar {
  float: left;
  width: 25%;
  margin: 0.5em;
  background-color: #FFF8DB;
  padding: 1em;
}
.bar h3 {
  color: #6600FF;
  font-size: 110%;
}
.bar img {
  float: none !important;
}
.bar * {
  position: relative;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

