/* CSS STYLE - Web Design */

body {
  background-color:#e0e0ee;
  font-size:62.5%;
 }

p {
 font-family:Basic Sans SF;
  font-weight: normal;
  font-size:1.7em;
  color: #3300ff;
}

h1 {
  font-family:Basic Sans SF;
  font-weight: bold;
  font-size:2.5em;
  color: #333399;
}

h2 {
  font-family:Basic Sans SF;
  font-weight: normal;
  font-size:2.1em;
  color: #00aa00;
}

h3 {
  font-family:Basic Sans SF;
  font-weight: normal;
  font-size:1.4em;
  color: #00aa00;
}

h4 {
  font-family:Basic Sans SF;
  font-weight: normal;
  font-size:1.8em;
  color: #0000ff;
}

tt {
  font-family:Basic Sans SF;
  font-weight: normal;
  font-size: 1em;
  color: #007700;
}

a.nav {
  display: block;
  font-size : 0.9em;
  font-family:Basic Sans SF;
  color : #0f9100;
  background: #afafaf; 
  font-weight: normal;
  border-style: solid;
  border-width: 1px;  
  border-color:#3300ff;
}

a.nav:link {
  text-decoration: none;
  color: #3300ff;
}

a.nav:visited {
  text-decoration: none;
  color: #3300ff;
}

a.nav:hover {
  text-decoration: none;
  color: #ffffff;
  background: #6666ff;
}

a.nav:active {
  text-decoration: none;
 }

a.misc {
  font-size : medium;
  font-family:Basic Sans SF;
  color : #0000ff; 
  font-weight: normal;
  border-style: solid;
  border-width: 15px;  
  border-color: #e0e0ee;
}

a.misc:link {
  text-decoration: none;
  color: #0000ff;

}

a.misc:visited {
  text-decoration: none;
  color: #0000ff;
}

a.misc:hover {
  text-decoration: none;
  color: #ee0000;
}

a.misc:active {
  text-decoration: none;
  /*color: #0000ff;*/
 }

table.nav th, table.nav td {
  font-size : 1.1em;
  font-family:Basic Sans SF;
  color : #333399;
  font-weight : bold; 
  background-color: #e0e0ee;
}

#titlebox, #textbox, #navigation {
  position: absolute;
}

#titlebox {
  top: 3%;
  left: 5%;
  width: 60%;
  z-index:2;
  /*border: 1px solid red;*/
}


#textbox {
  top: 3%;
  left: 7%;
  width: 80%;
  background-color: #e0e0ee;
  border-style: solid;
  border-width: 20px;  
  border-color: #e0e0ee;
  z-index:1;
  text-align: justify;
  /*overflow : hidden;*/
}