body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-family:"Trebuchet MS", arial, verdana, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  text-align: center;
  }

/* for internet explorer */
* html body {
  padding:84px 0 18px 0; 
  }

  iframe{
  	border: none;
	height: 100%;
	width: 100%;
	background: #eee;
  }
  #iframe{
  	border: none;
	height: 100%;
	width: 100%;
	background: #eee;
  }
#container {
  font-size: 1.2em;
  position:fixed; 
  top:84px;
  left:0;
  bottom:20px; 
  right:0; 
  overflow:auto;

  background:#eee;
  padding:14px;
  text-align:center;
  }

* html #container {
  height:100%; 
  width:100%;

  }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:84px; 
  overflow:hidden; 
  background:#b6b4b3;
  border-bottom: 4px solid #9C9C9C;
  }
* html #header {height:84px;}


#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:18px; 
  overflow:auto; 
  text-align:center;
  background:#b6b4b3;
  border-top: 2px solid #9C9C9C;
  }
* html #footer {height:18px;}


#headercontainer{
	width: 755px;
		margin: 0 auto;

}
#headercontainer img {
	margin: 4px 34px 0 0;
}
h1 {
	text-align: left;
	margin: 4px 0 0 0;
	padding: 0;
}
h1 a img {
	border: none;
	float: left;
}
.br{
	clear: both;

}

#info h4.top{
	color: #000;
	margin: 0 0 4px 0; 
	font-size: 120%;
	letter-spacing:1px;
}
#footer h5 {
	color: #FF0000;
	font-size: 73%;
	text-align: center;
	margin: 0;
	padding: 0;
}

#info p a.banner {
	display:block;
	width: 468px;
	padding: 20px 0 20px 0; 
	background: #111;
	border: 1px solid #999;
	text-align: center;
}

#image{
	background: #999999;
	float: left;
	min-width: 250px;
	padding: 0;
	width: 50px;
}
#nav {
	margin: 0 auto 2px auto;
	padding: 0;
}
#nav a {
	text-decoration: none;
	height: 14px;
	width: 14px;
	display:block;
	color: #fff;
	background: #999;
	float:left;
	padding: 0;
	font-size:70%;
	padding: 0;
	margin: 0 1px 0 0;
}
#nav a:hover{
	background: #333;
	
}
#info {
	color: #333;
	margin: 0 auto;
	width: 730px;
	padding: 0 0 20px 0;

}
#info a{
	color: #FF3300;
	text-decoration: none;
}
#info h4{
	color: #f00;
	letter-spacing: -1px;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;

}
#info img.float{
	border: 1px solid #999999;
	float: right;
	margin: 10px 0 10px 14px;
}
#info p{
	color: #333;
	font-size: 80%;
	text-align: justify;
}
#info a img{
	border: 1px solid #999;
}
#mainimage{
margin: 0 auto;

width: 755px;	
}
#mainimage a img{
	border: 4px solid #999999;

}
#mainimage p{
	color: #FFFFFF;
	font-size: 80%;
	margin: 0;
	padding: 0 0 4px 8px;
	text-align: left;
	width: 200px;
}

#header li{
	font-size: 90%;
	margin: 0 0 0 0;
	width: auto;
	height: 14px;
	float: left;

}
#header li a{
	color: #333;
	display: block;
	font-weight: bold;
	padding: 2px 6px;
	margin: 0 4px 0 0 ;
	text-decoration: none;
	text-align: left;

}
#header li a:hover{
	background: #FF0000;
	color: #FFFFFF;
}
#header ul, #pictures ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#header ul{
	margin-top:56px;
	float: left;
}
#pictures {
	width: 900px;
	margin: 0 auto;
}
#pictures li {
	float: left;
	margin: 0 2px 2px 0;
}
#pictures li a{
	background: #999999;
	display: block;
	float: left;
	height: 102px;
	padding: 0;
	width: 102px;
}
#pictures li a img {
	border: none;
	height: 100px;
	margin: 1px;
	width: 100px;
}
#pictures li a:hover {
	background: #000;
}

table {
	width: 730px;
	text-align: left;
	padding: 0;
	margin: 0;
}
td{
	font-size: 73%;
}
input, textarea, select {
	border: 1px solid #999;
	background: #f5f5f5;
	font-size: 100%;
}
table td{
		text-align: left;

}
#radio td input {
	border: none;
	background: none;
}
table#radio {
	width: 388px;
	margin: 0 0 0 4px;
	float: left;
}
input.button {
	margin: 8px 0 0 140px;
	background: #f00;
	color: #fff;
}
textarea{
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}