body {
  font-family: Arial, Helvetica, sans-serif;
  background: #669980;
  font-size: 1em;
}
  
.whiteContainer{
  background: white;
  width: 1000px;
}
    
.left-offset {
  margin-left: -25%;
  position: absolute;
}

.IntroText {
  padding-left: 15px;
  padding-right: 15px;
  width: 300px;
  font-size: .8em;
}

.top-part {
  clear : right;
  background-color : white;
  width : 90%;
  margin : auto;
}

.mainimage {
  margin : 1em 1em 1em 6em;
  border:medium #663300 solid;

}
  
.content{
  background: #ffffff;
  margin-left: 0px;
  z-index: 1;
  position: relative;
  }  
  
.images {
  margin-left: 15px;
  margin-right: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;}  
  
.maintext {
  margin-left: 25%;
  margin-right: 10pt;
  background-color: #ffffff;
  border-left: 1px;
  border-right: 1px;
  border-color: #000000;
  border-left-style: solid;
  border-right-style: solid;
  padding-left: 15px;
  padding-right: 10px;
font-size: .8em;}

/* changing the navigation bar */

#nav {
  float:left;
  margin-left:0;
  margin-top:0;
  margin-right: 0px;
  padding-top: 5px;
  padding-bottom:5px;
  padding-left:10px;
  border-top: solid 2px #663300;
  border-bottom: solid 2px #663300;
  background: #334d80;
}

#nav li {
  float: left;
  width:90px;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  list-style: none;
}

#nav a {
  float:left;
  display: block;
  margin: 0px 0px 0px 5px;
  text-decoration: none;
  text-align: center;
  color: #000000;
  border: 2px solid #000000;
  border-left:#ffff99 solid 3px;
  border-top: 3px #d5ccbb solid;
  background: #6cc4ff ;
  font-size: 80%;
}


#nav a:hover {
  color: #000000;
  border-right:#ff9900;
  border-bottom:#ff9900;
  background: #ffcc33 ;

}

.calendar {
  float:left;
  padding-left: 15px;
  padding-right: 15px;
  margin-top : 1em;
  margin-left: 2em;
  border-top: solid 2px #663300;
  border-bottom: solid 2px #663300;
  width: 150px;
  background: #c0c0c0;
}

.calendar li {
  width:90px;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  list-style: none;
}

.calendar a {
  /* make the links look like buttons */
  display: block;
  margin: 0 0 0 0;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  border: 2px solid #000000;
  border-left:#ffff99 solid 3px;
  border-top: #ffff99 solid 3px;
  background: #123456 ;
  font-size: 80%;  
}

.calendar a:hover {
  color: #663300;
  border-right:#ff9900;
  border-bottom:#FF9900;
  background: #ffcc33 ;
}
    
.email {
  background-color: white;
  text-decoration: underline;
  color: red;
  padding-left: 1px;
  padding-right: 1px;
  font-size: 1em;
  }
  
/*** These concern the main text. ***/

p.wow {
  font-size: 300%;
  color: red;
  text-align: center
  }
  
#register {
  background: #ff2277;
  color: #663300;
  font-size: large;
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  width: 75px;
  }
  

    
#smallregister a {
  background: #ffcc33;
  color: #663300;
  font-size: small;
  margin-top: 5px;
  padding-top: -2px;
  margin-left: 0px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  width: 105px;
  border-color:   #663300;
  border-style: outset;
  }
  

    
ul#register {
  border: solid medium orange;
  width: 45%;
  margin-left: 25px;
  }



.leftpanel {
  margin-top: 5px;
  margin-right: 38%;
  margin-left: 5%;
  background-color: #ffcc33;
  font-size: small;
  border-style: solid;
  width: 30%;
  border-width: 1px;
  padding-left: 10px;
  padding-right:10px;
  }

.leftpanel h1 {
  color: #006633;
  font-size: x-large;
}

h1 {
  font-size: 1.8em;
  color: #006633;
  text-align:
}

h2 a {
  font-size: 1.1em; 
  
}

h2  {
  color: #000000; }

h3 {
  color: #000000;
  }  

em {
  color: #006699;
  font-weight: bold;
  }

/****  These are for images and the logo.  ***/



.imageleft {
  margin-left: -30%;
  float: left;
  clear: left;
  margin-right: 15px;
  margin-bottom: 15px;
  border: medium #663300 solid;
  padding: 5px;
  }
  
.imageright {
  margin-top: 10px;
  float: right;
  clear: right;
  margin-right: 5%;
  border: medium #663300 solid;
  padding: 5px;
  margin-left: 15px;
  }

  

.centerpageimage {
  float:right;
  margin-right: 30%;
  margin-top: 0px;
  width:30%;
  border:medium #663300 solid;
  }
.mapimage {
  
  margin-right: 8%;
  margin-top: 0px;
  width:50%;
  padding:5px;
  border:medium #663300 solid;
  background: #ffffff;
  }
  
.logo {
  margin:0;
  border: medium solid #663300;
  }

#logoalign {
  text-align: center;
  }
  
.home {
  margin-left: -1%;
  float: left;
  margin-right: 8%;
  
}
  
  



  
.column1 {
  float: left;
  width: 40%;
  margin-left: 0%;
  margin-right: 5%;
  margin-top: -5px;
  }
  
.column2 {
  float: right;
  width: 55%;
  margin-top: -5px;

  }
  
.controls {
  
  border-color: green;

  }
  
  
.returns {
  margin-left: 50px;
  border: none;
  text-decoration: none;
  float: left;
  }  

.simple_anchor {
  color: red;
  background-color: #ffffff;
  font-size: 1em;
  padding: 0px;
  margin: 0px;
  text-decoration: underline;
  }
    
.bottombar {
  margin-left: 10%;
  }
  
.note {
  color:red;
  font-weight: bold;
  }
  
.brownnote {
  color: #663300;
  font-size: 125%;
  text-align:center;
}

.brownnote a:visited {
  color:red;
}

.brownnote a:link {
  color:green;
}

input:hover {
  background-color: lightgray;
  }
  
textarea:hover {
  background-color: lightgray;
  }
  
pre {
  
  font-family: sans-serif;
  font-size: .8em;
  font-weight: bold;
  color: #006699;
  }
  
li {
  list-style-type: none;
  }
  
#Soup li {
  list-style-type: disc;
  }
  
.nav_menu {
  margin-left: -25%;
  float: left;
  margin-right: 15px;
  background-color: #006699;
  width: 160px;
  border:  black solid 1px;
  color: yellow;
  }  /*  This is the menu on the "about yampatika" page */
.nav_menu a {
  color: white;
}