a {cursor: crosshair;}

body {
  background-color: #9dca6d;
  }

br {
  line-height: 1em;}


div#container{
  height: 100%;
  width: 800px;
  margin: 0 auto;
  background-color: #9dca6d;}

div#leftbox{
  height: 100%;
  width: 250px;
  background-color: #9dca6d;
  float:left;
  margin: 0;}
 
div#rightbox{
  height: 100%;
  width: 540px;
  background-color: #9dca6d;
  float:left;
  margin: 0;}

#image {
  position: relative;
  left: 20px;
  top: 20px;
  margin: 0;}
  
#nav {
  position: relative;
  left: 75px;
  top: 40px;
  width: 100px;
  font-family:  Eras Light ITC;
  font-weight: bold;
  font-size: 11pt;
  text-align: center;
  line-height: 1.25em;
  color: black;

  border-top: #555555 2px solid;
  border-bottom: #555555 2px solid;
  margin: 0;}

#title {
  position: relative;
  left: 20px;
  top: 0px;
  width: 510px;
  height: 87px;
  border-bottom: #555555 2px solid;
  margin: 0;
}  


#main {
  position: relative;
  left: 25px;
  top: 15px;
  width: 470px;
  height:  390px;
  font-family: Century Gothic;
  font-size: 10pt;
  text-indent: 15px;
  padding-left: 15px;
  padding-right: 15px;
  color: black;
  background-color: #92b866;
  overflow: auto;
  margin: 0;}



.heading {
  font-family: Eras Medium ITC;
  font-size: 14pt;
  font-weight: bold;
  text-indent: 0px;
  color: black;}

.heading2{
  font-family: Eras Medium ITC;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: underline;
  text-indent: 0px;
  color: black;}
  
.heading3{
  font-family: Eras Medium ITC;
  font-size: 12pt;
  font-weight: bold;
  text-indent: 0px;
  color: black;}

  
.listdiv{
  font-family: Eras Medium ITC;
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  text-indent: -40px;
  color: black;}
  
.date {
  font-family: Century Gothic;
  font-size: 10pt;
  text-indent: 10px;
  font-style: italic;}

.pictitle {
  font-family: Century Gothic;
  font-size: 10pt;
  text-indent: 10px;
  font-style: italic;}
  
.quote {
   font-family: Century Gothic;
   font-size: 10pt;
   text-indent: 15px;
   font-style: italic;}
   
.term {
font-family: Century Gothic;
  font-size: 10pt;
  text-indent: 10px;
  font-weight: bold;
  font-style: italic;}

#subnav {
  position: relative;
  left: 20px;
  top: 30px;
  width: 510px;
  height: 60px;
  border-top: #555555 2px solid;
  background-color: #9dca6d;
  margin: 0;}


.submenu_iframe{
  margin: 0px;
  padding: 0px;
  width: 500px;
  height: 50px;
  font-family:  Eras Light ITC;
  font-size: 11pt;
  font-weight: bold;
  text-align: left;
  text-indent: 20px;
  word-spacing:  1ex;
  line-height: 1em;
  background-color: #9dca6d;
  }

.submenu{
  margin: 0px;
  padding: 0px;
  width: 470px;
  height: 20px;
  font-family:  Eras Light ITC;
  font-size: 11pt;
  font-weight: bold;
  text-align: left;
  text-indent: 20px;
  word-spacing:  1ex;
  line-height: 1em;
  background-color: #9dca6d;
  }

.indent1{text-indent: 15px; font-style: italic;}
.indent2{text-indent: 20px; font-style: italic;}
.indent3{text-indent: 25px; font-style: italic;}  
.indent4{text-indent: 20px;}
.quotetitle{
  font-family: Eras Medium ITC;
  font-size: 12pt;
  font-weight:bold;}

pre {
  text-indent: 0px;}

.color1{
  color: blue;}

.color2{
  color: yellow;}
  
li {text-indent: 0px;}

ul{
  text-indent: 0px;}
  



a:link {color: #0033ff;  text-decoration: none;}
a:visited {color: #9900cc;  text-decoration: none;}
a:hover {color: #000099; text-decoration: none;}

a.menu:link {color: black;  text-decoration: none;}
a.menu:visited {color: #555555; text-decoration: none;}
a.menu:hover {color: yellow; text-decoration: none;}