@charset "UTF-8";
/* Screen CSS Document */




/* --------------- Beginning of CSS Reset --------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym {
	border:0;
}
/* --------------- End of CSS Reset --------------- */




/* --------------- Main Div Document Styling --------------- */

html {
	background-image: url(/_images/body_tile.png);
}

body {
	font-size: 62.5%;
}


#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#wrapper div {

}


#header {
	height: 100px;
	width: 960px;
	background-image: url(/_images/header.jpg);
}
#header div{
	padding: 12px;

}


#image_area {
	height: 450px;
	width: 960px;
	background-image: url(/_images/home_image.jpg);
	background-position: bottom;
}
#image_area div {

}


#navigation {
	height: 35px;
	width: 960px;
	background-image: url(/_images/footer_background.png);

}
#navigation div {
	padding: 0px 70px 0px 91px;

}


#subnavigation {
	float: left;
	height: 400px;
	width: 200px;
	background-color:#E2AF64;
	background-image: url(/_images/side_bar_edge.png);
	background-repeat: repeat-y;
}
#subnavigation div {
    padding: 2.5em;
}


#main_content {
	float: left;
	height: 400px;
	width: 760px;
	background-color:#FFDBA9;
}
#main_content div {
	padding: 40px;
}


#footer {
	clear: both;
	height: 36px;
	width: 960px;
	color: #DDCA51;
	background-image: url(/_images/footer_background.png);
}
#footer div {
	padding: 10px 181.5px 0px 181.5px;
}

/* --------------- Styling of the Main Navigation --------------- */

#navigation a {
	font-family: "Gill Sans MT", "Hypatia Sans Pro", "Helvetica Neue", sans-serif;
	font-size: 1.6em;
	padding: 0px 0px 0px 0px;
	margin:	0px -5px 0px 0px;
	height: 35px;
	display: inline-block;
	text-indent: -1000000px;
	background-image: url(/_images/navbar_pixie.jpg);
}

/* ------- Home Link States -------- */

#home:link, #home:visited {
	width: 112px;
	background-position: -88px 0px;
	}
#home:hover {
	width: 112px;
	background-position: -88px -35px;

	}
#home:active {
	width: 112px;
	background-position: -88px -70px;
	}
.home #home[title~=Home] {
	width: 112px;
	background-position: -88px -70px;
	cursor: default;
}


/* ------- Accommodations Link States -------- */

#accommodations:link, #accommodations:visited {
	width: 215px;
	background-position: -200px 0px;
	}
#accommodations:hover {
	width: 215px;
	background-position: -200px -35px;

	}
#accommodations:active {
	width: 215px;
	background-position: -200px -70px;
	}
.accommodations #accommodations[title~=Accommodations] {
	width: 215px;
	background-position: -200px -70px;
	cursor: default;
}


/* ------- Activities Link States -------- */

#activities:link, #activities:visited {
	width: 144px;
	background-position: -415px 0px;
	}
#activities:hover {
	width: 144px;
	background-position: -415px -35px;

	}
#activities:active {
	width: 144px;
	background-position: -415px -70px;
	}
.activities #activities[title~=Activities] {
	width: 144px;
	background-position: -415px -70px;
	cursor: default;
}


/* ------- About Link States -------- */

#about:link, #about:visited {
	width: 144px;
	background-position: -559px 0px;
	}
#about:hover {
	width: 144px;
	background-position: -559px -35px;

	}
#about:active {
	width: 144px;
	background-position: -559px -70px;
	}
.about #about[title~=About] {
	width: 144px;
	background-position: -559px -70px;
	cursor: default;
}


/* ------- Reservations Link States -------- */

#reservations:link, #reservations:visited {
	width: 174px;
	background-position: -703px 0px;
	}
#reservations:hover {
	width: 174px;
	background-position: -703px -35px;

	}
#reservations:active {
	width: 174px;
	background-position: -703px -70px;
	}
.reservations #reservations[title~=Reservations] {
	width: 174px;
	background-position: -703px -70px;
	cursor: default;
}




/* --------------- General Elements Styling (h1, h2, h3, p, etc.) --------------- */

h1 {
	font-family: "Gill Sans MT", "Hypatia Sans Pro", "Helvetica Neue", sans-serif;
	font-weight: bold;
}


h2 {
	font-family: "Gill Sans MT", "Hypatia Sans Pro", "Helvetica Neue", sans-serif;
	font-weight: bold;
    margin-bottom: 1em;
    font-size: 1.75em;
}



h3 {
	font-family: "Gill Sans MT", "Hypatia Sans Pro", "Helvetica Neue", sans-serif;
	font-weight: bold;
}

p {
	font-family: "Gill Sans MT", "Hypatia Sans Pro", "Helvetica Neue", sans-serif;
	font-size: 1.6em;
}

p strong {
	font-family: "Gill Sans MT", "Hypatia Sans Pro", "Helvetica Neue", sans-serif;
	font-size: 1em;
	font-weight: bold;
}




/* --------------- Altered General Elements Styling (h1, h2, h3, p, etc.) --------------- */

#header h1 {
	text-indent: -1000000px;
}




/* --------------- Styling of the Footer Navigation --------------- */

#footer a {
	font-family: "Gill Sans MT", "Hypatia Sans Pro", "Helvetica Neue", sans-serif;
	font-size: 1em;
	text-decoration: none;
	color: #DDCA51;
	padding: 0px 25px 0px 25px;
}

#footer a:hover {
	font-family: "Gill Sans MT", "Hypatia Sans Pro", "Helvetica Neue", sans-serif;
	font-size: 1em;
	text-decoration: none;
	color: #BD3102;
	padding: 0px 25px 0px 25px;	
}

.colophon #colophon[title~=Colophon] {
	color: #BD3102;
}

.contact #contact[title~=Contact] {
	color: #BD3102;
}

.resources #resources[title~=Resources] {
	color: #BD3102;
}

.site_plan #site_plan[title~=Site] {
	color: #BD3102;
}