body {

	margin: 0;
	font-size: 12px;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color: #fff;
	background: url('images/fade.gif') top left repeat-x #3A6CAC;
	
}


a{

	color: #fff;

}

#page {	

	display: block;
	text-align: center;

}

#layout {
	
	width: 900px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

}

#header{

	margin: 0;
	
	
	
}

h1{

	margin: 0;

}

#topNav{

	float: right;
	margin:  0 0px 0 0;


}

#topNav ul{

	padding: 10px;
	background: #234066;
	list-style: none;
	margin: 0;

}

#topNav ul li{

	padding: 5px 0 0 0;

}

#topNav ul li a{

	background: url('images/arrow.gif') 3px 5px no-repeat;
	padding: 3px 3px 3px 18px;
	font-size: 14px;
	text-decoration: none;
	color: #fff;

}

#topNav ul li a:hover{

	background: url('images/arrow.gif') 3px 5px no-repeat #3A6CAC;

}

#content{

	

}

#content .container{

	min-height: 400px;
	padding: 290px 0px 0px 0px;

}

#home #content .container {

	background: url('images/pagetop-home.jpg') top left no-repeat;

}

#ferries #content .container{

	background: url('images/pagetop-ferries.jpg') top left no-repeat;

}

#gardens #content .container{

	background: url('images/pagetop-gardens.jpg') top left no-repeat;

}

#lodging #content .container{

	background: url('images/pagetop-lodging.jpg') top left no-repeat;

}

.clear{

	clear: both;
	
}

.hidden{

	display: none;

}