/*layout style*/
body{
  margin:0px;
  background: url(../docs/bg_grad3.jpg) fixed;
  background-repeat:repeat-x;
}
div.top{
  height:4em; 
  width:100%;
  border-bottom: solid 1px;

}
div.side{
  margin-top:1%;
  margin-left:1%;
  width:20%; 
  float:left;
}
div.center{
  margin-top:1%;
  margin-right:1%;
  margin-bottom:1%;
  width:77%;
  height:auto; 
  float:left;
  border-radius:3ex;
  -webkit-border-radius:3ex;
  -moz-border-radius:3ex;
  background-color: #ffffff;
  padding:0.5%;
}

/*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; 
  margin-bottom:2px;
  border:solid 1px;
}
div.nav-heading{
  margin-top:0; 
  height:8%; 
  width:100%; 
  background-color: #FFA500;
  padding-top:2px;
  padding-bottom:2px;
}
ul.nav
{
  list-style-type:none;
  margin:0;
  background-color:#FFFFCC;
  padding:0;
}
a.nav:link,a.nav:visited
{
  display:block;
  padding:4px;
  text-decoration:none;
}
a.nav:hover,a.nav:active
{
  background-color:#F0E68C;
}

/*boxes*/
div.info-box{
  width:98%;
  margin-top:1%;
  margin-bottom:1%;
  margin-left:1%;
  margin-right:1%;
  border: solid 1px;
}
div.index-box{
  width:98%;
  margin-top:1%;
  margin-bottom:1%;
  margin-left:1%;
  margin-right:1%;
  border: solid 1px;
  background-color: #FFFFCC;
}
table{
  font-size:120%;
}

/*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;
  font-size:120%;
}
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;
  text-decoration:none;
}
a:hover{
  text-decoration: underline;
}
.help{
  color:black;
  font-weight:bold;
}
.english{
  font-size:100%;
}