body {
	background: #fff;
	margin: 0;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	color: #033c47;
}

:link, :visited, :link:active, :visited:active {
	text-decoration: none;
	color: #00b7f5;
}

:link:hover, :visited:hover {
	color: #0080B3;
}

h1 {
	font-size: 26px;
	font-weight: normal;
	text-transform: uppercase;
	color: #0e81ae;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #a4d4e2;
	margin: 5px 0 0 0;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #9fd3e8;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 1em 0 .5em 0;
}

p {
	margin: 1em 0;
}

.float_right {
	float: right;
	margin: 15px 0 15px 15px;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0 0 0 1em;
	padding: .2em 0;
}

#wrapper1 {
	background: #d5ecfc url(../images/prefix.gif) 0 0 repeat-x;
}

#wrapper2 {
	background: url(../images/suffix.gif) 0 100% repeat-x;
	padding: 82px 0 55px 0;
}

#body {
	position: relative;
	min-height: 450px;
	_height: 450px;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border: 1px solid #7fddff;
}

#navigation {
	position: absolute;
	top: -83px; /* padding + border */
	left: 52px;
	width: 200px;
	z-index: 100;
}

#navigation img {
	border: none;
}

#nav_home_link {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../images/nav_logo.png);
}

#navigation_general a {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 31px;
	width: 200px;
}

#navigation_general img {
	height: 31px;
	width: 200px;
}

body#page_about_us #nav_about_us,
body#page_where_we_are #nav_where_we_are,
body#page_trail_conditions #nav_trail_conditions,
body#page_huts_and_groomers #nav_huts_and_groomers,
body#page_trail_rules #nav_trail_rules,
body#page_gallery #nav_gallery,
body#page_weather #nav_weather,
body#page_contact #nav_contact,
#navigation_general a:hover,
#nav_home_link:hover {
	background-position: -200px 0;
}

#nav_about_us { background-image: url(../images/nav_about_us.png) }
#nav_where_we_are { background-image: url(../images/nav_where_we_are.png) }
#nav_trail_conditions { background-image: url(../images/nav_trail_conditions.png) }
#nav_huts_and_groomers { background-image: url(../images/nav_huts_and_groomers.png) }
#nav_trail_rules { background-image: url(../images/nav_trail_rules.png) }
#nav_gallery { background-image: url(../images/nav_gallery.png) }
#nav_weather { background-image: url(../images/nav_weather.png) }
#nav_contact { background-image: url(../images/nav_contact.png) }

.nav_box {
	display: block;
	width: 200px;
	height: 87px;
	margin: 7px 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.nav_box:hover {
	background-position: -200px 0;
}

#nav_live_webcam {
	height: 106px;
	background-image: url(../images/nav_live_webcam.png);
}

#nav_our_blog { background-image: url(../images/nav_our_blog.png) }
#nav_potato_hill { background-image: url(../images/nav_potato_hill.png) }

#top_left {
	position: absolute;
	top: 0;
	left: 0;
}

#top_right {
	margin-left: 252px;
}

#top_left img {
	height: 102px;
	width: 52px;
}

#top_right img {
	height: 102px;
	width: 748px;
}

#content {
	margin: 0 0 35px 284px;
	width: 650px;
	min-height: 475px;
	_height: 475px;
}

.message_area span {
	display: block;
	margin: 1em 0;
	padding: 5px 1em;
	background: #02BAFF;
	color: #fff;
	font-size: 16px;
}

.chevron {
	font-size: 75%;
}

.captioned_image {
	background: #B2EBFF;
	padding: 8px 8px 0 8px;
	font-size: 12px;
}

.captioned_image img {
	border: 2px solid #44835B;
	display: block;
}

.captioned_image a {
	color: #00384D;
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
}

.captioned_image :link:hover, .captioned_image :visited:hover {
	color: #44835B;
}

#page_index #notice {
	position: absolute;
	top: 463px;
	left: 284px;
	width: 650px;
	color: #00384c;
	font-weight: bold;
	font-size: 13px;
}

/* Where we are */

#page_where_we_are p {
	color: #44697b;
	margin: 15px 0;
}

#page_where_we_are #content img {
	vertical-align: top;
}

#page_where_we_are .images {
	position: relative;
	zoom: 1;
	overflow: hidden;
	margin: 1em 0 0 0;
}

#page_where_we_are .image {
	float: left;
}

#page_where_we_are .captioned_image {
	float: left;
}


/* Trail conditions */

#page_trail_conditions {
	font-size: 16px;
}

#page_trail_conditions table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

#page_trail_conditions td {
	padding: 0;
	vertical-align: top;
}

