@import url(layout.css);
body {
	color: #fff;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	background-color: #000;

}
#container {
	width: 924px;
	margin: auto;
	/*border: 1px solid #333;*/
	background-color: #000;
	//*position: relative;*//
}

#banner {
background-image:url('images/ferry-bed-breakfast-03.jpg'); background-repeat: no-repeat;
background-position: left;
float : inherit;
width: 924px;
height: 235px; 
padding: 3px;
/*border-bottom: 1px solid #768a40;*/
}
#navigation {
	background-color: #000;
	width:834px;margin:auto;
	/*border-top: 1px solid #5c6240;
	border-bottom: 1px solid #5c6240;*/
	overflow: hidden;
}
#content {
	//*position: relative;*//
	width: 924px;
	/*border-top: 1px solid #768a40;*/
	background-color: #000;
}
.table {width: 900px; border: 0px solid #d9ddcd; margin-bottom:0px; margin-top: 0px;margin-left: auto; margin-right: auto;background-color:#000;}
.leftcell {background-color:#111;border:#222 solid 1px;padding-top:20px;}
.rightcell {width:525px;background-color:#111;border:#222 solid 1px;}
.centercell {width:900px;background-color:#111;border:#222 solid 1px;}

#rightcontent {
	background-color: #111;
	text-align: justify;
	padding-left:15px; padding-right:15px;
}
#rightcontent li {list-style:circle;}
#lefttcontent {
	background-color:#111;
	text-align:center;
}
#leftcontent img {border: #c8b37a 1px solid; padding:3px;}
.picbox {border: #c8b37a 1px solid; padding:3px;}
#footer {
    width: 870px;margin:auto;
	background-color: #111;
	padding-bottom: 0px;
	border: 1px solid #222;
}
/*Styles for Navigation*/
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;padding-left:0px;
}
#navigation li {
	float: left;padding-left:2px;padding-right:2px;
}
#navigation a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	display: block;
	padding:6px;
	padding-top: 6px;padding-bottom:2px;
	border: 1px solid #7d6420;
	background-color: #111;
}
#navigation a:hover {
	color: #d1fc4c;
	text-decoration: none;

	border: 1px solid #d1fc4c;
	background-color: #000;
}
/* Styles for Content */
h1 {
	font-family: Copperplate Gothic Light, Franklin Gothic Book, Rockwell, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	margin:0 0 0 320px;
	padding-top:175px;
	color: #C4A700;
}
h2 {
	font-size: 1.5em;
	color: #59623A;
}
h3 {
	font-size: 1.5em;
	color: #59623A;
}
h4 {
	font-size: 1.1em;letter-spacing:1px;
	color: #59623A;
}
h5 {
	font-size: 0.75em;
	color: #3A3D2E;
}
h6 {
	font-size: 0.5em;
	color: #3A3D2E;
}
/* Styles for Footer */
#footer p {
	font-size: x-small;
	text-align: center;
	color: #777;
	margin: 10px;
	padding: 1px;
}
.style1 {color: #FFFFFF}
.style2 {
	text-align: center;
	font-size: x-small;
}
.style3 {
	text-align: center;
	font-size: small;
	font-weight: 600;
	color: #59623A;
}
.style4 {font-size: x-large;
		font-style: italic;
}
.style5 {
	font-size: 16px;
	font-weight: bold;
	color: #CCFF33;
}

#footer a {
	color:  #fff;
	text-decoration: underline;
}
#footer a:hover {
	color: #d1fc4c;
}
/* Styles for Links */
a {
	color: #ffcc00;
	text-decoration: underline;
}
a:hover {
	color: #ff0;
	text-decoration: underline;	
}
a:visited { color: #cca400;}

.style_bold {
	font-weight: bold;color:#3f175b;
}
.style_italic {
	font-style: italic;	
}
.center {text-align: center;}
.circle {list-style-type: circle;}
.box {
	background-color: #F3F3F3;
	border: 1px solid #FF6600;
	margin: 15px;padding-left:5px;padding-right:5px;
}
.small {font-size: xx-small;}
.right {text-align: right;padding-right:5px;}
#bullets li {padding-bottom:6px;padding-top:6px;border-bottom:1px #c0c0d0 dashed;list-style:circle;}
#wf {width:924px;text-align:right;margin:auto;}
#wf a {color: #4a5438;text-decoration: none;font-size:10px;}
#wf a:hover {color: #c64f1a; text-decoration: underline;}
.tblhdr {
	text-align: center;
	font-size: 13px;
}
