body {
 background: #fff;
 margin: 0;
 padding: 0;
 height: 100%;
 }

#center {
 position: relative;
 top: 0px;
 margin-left: auto;
 margin-right: auto;
 width: 900px;
 height: 800px;
 border: 0;
 z-index: 1;
}

#header {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 371px;
 height: 144px;
 border: 0;
 z-index: 2;
}

#menu {
 position: relative;
 top: 283px;
 left: -39px;
 width: 955px;
 height: 50px;
 z-index: 5;
 
 font-family: arial, helvetica, sans-serif;
 font-size: 12pt;
 font-weight: bold;
 color: #fff;
}
 
#content {
 position: absolute;
 top: 328px;
 left: 280px;
 width: 370px;
 height: 328px;
 padding: 5px;
 z-index: 5;
 overflow: auto;

 font-family: tahoma, verdana, arial, helvetica, sans-serif;
 font-size: 11pt;
 font-weight: normal;
 color: #333;
 line-height: 140%;
 text-align: left;
 }
 
#pic {
 position: absolute;
 top: 295px;
 left: 5px;
 width: 370px;
 height: 330px;
 z-index: 3;
 } 
 
#butterfly {
 position: absolute;
 top: 400px;
 left: 670px;
 width: 200px;
 height: 330px;
 z-index: 3;
 } 

#language {
 position: absolute;
 top: 620px;
 left: 830px;
 width: 100px;
 height: 50px;
 z-index: 5;
 }  
 
 
h1 {
 font-family: arial, sans-serif;
 font-weight: normal;
 font-style: italic;
 font-size: 16pt;
 color: #333;
 line-height: 120%;
 padding: 0px;
 text-align: left;
}

h2 {
 font-family: arial, sans-serif;
 font-weight: bold;
 font-size: 12pt;
 color: #333;
 line-height: 120%;
 padding: 0px;
 text-align: left;
}


a.link:link{
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11pt;
  color: #990000;
  text-decoration: none;
}

a.link:visited{
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11pt;
  color: #990000;
  text-decoration: none;
}

a.link:hover{
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11pt;
  color: #3300cc;
  text-decoration: underline;
}

a.link:active{
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11pt;
  color: #3300cc;
  text-decoration: underline
} 


#navlist ul
{
margin: 0;
white-space: nowrap;
padding: 0;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a
{
padding: 1px 23px 1px 23px;
border: 1px solid #333;
background-color: #ffffdf;
}

#navlist a:link, #navlist a:visited
{
color: #333;
text-decoration: none;
}

#navlist a:hover
{
border: 1px solid #333;
background-color: #990000;
color: #fff;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #990000;
color: #fff;
}


/* 
	TagBox table styles
	written by TagBox http://www.tagbox.de
*/
table {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 12px verdana, arial, helvetica, sans-serif;
  color: #333;
  background: #ADE2EA;
  }
caption {
  text-align: left;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #333;
  text-transform: uppercase;
  }
td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

thead th, tfoot th {
  font: bold 12px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;
  text-align: left;
  background: #ddd;
  color: #333;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }

tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }

tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #AEE239;
  }