body {
  margin:0px;
  background-color: white;
}

#background-left {
  position: absolute;
  top: 475px;
  left: 0px;
  width: 100%;
  
  background-image: url(/img/background_left_v3.jpg);
  background-repeat: no-repeat;
}

#background-right {
  position: absolute;
  top: 155px;
  left: 0px;
  width: 100%;
  
  background-image: url(/img/background_right_v3.jpg);
  background-repeat: no-repeat;
  background-position: top right;
}

#skytile {
  border: 1px solid black;
  border-right: 0px;
  border-left: 0px;
  
  background-image: url(/img/sky_tile.jpg);
  backgroun-repeat: repeat-x;

  width: 100%;
  position: absolute;
  top: 22px;

}

#moon {
  position: absolute;
  top: 10px;
  left: 20px;
}

#title {
  position: absolute;
  top: 10px;
  left: 0px;
  width: 100%;
  text-align: center;
}

#navigation {
  position: absolute;
  top: 100px;
  left: 20px;
  
  border: 1px solid #ccc;
  background-color: rgb(215,227,244);
  
  font-family: sans-serif;
  font-weight: bold;
  font-size: 90%;

  width: 150px;
  padding: .2em;
  padding-top: 70px;
}

#navigation a {
  display: block;
  background-color: white;
  border: 1px solid #ccc;
  margin: 0px;
  padding: .2em;
  padding-left: .5em; 
  margin-bottom: .4em;
}

#navigation a:link {
  text-decoration: none;
  color: rgb(10,59,126);
}

#navigation a:visited {
  text-decoration: none;
  color: rgb(10,59,126);
}

#navigation a:active {
  text-decoration: none;
  color: rgb(10,59,126);
}

#navigation a:hover {
  background-color: rgb(234,237,242); 
  color: rgb(10,59,126);
}

#mainbox {
  position: absolute;
  top: 145px;
  left: 200px;
  right: 170px;
  
  line-height: 140%;
  font-family: georgia, serif;
  padding: 1em;

  border: 1px solid #ccc;
  
  color: #003300;
}

h2 {
  margin-top: 0px;
  font-family: verdana, helvetica, sans-serif;
  font-size: 180%;
  color: rgb(10,59,126);
}

h2 img {
  vertical-align: middle;
}

h3 {
  border: 1px solid rgb(10,59,126);
  padding: .5em;
  color: rgb(10,59,126);
  font-size: 110%;
}

h4 {
  color: rgb(10,59,126);
  font-size: 100%;
  border-bottom: 1px solid #ccc;
}

blockquote {
  color: black;
  font-style: italic;
}

.description {
  font-size: 110%;
}

div.subnav {
  font-size: 90%;
  font-family: sans-serif;
}

/*

  Home Page

*/

#whats-new-sidebar {
  width: 30%;
  float: right;
  margin-top: 1em;
  margin-left:.5em;
  margin-bottom: .5em; 

  border: 1px solid #ccc;
  padding: 8px;
  background: lightyellow;

  font-size: 75%;
  font-family: hevetica, tahoma, sans-serif;  
}

#whats-new-sidebar h2 {
  text-align: center;
  color: #666;
  border-bottom: 1px solid #666;
}

#whats-new-sidebar h3 {

}

/*
  TESTIMONIALS PAGE
*/

div.testimonial {
  margin-bottom: 2em;
}

div.testimonial-quote {
  font-size: 122%;
  line-height: 130%;
  margin-bottom: .3em;
}

span.testimonial-big-quote {
  font-size: 150%;
  font-weight: bold;
  color: rgb(145,167,145);
}

/*

  Products Page

*/

div.product-photo {
  float: left;
  background: white;
  width: 202px;
  padding-right: 1em;
}

div.product-photo img {
  border: 1px solid #ccc;

}

/*
  Programs & Workshops
*/

div.program {
  margin-bottom: 1em;
}

div.program-title {
  font-size: 100%;
  font-weight: bold;
  padding-bottom: .2em;
  border-bottom: 1px dotted rgb(145,167,145);
}

/*

  Contact Form

*/

#contact-form-margin-box {
  float: right;
  width:  50%;
  background-color: white;
}

#contact-form-box {
  margin: 1em;
  border: 3px double #ccc;
  border-color: #ccc #999 #999 #ccc;
  padding: 1em;
}

#contact-form-box div {
  margin-bottom: 1em;
}

#contact-form-box label {
  font-weight: bold;
}

#contact-form-box .mail-error {
  font-size: 90%;
  font-family: sans-serif;
  color: darkred;
  margin: 0px;
}

#contact-form-box .mail-success {
  font-size: 90%;
  font-family: sans-serif;
  font-weight: bold;
  border: 1px solid green;
  padding: .3em;
}
#contact-form-box input {
  width: 100%;
}

#contact-form-box textarea {
  width: 100%;
}

/*
  Copyleft
*/

#copyleft {
  clear: both;
  text-align: center;
  color: black;
  font-family: sans-serif;
  font-size: 70%;
  
  margin-top: 3em;
  border-top: 1px solid #ccc;
  padding: 1em;
}