html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#736F6E;
} 

#pagewidth{ 
 width:870px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:450px; 
 background: url('images/header.jpg');
 width:100%;
} 

.menu {display:inline-block;}
.menu {display:inline;}
.holder {display:table;}
 
.menu {
  display:table-row;
  padding:0;
  margin:0;
  list-style-type:none;
  white-space:nowrap; 
  }
.menu li {display:inline;}
.menu a, .menu a:visited {
  display:block;
  float:left;
  padding:4px 15px;
  font-family:verdana;
  font-size:10pt;
  font-weight:bold;
  color:#FFF; 
  background:url('images/menubg button.jpg'); 
  background-repeat:no-repeat;
  border:0px solid #fff; 
  text-decoration:none;
  }
.menu a:hover {
	background: #E7E7E7;
	color: #333333; 
  }
 
#menuwrapper {text-align:center;background: url('images/menubg.jpg');}
#menuwrapper .holder {margin:0 auto;}

/* active menu option highlight */
#home #nav-home a,
#facilities #nav-facilities a,
#gallery #nav-gallery a,
#area #nav-area a,
#comments #nav-comments a,
#tariff #nav-tariff a,
#contact #nav-contact a {
  background: #798CB7;
  color: #FFF; 
}


#twocols{
  background: url('images/bodybg.jpg');
  background-repeat:repeat-y;
  padding-left:35px;
  padding-right:35px;
}
 
#maincol{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:95%; 
 padding-top:10px;
 padding-left:20px;
 }

#banner {
position:absolute;
right:0px;
top:5px;
width:210px; height:44px;
z-index:1;
}

#notice {
 margin:15px 0 10px 0;
 float:left;
 width:742px;
 padding:5px;
 text-align:justify;
 border-width:1px;
 border-color:#b80303;
 border-style:solid;
 background:#b80303;
 }

#notice p {
 margin:0; 
 padding:0 0 10px 0;
}
 
#notice h1 {
 font-family:verdana;
 font-size:10pt;
 font-weight:bold;
 color:#ffff00; 
 line-height:100%;
 }

#notice_img {
position:relative;
float:right;
right:-5px;
top:-13px;
width:60px; height:60px;
z-index:1;
}
 
#notice_content {
 font-family:verdana;
 font-size:10pt;
 font-weight:normal;
 color:#fff; 
 line-height:120%;
 margin:0;
 padding:0;
 text-align:left;
 }

#acrobat {
	position:relative;
	float:right;
	padding-top:5px;
	padding-right:340px;
}
 
#footer{
 height:50px; 
 padding-left:0px;
 clear:both;
 background: url('images/footerbg.jpg');
 background-repeat:no-repeat;
 } 

#footer_redir{ 
 float: right;
 padding-top:30px;
 padding-right:60px;
 font-family:verdana;
 color:#808080;
 font-size:8pt;
 }

#footer_admin{ 
 float: left;
 padding-top:30px;
 padding-left:60px;
 font-family:verdana;
 color:#3E3939;
 font-size:8pt;
 }

.body{
 font-family:verdana;
 color:#3E3939;
 font-size:10pt;
}

h1{
  font-family:verdana;
  color:#3E3939;
  font-size:12pt;
  font-weight:bold;
}

h2{
  font-family:verdana;
  color:#3E3939;
  font-size:10pt;
  font-weight:bold;
}

#small_font{
  font-family:verdana;
  font-size:7pt;
}

#ullist {
  border: 1px solid #FFF;
  margin-top: 1em;
  width: 25em;
  padding: 5px;
}

.picture_port{border:0px;padding:0px 20px 10px 20px;}
.picture_land{border:0px;padding:0px 14px 10px 14px;}

/*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/* development from here - move production components up */
/* Is #rightcol redundant - doesn't seem to be used???
#rightcol{
 float: right; 
 display:inline; 
 position: relative; 
 width:25%; 
 }
*/
#sitemap {
	position: relative; 
	margin-top: 10px;
	margin-bottom: -20px;
	margin-left: -10px;
}
#sitemap ul {
	padding-left: 2em;
}
#sitemap li {
	padding-bottom: 5px;
}
ol, ul {
	list-style: disc;
}
#footer_index{ 
 float: left;
 padding-top:30px;
 padding-left:60px;
 font-family:verdana;
 color:#3E3939;
 font-size:8pt;
 }
#footer_index a:hover {text-decoration: none;}
#footer_redir a:hover {text-decoration: none;}

#tariff_table, #tariff_table th, #tariff_table td {
	width: 758px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	border: 1px solid #FFF;
	border-collapse: collapse;
	background-color: #C0C0C0;
	padding: 5px; 
	text-align: center;
}