/* THIS STYLE SHEET WORKS WITH THE GENERIC PAGES */
body {
	background-color:  #A1BDA7;
	color: #1C1819;
	font: normal 10pt Comic Sans MS, sans-serif;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.main_list
{
    font-size: 12pt;
    list-style-type:none;
    padding: 0;
    margin: 0;
}
h1
{
color: #364236;
font: normal 40pt;
}

div.main_title
{
    color: #364236;
	font: normal 46pt Comic Sans MS, sans-serif;
	padding: 60px 0px 0px 0px;
}
/* overall container to centre pages at higher resolutions */
#container {
	width: 760px;
	margin: 0px auto auto auto;
	padding: 0px 0px 0px 0px;
}

#contents {
	float: right;	
	text-align: left;
	width: 630px;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}




#nav {
    font-size: 1em;
	left: 0px;
	position: relative;
	margin: 40px 0px 0px 0px;
	padding: 10px;
	float:left;
    
}


#nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 3px;


    
}

#nav ul li
{
    display:block;
}

#nav a {
    display: block;
    padding: 5px 0px;
    width: 100px;
    color: #364236;

    text-decoration: none;
    border: 1px solid;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 5px;
    background:#E0EDE4;
}
#nav a:hover {
    color:#F0EED5;
    text-decoration: none;
    border: 1px solid;
    margin-bottom: 5px;
    background: #364236;
}
#nav ul ul a {
    display: block;
    padding: 5px 5px 5px 5px;
    width: 93px;
    margin-bottom: 3px;
    background-color: #FFFFFF;
    font-weight: normal;
}

/* formatting for footer information */
#footer {
	clear: both;
	height: 30px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}

/* container for links on directions page */
#linkboxright {
	float: right;
	width: 120px;
	text-align: center;
	color: #000000;
	background-color: #F0EED4;
	border: 1px solid #000000;
	margin: 0px 0px 10px 10px;
	padding: 20px 0px 20px 0px;
}

/* container for image links on home page */
#linkboxmain {
	float: right;
	width: 425px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

/* image positioning */
.mapbox {
	clear: left;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.imageboxleft {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.imageboxright {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

/* default image treatment */
img {
	border: 1px solid Black;
}

/* removes borders from images */
.imgnotrim { 
	border: none;
}

/* page headings */
h1 {
	font: italic 14pt Comic Sans MS, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* secondary headings */
h2 {
	font: italic 11pt Comic Sans MS, sans-serif;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
}

h4 {
	font: italic 11pt Comic Sans MS, sans-serif;
	color: Red;
	background-color: transparent;
	text-decoration: underline;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

h5 {
	color: #733A00;
	background-color: transparent;
	font: italic 12pt Comic Sans MS, sans-serif;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

/* spot text format */
em {
	font-style: normal;
	font-weight: bold;
}

span {
	text-decoration: underline;
}

/* paragraph formats */
p {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

p.justify {
	text-align: justify;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

p.detail {
	text-align: left;
	font-size: 8pt;
	font-style: italic;
}

p.detail2 {
	font-size: 8pt;
	font-style: italic;
}

p.center {
	text-align: center;
}

p.indent {
	margin: 0% 0% 1% 4%;
	padding: 0px 0px 0px 0px;
	width: 96%;
	clear: both;
}

p.indentdetail {
	font-size: 8pt;
	font-style: italic;
	margin: 0% 0% 1% 4%;
	padding: 0px 0px 0px 0px;
	width: 90%;
	clear: both;
}

/* format for business listings on activities page */
div.arealistings ul {
	list-style-type: none;
}

div.arealistings span {
	font-weight: bold;
}

/* column formatting on contact page */
.leftlist {
	float: left;
	text-align: left;
	width: 280px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.rightpic {
	float: right;
	width: auto;
	margin: 10px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* rate page formatting elements */
.ratepolicies {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	clear: both;
}

.rates {
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 310px;
}

.specials {
	float: right;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 280px;
}

table.ratecard {
	width: 90%;
	margin-left: 30px;
	margin-bottom: 15px;
	float: right;
}

.cella {
	background-color: #E0EDE4;
	color: #1C1819;
	text-align: center;
	vertical-align: top;
	width: 30%;
}

.cellb {
	background-color: #C1D4CE;
	color: #1C1819;
	text-align: center;
	vertical-align: top;
	width: 30%;
}

/* special link treatments */
.detaillink {
	font: italic 8pt Comic Sans MS, sans-serif;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
}

.notice {
	font: italic 8pt Comic Sans MS, sans-serif;
	color: Black;
	background-color: transparent;
	text-decoration: none;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

.mainlink {
	font: normal small-caps 11pt verdana, sans-serif;
	text-decoration: none;
}

/* format for embedded links */
a:link {
	background-color: transparent;
	color: #FDFEFF;
	font: normal 10pt Comic Sans MS, sans-serif;
	text-decoration: none;
}

a:visited, a:active {
	background-color: transparent;
	color: #DDF2ED;
	font: normal 10pt Comic Sans MS, sans-serif;
	text-decoration: none;
}

a:hover {
	background-color: transparent;
	color: #DDF2ED;
	font: normal 10pt Comic Sans MS, sans-serif;
	text-decoration: none;
}


/* formats alternating columns of images and lists on cabin page */
.piclist {
	clear: both;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 208px;
}

.piclisttall {
	clear: both;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 280px;
}

div.piclist li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

div.piclisttall li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.rightlist {
	float: right;
	padding-top: 3%;
	text-align: left;
	width: 280px;
	margin-right: 20px;
}

.rightpic {
	float: right;
	text-align: center;
	width: 280px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.leftlist {
	float: left;
	padding-top: 3%;
	text-align: left;
	width: 280px;
	margin-left: 20px;
}

.leftlistdetails {
	float: left;
	padding-top: 3%;
	text-align: left;
	width: 280px;
	margin-left: 0px;
}


.leftpic {
	float: left;
	text-align: center;
	width: 280px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#sunset {
  margin: 200px 0px 0px 0px;
  width:600px;
}