HTML {

background-color: #fff;
	SCROLLBAR-FACE-COLOR: #dfe0d2;
	SCROLLBAR-HIGHLIGHT-COLOR: #dfe0d2;
	SCROLLBAR-SHADOW-COLOR: #dfe0d2;
	SCROLLBAR-3DLIGHT-COLOR: #dfe0d2;
	SCROLLBAR-ARROW-COLOR: #b0c088;
	SCROLLBAR-TRACK-COLOR: #dfe0d2;
	SCROLLBAR-DARKSHADOW-COLOR: #dfe0d2;
}

BODY {
background-color: #fff;
overflow:auto;/*auto scroll hidden*/
position: relative;
	SCROLLBAR-FACE-COLOR: #dfe0d2;
	SCROLLBAR-HIGHLIGHT-COLOR: #dfe0d2;
	SCROLLBAR-SHADOW-COLOR: #dfe0d2;
	SCROLLBAR-3DLIGHT-COLOR: #dfe0d2;
	SCROLLBAR-ARROW-COLOR: #b0c088;
	SCROLLBAR-TRACK-COLOR: #dfe0d2;
	SCROLLBAR-DARKSHADOW-COLOR: #dfe0d2;
}

.line {
background: url(../bg-img/line.PNG);
}

.top {
width: 900px;
height: 100%;
margin: auto; 
text-align: center; 
}

.top1 {
width: 900px;
background: url(../bg-img/top-1.PNG);
background-repeat: no-repeat;
height: px;
}

.top2 {
width: 900px;
background: url(../bg-img/top-2b.PNG);
background-repeat: no-repeat;
height: 100px;
}

.top3 {
width: 900px;
background: url(../bg-img/top-3.PNG);
background-repeat: no-repeat;
height: 55px;
}


.topa {
position: absolute; 
top: 150px;
left: 40%;
text-align: left;
}

div.topb {
position: absolute; 
top: 215px;
left: 40%;
text-align: left;
}


.top4 {
width: 900px;
background: url(../bg-img/top-4.PNG);
background-repeat: no-repeat;

}

.top5 {
width: 900px;
background: url(../bg-img/top-5.PNG);
background-repeat: no-repeat;
height: 55px;
}

.top6 {
width: 900px;
background: url(../bg-img/top-6.PNG);
background-repeat: no-repeat; /*repeat-y; repeat-x;*/
}

.main {
background: url(../bg-img/top-6.PNG);
background-repeat: repeat-y;
}
.info {
background: url(../bg-img/info.PNG);
height: 51px;
}
.in-frame {
background: url(../bg-img/in-frame.PNG);
height: 150px;
}
.link {
background: url(../bg-img/link.PNG);
height: 56px;
}

.foot {
background: url(../bg-img/footer.PNG); 
background-repeat: no-repeat; /*repeat-y; repeat-x;*/
height:50 px;
}


h1 {
  color: #000000;
  font-size: 11px;
  font-weight: normal;
}

.coment {
  color: #000000;
  font-size: 10pt;
  font-weight: normal;
}


h2 {
  color: #000000;
  font-size: 9pt;
  font-weight: normal;
}

h3 {
  color: #808080;
  font-size: 9pt;
  font-weight: normal;
text-align: left;
}

h4 {
  color: #808080;
  font-size: 8pt;
  font-weight: normal;
}

h6 {
  color: #FF0000;
  font-size: 11pt;
  font-weight: normal;
}

.info {
  color: #000;
  font-size: 9pt;
}
a.info {
  text-decoration: none;
  color: #808080;
  font-size: 9pt;
}
a.info:hover {
  text-decoration: none;
  color: #000;
  font-size: 9pt;
  position: relative;
  top: 1px;
  left: 2px;
}
.float{
float: left;
margin-right: 1em;
}
.floatclear{
clear: both;
}
a.reserve:hover {
  text-decoration: none;
  position: relative;
  top: 1px;
  left: 3px;
}
.reserve {
  color: #993300;
  font-size: 9pt;
}
a.links {
  text-decoration: none;
  color: #808080;
  font-size: 9pt;
}
a.links:hover {
  text-decoration: none;
  color: #000;
  font-size: 9pt;
  position: relative;
  top: 1px;
  left: 2px;
}
#cal {
  font-size: 10px;
  text-align: center;
  background-color: white;
  width: 300px;
  height: 100%;
  position: relative;
padding: 30px 0px 0px 550px;

}