/* Colours selected (using analogous rule on Kuler website):
  #472237 - maroon, background.
  #defcd7 - light green header text.
  #fad081 - gold colour, default body text (also used in buttons).
  #283a5e - dark off blue button colour and text.
  #245428 - dark off green, not used. */


body {
   background: #472237;
   color:#fad081;
   font:100% Verdana,Tahoma,Arial,sans-serif;
   margin:0 auto;
   padding:0;
   z-index:-1;
}

/* Main layout and header */
#wrap {
  margin:0 auto;
  padding:1px 5px;
  width:760px;
}
#header {
  color:#defcd7;
  height:300px;
  margin:0 0 10px;
  padding:0;
}
#header.narrow {
  color:#defcd7;
  height:260px;
  margin:0 0 10px;
  padding:0;
}
#header.narrower {
  color:#defcd7;
  height:220px;
  margin:0 0 10px;
  padding:0;
}
#header img {
  position:absolute;
  left:auto;
  top:20px;
}
#header h1 {
  position:absolute;
  font-size:40pt;
  font-weight:400;
  letter-spacing:-2px;
  margin:0 0 0px 15px;
  top:180px;
  z-index:1;
}
#header h1.top {
  position:absolute;
  font-size:40pt;
  font-weight:400;
  letter-spacing:-2px;
  margin:0 0 0px 15px;
  top:20px;
  z-index:1;
}
/* header to go with "narrow" image class */
#header h2 {
  position:absolute;
  font-size:40pt;
  font-weight:400;
  letter-spacing:-2px;
  margin:0 0 0px 15px;
  top:140px;
  z-index:1;
}
/* header to go with "narrower" image class */
#header h3 {
  position:absolute;
  font-size:40pt;
  font-weight:400;
  letter-spacing:-2px;
  margin:0 0 0px 15px;
  top:120px;
  z-index:1;
}
/*will not work with "narrow" or "narrower" header classes.
New p class will need to be created if needed */
#header p {
  position:absolute;
  font-size:12pt;
  font-weight:bold;
  margin:0 0 0px 5px;
  top:280px;
  z-index:1;
}
#buttons img {
  margin:0;
  padding:0;
  border:0;
}

/* Left and right sidebars */
#leftside,#extras {
  margin:0;
  padding:0;
  width:190px;
}
#leftside img,#extras img  {
  margin:30px 0 0 0;
}

/* Sidebar variations*/
#leftside {
  float:left;
}
#extras {
  float:right;
}

/* Main content variations */
#content,#contentwide {
  line-height:1.5em;
  padding:0;
  text-align:left;
  margin-top:10px;
  margin-bottom: 10px;
}
#content {
  margin-right:200px;
  margin-left:200px;
}
#contentwide {
  margin-right:10px;
  margin-left:10px;
}
#content h1,#contentwide h1 {
  font-size:2.1em;
  font-weight:bold;
  letter-spacing:-1px;
  margin:8px 0 15px;
  padding:0;
}
#content h2,#contentwide h2 {
  font-size:1.8em;
  font-weight:bold;
  letter-spacing:-1px;
  margin:8px 0 10px;
  padding:0;
}
#content h3,#contentwide h3 {
  font-size:1.5em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
}
#content h4,#contentwide h4 {
  font-size:1.2em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
}
#content h5,#contentwide h5 {
  font-size:1.0em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
  text-decoration:underline;
}
#content img.center,#contentwide img.center {
  margin:0 190px;
}

/* Google Map */
#google_map object {
  width:700px;
  height:575px;
}

/* Footer */
#footer {
  font-size:0.9em;
  margin:0 auto;
  padding:8px 0;
  text-align:center;
  width:760px;
}
#footer p {
  margin:0;
  padding:0;
}
#footer a {
  background:inherit;
  font-weight:400;
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
}

/* Links and paragraphs */
a {
  background:inherit;
  color:#defcd7;
  text-decoration:none;
  font-weight:700;
}
a:visited {
  background:inherit;
  color:#defcd7;
  text-decoration:none;
  font-weight:700;
}
a:hover {
  background:inherit;
  color:#defcd7;
  text-decoration:underline;
  font-weight:700;
}
p {
  margin:0 0 16px;
}

/* Tables and forms */
table {
  border-collapse:collapse;
  line-height:1.3em;
  margin:10px auto;
  padding:0;
}
th {
  padding:7px;
  text-align:left;
}
td {
  font-size:0.9em;
  padding:3px;
  margin:0;
  border:0;
}

/* EBV Table */
.ebv {
  font-size:0.8em;
}
.data {
  font-size:0.7em;
  background:#defcd7;
  color:#000000;
  border-color:#000000;
}

/* Various classes */
.announce h2 {
  margin:0 0 10px;
  padding:0;
}
.textright {
  margin:-10px 0 4px;
  text-align:right;
}
.center {
  text-align:center;
}
.small {
  font-size:0.8em;
  line-height:normal
}
.large {
  font-size:1.3em;
  line-height:normal
}
.left {
  float:left;
  border:0;
  padding:0 20px 0 0;
  margin:0 auto;
}
.right {
  float:right;
  border:0;
  padding:0 0 0 20px;
  margin:0 auto;
}