/*******************
Lonesome Pine Trails "Base" Styles
http://www.lonesomepines.org
Version 2.14.2010

Built by: Steve L. Michaud, Web Designer
steve.michaud@maine.edu

Please request written permission prior to use
*******************/

/*******************
1.0 Basic Elements
*******************/

body {
	background: #c1c1c1 url(/images/body/snowbg.gif) bottom center repeat;
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	color: #000000;
}
img {
	border: 0;
}
a:link, a:visited, a:active {
	color: #006699;
}
.block {
	display: block;
	width: 100%;
	height: 100%;
}
#bg_container {
	position: relative;
	background: url(/images/body/navbarbg.png) top center repeat-x;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#container {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.hide {
	display: block;
	height: 0;
	font-size: 1px;
	visibility: hidden;
	overflow: hidden;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.pad-rightsm {
	padding-right: 2px;
}
.pad-leftsm {
	padding-left: 2px;
}
.indent {
	padding-left: 50px;
}
.dottedline {
	border-bottom: #7f997c dotted 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.dottedside {
	border-right: #7f997c dotted 1px;
}
.underline {
	text-decoration: underline;
}
.row2 {
	background: #bdc2c6;
}
.valign {
	vertical-align: middle;
}

/*******************
2.0 Header Elements
*******************/

#mainnav {
	position: relative;
	height: 34px;
	border-left: #224465 solid 1px;
	border-right: #224465 solid 1px;
	background: url(/images/body/logotop.jpg) top left no-repeat;
	z-index: 50;
}


#navarea {
	position: absolute;
	right: 0;
	margin: 0;
	list-style: none;
}
.mainnav-menu {
	float: left;
	position: relative;
	height: 30px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	background: #1c3b58 url(/images/branding/navbg.gif) bottom left repeat-x;
	border-left: #415b75 solid 1px;
	
	/* this value sets the color of the text for each menu title */
	color: #ffffff;
}
.mainnav-menu a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
}
li.mainnav-menu a:link, li.mainnav-menu a:visited, li.mainnav-menu a:active {
	
	/* the values below set the color and style of the menu titles when the menu titles themselves are links */
	color: #ffffff;
	text-decoration: none;
}
li.mainnav-menu a:hover {
	
	/* the values below set the color and style of the menu titles when you hover over them (this only works if the menu titles themselves are links) */
	color: #d8eafd;
}
#navarea ul a {
	
	/* the values below set the color and style of links in your dropdown menus */
	color: #ffffff;
	text-decoration: none;
}
#navarea ul.menu {
	position: absolute;
	top: 24px;
	padding: 3px;
	margin: 0;
	left: -999em;
	width: 16.4em;
	border: 1px solid #355473;
	list-style: none;
	background: url(/images/branding/menubg.png) top left repeat;
	text-align: left;
	
	/* the values below set the text color and font size of text in your dropdown menus */
	color: #ffffff;
}
#navarea ul.menu iframe {
	position: absolute;
	/* account for the border */
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/* this is for IE 5.0
select.hide { visibility: hidden; }
*/
#navarea ul.menu li {
	padding: 3px;
	border-bottom: #355473 solid 1px;
}
#navarea ul.menu a {
	height: 1.6em;
	line-height: 1.3em;
}
#navarea li:hover ul, #navarea li.sfhover ul {
	left: auto;
	right: 0px;
}
#navarea ul.menu a:hover {
	
	/* this value sets the background color for each item in your dropdown menus when the item is hovered over */
	background: #355473;
}


#banner {
	position: relative;
	width: 938px;
	height: 124px;
	background: url(/images/branding/lptbanner.jpg) top center no-repeat;
	border-left: #b5b5b5 solid 1px;
	border-right: #b5b5b5 solid 1px;
}
#logolink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 174px;
	height: 124px;
	z-index: 2;
}
#brandingShadow {
	position: relative;
	width: 938px;
	height: 12px;
	background: #ffffff url(/images/branding/shadow.gif) top center repeat-x;
	border-left: #b5b5b5 solid 1px;
	border-right: #b5b5b5 solid 1px;
}

