/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*
{
  font: 11px tahoma;
}
body, h1, h2, h3, h4, h5, h6,
blockquote, p, address, form, fieldset,
ul, ol, dl, dt, dd, li, hr, table, td, th {
	margin: 0;
	padding: 0;
}

a, a:visited { text-decoration: none; }	
fieldset, img { border: none; }
li { list-style: none; }

/* =main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body
{
  background: url('bg.png') repeat-x;
}
#top
{
  height: 365px;
  width: 1000px;
  background: url('top.png') no-repeat;
}
h1
{
  text-indent: -2000px;
  overflow: hidden;
  width: 560px;
  height: 50px;
  position: absolute;
  top: 140px;
  left: 330px;
}
h1 a
{
  display: block;
  width: 560px;
  height: 50px;
  outline: 1px solid blue;
}
#topnav
{
  position: absolute;
  top: 175px;
  left: 315px;
}
#topnav li {float: left;}
#topnav li a
{
  float: left;
  width: 80px;
  height: 50px;
  text-indent: -2000px;
  overflow: hidden;
}
#nav
{
  position: absolute;
  top: 235px;
  left:70px;
}
#nav li {float: left;}
#nav li a
{
  display: block;
  height: 65px;
  text-indent: -2000px;
  overflow: hidden;
}

#nav1 {width: 79px;}
#nav2 {width: 94px;}
#nav3 {width: 90px;}
#nav4 {width: 71px;}
#nav5 {width: 102px;}
#nav6 {width: 92px;}
#nav7 {width: 75px;}
#nav8 {width: 81px;}
#nav9 {width: 84px;}
#nav10 {width: 91px;}

#content
{
  overflow: hidden;
  width: 860px;
  margin-left: 70px;
  margin-top: -60px;
}
div.half
{
  width: 430px;
  float: left;
  overflow: hidden;
}

h2
{
  height: 60px;
  color: #F6A200;
  font-weight: bold;
  line-height:60px;
}
div.content
{
  color:#1B677F;
  line-height:17px;
  padding:5px 20px 20px 0pt;
  text-align:justify;
}

div.content img
{
  display: block;
  margin: auto;
  border: 5px solid #E0EDF7;
}

#foot
{
  border-top: 1px solid #F4F8FB;
  color: #80C4D9;
  height: 55px;
  line-height: 55px;
  clear: both;
  padding-left: 70px;
}
#foot a 
{
  color: inherit;
  font-weight: bold;
}
#foot a:hover {text-decoration: underline;}

form {margin-top: 10px;}
form * {color: #1B677F; margin: 0;}
form td {padding-bottom: 20px;}
form label {font-weight: bold; width: 120px; display: block;}
form input, form textarea {width: 250px; padding: 5px; border: 1px solid #D2DADD; font-size: 13px; }
form input {height: 20px;}
form textarea {height: 160px;}

#sendButton, #resetButton 
{
  width: auto; 
  height: auto; 
  border: none; 
  background: none;
}
#sendButton {font-weight: bold; }

#sendButton:hover, #resetButton:hover {cursor: hand;}

#error {color: red; padding: 5px;}

#data
{
  list-style-type: none; 
  background: url('icons.gif') 0 7px  no-repeat; 
  padding: 0 0 0 20px; 
  margin: auto;
  margin-top: 30px;
  width: 200px;
}
#data li 
{
  margin: 0; 
  padding: 5px 0 6px 0;
}

iframe
{
  border: 5px solid #ccc;
  margin: auto;
  margin-top: 15px;
  display: block;
}
div.content a
{ 
  color: #80C4D9;
  font-weight: bold;
}
div.content a:hover {text-decoration: underline;}