#page_trail_conditions table.trails {
	margin: 20px 0;
	width: 100%;
}

#page_trail_conditions .trail_image {
	width: 208px;
}

#page_trail_conditions .trail_description {
	background: #b2ebff;
	color: #2e5f6d;
	padding: 15px 25px;
}

#page_trail_conditions h2 {
	position: relative;
	zoom: 1;
}

#page_trail_conditions h2 .updated {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 22px;
	font-size: 14px;
	font-weight: normal;
}

#page_trail_conditions .trail_icon {
	padding: 10px 0 0 0;
}

#page_trail_conditions .trail_text {
	padding: 10px 0 0 10px;
	vertical-align: middle;
}

#page_trail_conditions h2 {
	margin: 0;
}

#page_trail_conditions .trail_icon img {
	height: 52px;
	width: 52px;
}

#page_trail_conditions h3 {
	margin: 0;
}

#page_trail_conditions p {
	font-style: italic;
	margin: 0;
}

#page_trail_conditions .trail_divider {
	padding: 0;
	height: 10px;
}


/* Trail conditions editor */

#page_secure_index select {
	display: block;
}

#page_secure_index textarea {
	display: block;
	width: 300px;
	height: 100px;
}

#page_secure_index .input_submit {
	margin-top: 2em;
}


/* Huts & Groomers */

#page_huts_and_groomers #gallery_container {
	overflow: hidden;
	margin: 20px 0;
	position: relative;
	zoom: 1;
}

#page_huts_and_groomers #thumbs {
	width: 166px;
	overflow: hidden;
	position: relative;
}

#page_huts_and_groomers #thumbs a {
	display: block;
	float: left;
	margin: 0 10px 8px 0;
}

#page_huts_and_groomers #thumbs a img {
	border: 2px solid #02baff;
	margin: 0;
}

#page_huts_and_groomers #thumbs img.selected {
	border: 2px solid #b2ebff;
}

#page_huts_and_groomers #thumbs .hr {
	margin: 6px 0 14px 0;
}

#page_huts_and_groomers #image {
	float: right;
	width: 480px;
}

#page_huts_and_groomers #image img {
	border: 3px solid #b2ebff;
}

#page_huts_and_groomers #image p {
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	color: #013a4d;
	margin: 10px 0;
}


/* Weather page */

#page_weather #body {
	width: 1035px
}

#page_weather #top_right img {
	width: 783px;
}


/* Contact us page */

#page_contact h3 {
	margin: 1em 0 0 0;
}

#page_contact p {
	margin: 0;
}


/* Blogger */

.blogger #navigation {
	background: #fff;
}

.blogger #nav_home_link img {
	border-bottom: 1px solid #7fddff;
}

.blogger #navigation_body {
	padding: 16px 10px;
}

.blogger #navigation h2,
.blogger #navigation h3,
.blogger #navigation h4 {
	font-weight: normal;
	color: #0080B3;
	margin: 0;
	padding: 0;
}

.blogger #navigation p {
	margin: 6px 0 24px 0;
}

.blogger #navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.blogger #navigation li {
	margin: 4px 0;
	padding: 0 4px;
	border-left: 6px solid #73AB8F;
	line-height: 16px;
}

.blogger #breia_site_link {
	margin: 20px 0 0 0;
	padding: 15px 0;
	border-top: 1px solid #B2EBFF;
}

.blogger #content {
	width: 482px;
	margin-left: 314px;
	line-height: 1.4em;
}

.blogger h2 {
	font-weight: normal;
	font-size: 24px;
	border: none;
	color: #0080B3;
	margin: 24px 0 12px 0;
}

.blogger h3 {
	font-weight: normal;
	color: #0080B3;
	text-transform: uppercase;
}

.blogger h2 :link,
.blogger h2 :visited,
.blogger h2 :link:active,
.blogger h2 :visited:active {
	color: #0080B3;
}

.blogger h2 :link:hover,
.blogger h2 :visited:hover {
	color: #00b7f5;
}

.blogger .comment-body,
.blogger .post-footer {
	background: #F2FAFD;
	border-left: 4px solid #B5EAFC;
}

.blogger .post-footer {
	line-height: 19px;
	padding: 9px 12px;
	margin: 1.5em 0;
}

.blogger #comments-block .comment-body {
	padding: 0 12px;
	margin: 1.5em 0 0 0;
	overflow: hidden;
	zoom: 1;
}

.blogger #comments-block .comment-footer {
	text-transform: uppercase;
	font-size: 11px;
}

.blogger .blog-pager span {
	padding: 0 20px 0 0;
}