/*******************
3.0 Content Elements
*******************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
html .clearfix {height:1%;}
.redtext {
	color: #961c1c;
}
.bluetext {
	color: #0f328f;
}
.smtext {
	font-size: 9px;
}
.tblhead {
	font-weight: bold;
	border-bottom: #0a2138 solid 2px;
}
#content_area {
	position: relative;
	min-height: 424px;
	background: #ffffff url(/images/content/bg.jpg) bottom center no-repeat;
	border-left: #b5b5b5 solid 1px;
	border-right: #b5b5b5 solid 1px;
	border-bottom: #b5b5b5 solid 1px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #0a2138; /*#394537;*/
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
.smheading {
	font-size: 14px;
	font-weight: bold;
	color: #394537;
}
#content {
	position: relative;
	margin: 0 auto;
	padding: 8px 10px 44px 10px;
	background: url(/images/content/contentbgtop.gif) top center repeat-x;
	text-align: left;
}
#content ul {
	list-style: url(/images/content/bullet.gif);
}
#leftcol {
	float: left;
	width: 296px;
}
#rightcol {
	float: right;
	width: 614px;
}
#highlights {
	position: relative;
	margin-top: 10px;
}
.imgpad {
	padding: 5px;
}
.imgpad2 {
	padding: 10px;
}
	
.sidebox {
	position: relative;
	width: 296px;
	padding-bottom: 10px;
}
#weatherHead {
	position: relative;
	width: 296px;
	height: 38px;
	background: url(/images/content/weatherhead.png) top center no-repeat;
}
#hoursHead {
	position: relative;
	width: 296px;
	height: 38px;
	background: url(/images/content/hourshead.png) top center no-repeat;
}
#contactHead {
	position: relative;
	width: 296px;
	height: 38px;
	background: url(/images/content/contacthead.png) top center no-repeat;
}
#aboutHead {
	position: relative;
	width: 296px;
	height: 38px;
	background: url(/images/content/aboutlpthead.png) top center no-repeat;
}
.infoBox {
	position: relative;
	background: #ffffff url(/images/content/boxbg.gif) bottom center repeat-x;
	border-left: #99a3ac solid 1px;
	border-right: #99a3ac solid 1px;
	padding: 8px;
}
.infoBoxBottom {
	position: relative;
	width: 296px;
	height: 10px;
	background: url(/images/content/boxbottom.gif) bottom center no-repeat;
}
.bottombox {
	position: relative;
	width: 614px;
	padding-bottom: 10px;
}
.bottominfoBox {
	position: relative;
	background: #d0d5d9 url(/images/content/bottomboxbg.gif) top center repeat-x;
	border-left: #99a3ac solid 1px;
	border-right: #99a3ac solid 1px;
	padding: 8px;
}
.bottomBoxBottom {
	position: relative;
	width: 614px;
	height: 10px;
	background: url(/images/content/boxbottomlg.gif) bottom center no-repeat;
}
#hoursTitle {
	position: relative;
	width: 614px;
	height: 62px;
	background: url(/images/content/hourstitle.png) top center no-repeat;
}
#membershipTitle {
	position: relative;
	width: 614px;
	height: 62px;
	background: url(/images/content/membershiptitle.png) top center no-repeat;
}
#rentalRatesTitle {
	position: relative;
	width: 614px;
	height: 62px;
	background: url(/images/content/rentalratestitle.png) top center no-repeat;
}
#trailsTitle {
	position: relative;
	width: 614px;
	height: 62px;
	background: url(/images/content/trailstitle.png) top center no-repeat;
}

/*******************
4.0 Footer Elements
*******************/

#footer {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 324px;
	height: 39px;
	background: url(/images/footer/copyright.gif) bottom right no-repeat;
}

/*******************
5.0 Form Elements
*******************/
	
select {
	vertical-align: middle;
	border: 1px solid #7c7c7c;
	margin: 0px;
	padding: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
option {
	background-color: #ffffff;
}
input.radio {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
input.text {
	vertical-align: middle;
	border: 1px solid #7c7c7c;
	margin: 0px;
	padding: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
textarea {
	vertical-align: middle;
	border: 1px solid #7c7c7c;
	margin: 0px;
	padding: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}