@import url(/css/base.css);

body { background: #a18e31 url(/images/secondary/bg-repeat.jpg) repeat-x; }
.red { background: url(/images/secondary/red-repeat.jpg) repeat-y center top; }
#stuff { background: url(/images/media/bg.jpg) no-repeat center top; }
#stuff .center { _height: 875px; min-height: 875px; }

h1 {
	display: inline;
	float: right;
	height: 89px;
	margin: 20px 130px 0 0;
	text-indent: -1000em;
	width: 168px;
}
h1 a {
	background: url(/images/secondary/lake-frances.jpg) no-repeat;
	display: block;
	height: 100%;
	overflow: hidden;
	width: 100%;
}

#nav1 { 
	display: inline;
	float: left;
	height: 52px; 
	list-style: none outside;
	margin: 21px 0 0 81px;
	width: 579px; 
}
#nav1 li { float: left; text-indent: -1000em; }
#nav1 li a { display: block; height: 100%; overflow: hidden; width: 100%; }
#n-terrain a, #n-activities a, #n-media a, 
#n-staff a, #n-register a, #n-contact a, #n-directions a { background: url(/images/secondary/nav.gif); }
#n-terrain { height: 27px; width: 190px; }
#n-terrain a:hover { background-position: 0 52px; }
#n-activities { height: 27px; width: 165px; }
#n-activities a { background-position: -190px 0; }
#n-activities a:hover { background-position: -190px 52px; }
#n-media { height: 27px; width: 224px; }
#n-media a { background-position: -355px 0; }
#n-media a:hover { background-position: -355px 52px; }
#n-staff { height: 25px; width: 107px; }
#n-staff a { background-position: 0 -27px; }
#n-staff a:hover { background-position: 0 -79px; }
#n-register { height: 25px; width: 150px; }
#n-register a { background-position: -107px -27px; }
#n-register a:hover { background-position: -107px -79px; }
#n-contact { height: 25px; width: 135px; }
#n-contact a { background-position: -257px -27px; }
#n-contact a:hover { background-position: -257px -79px; }
#n-directions { height: 25px; width: 187px; }
#n-directions a { background-position: -392px -27px; }
#n-directions a:hover { background-position: -392px -79px; }

#footer { background: url(/images/secondary/footer-repeat.jpg) repeat-x left bottom; }
#footer .center { padding: 30px 0; }
#footer p { color: #3ff; margin-left: 109px; padding: 0; }
#nav2 { list-style: none; margin-left: 109px; width: 255px; }
#nav2 li { float: left; width: 85px; }
#nav2 li a { background: url(/images/secondary/blue-dot.gif) no-repeat left center; color: #3ff; padding-left: 9px; }
#nav2 li a:hover { text-decoration: underline; }

h2 { font-size: 2em; text-transform: uppercase; padding-bottom: 15px; }

#photo {
	display: inline;
	float: left;
	margin: 43px 0 0 112px;
	width: 360px;
}
#photo img { border: 6px solid #fff; display: block; }
#photo div { border: 6px solid #fff; width: 343px; }
#photo h2 { color: #9c3; padding-top: 15px; }
#photo p { color: #fff; font-size: 1.2em; line-height: 1.4em; padding-bottom: 20px; }

#thumbs {
	display: inline;
	float: right;
	margin: 43px 113px 0 0;
	width: 155px;
}
#thumbs img { border: 2px solid #fff; float: left; margin: 0 7px 7px 0; }
#thumbs .current { border-color: #f93; }
#thumbs .prev, #thumbs .next { border: 0; margin: 10px 0 0 0; }
#thumbs .prev { margin-left: 14px; }


#video {
	border-right: 1px solid #5d1e02;
	clear: both;
	display: inline;
	float: left;
	margin-left: 112px;
	padding-top: 10px;
	width: 150px;
}
#gallery {
	display: inline;
	float: right;
	margin-right: 123px;
	padding-top: 10px;
	width: 350px;
}
#video h2, #gallery h2 { color: #f93; }
#video h2, #video ul { margin-right: 25px; }

#video ul, #gallery ul { color: #f93; font-size: 1.3em; line-height: 1.4em; list-style: disc inside; padding-bottom: 20px; }
#video li, #gallery li { padding-bottom: 10px; }
#video ul a { color: #f93; }
#video ul a:hover { color: #fff; }
#gallery ul { width: 170px; }
#gallery .left { display: inline; float: left; }
#gallery .right { display: inline; float: right; }
#gallery ul, #gallery ul a { color: #fff; }
#gallery ul a:hover { color: #f93; }