/*layout style*/
body{
margin:0px;
}
div.top{
  height:4em; 
  width:100%;
  background-color: #FFD700;
  border-bottom: solid 1px;
}
div.side{
  margin-top:1%;
  margin-left:10px;
  width:20%; 
  height:80%; 
  clear:left; 
  float:left;
}
div.center{
  margin-top:1%;
  width:75%;
  height:auto; 
  float:left;
}

/*header and footer style*/
div.title{
  margin-top:5px;
  height:60%;
}
div.button{ 
  float:left;
  height:30%;
  padding-left: 3px;
  padding-right: 3px;
  border-right: solid 1px;
}
div.footer{
  font-size:70%;
  width:100%;
  clear:both;
  margin-top:1em;
  border-top:solid 1px;
}

/*navigation*/
div.nav{
  width:93%; 
  margin-left:2px; 
  margin-right:3px; 
  border:solid 1px;
}
div.nav-heading{
  margin-top:0; 
  height:5%; 
  width:100%; 
  background-color: #FFA500;
}

/*boxes*/
div.info-box{
  width:100%;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:20px;
  margin-right:3px;
  border: solid 1px;
}
div.index-box{
  width:100%;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:20px;
  margin-right:3px;
  border: solid 1px;
  background-color: #FFFFCC;
}

/*text style*/
h1{
  margin-left:5px;
  margin-bottom:0.5em;
  font-size:150%;
  font-family:sans-serif;
}
h1.header{
  font-size: 150%;
  float: right;
  padding-right: 5%;
  font-family: sans-serif;
}
h2{
  margin-top:0;
  padding-top:2px;
  margin-bottom:3px;
  margin-left:5px;
  margin-right:3px;
  font-size:100%;
  font-family: san-serif;
}
h2.box{
  margin-top:0;
  padding-top:2px;
  margin-bottom:3px;
  margin-left:5px;
  margin-right:3px;
  font-size:100%;
  font-family: sans-serif;
  color: #FFFFFF;
}
p{
  margin:5px;
  margin-left:10px;
  font-family:sans-serif;
}
p.center{
  margin:5px;
  margin-left:10px;
  font-family:sans-serif;
  text-align:center;
}
p.right{
  margin:5px;
  margin-left:10px;
  font-family:sans-serif;
  text-align:right;
}
a{
  color:#0000cc;
}
.help{
  color:black;
  font-weight:bold;
}