@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/secondary/bg.jpg) no-repeat center top; }

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; }

#left {
	display: inline;
	float: left;
	margin: 47px 0 0 109px;
	width: 305px;
}
#right {
	display: inline;
	float: right;
	margin-right: 57px;
	width: 289px;
}
#right .block { margin-bottom: 53px; }
#right h2, #right p, #right .hr, #right ul { margin: 0 50px; }
#right p, #right ul { color: #f93; }
#right .hr { border-top: 1px solid #630; height: 20px; }

#right .portrait{ display: block; margin-left: 50px; }
#right .top{ margin-top: 80px; }

.main h2 { color: #f93; font-size: 2em; text-transform: uppercase; padding-bottom: 15px; }
.main h3 { color: #3ff; font-size: 1.4em; padding-bottom: 5px; }
.main p, .main ul { color: #fff; font-size: 1.2em; line-height: 1.4em; padding-bottom: 20px; }
.main ul { list-style: disc inside; }
.main p a { color: #6ff; text-decoration: underline; }
.main p a:hover, #right p a:hover { color: #fff; }
#right p a { color: #f93; }

.main .left { float: left; margin-right: 10px; }

#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; }

#f1 { 	
	display: inline;
	float: left;
	margin: 0 0 0 109px;
	width: 305px;
}
#f2 {
	display: inline;
	float: right;
	margin-right: 107px;
	width: 189px;
}
.input { font: 1.3em Arial, Helvetica, sans-serif; width: 180px; }
#f1 label, #f2 .label { 
	color: #3ff; 
	font-size: 1.1em;
	font-weight: bold;
}
#f1 label { 
	clear: both !important; 
	float: left; 
	margin: 10px 10px 0 0; 
	text-align: right; 
	width: 130px; 
}
#f2 .label { margin: 10px 0; }
#f2 label { color: #fff; display: block; font-size: 1.3em; }
#f1 .input {
	float: left; 
	margin-top: 10px; 
	width: 150px;
}
#f2 .submit { font: bold 1.3em Arial, Helvetica, sans-serif; margin-top: 10px; width: 100px; }