/* Needles Lodge Stylesheet */

/* Global */

body 
{
	color: #000000; 
	/* Set body font as a percentage to avoid rounding errors across browsers. Assign an em unit to subsequent font-sizes. Allows relative font-sizing to be used with strong degree of consistency apparently (provided user hasn't altered default of 16px text!)*/
	font-size: 100%;
	font-family: verdana, helvetica, sans-serif;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
}

h2
{
	font-size: 0.70em;
	color: #008000;
}

p 
{
 	font-size: 0.70em;
	text-align: justify;
}

p a:link, p a:visited, p a:active
{
	color: #9e866b;
	text-decoration: none;
}

p a:hover 
{
	text-decoration: underline;
}

li a:link, li a:visited, li a:active
{
	color: #9e866b;
	text-decoration: none;
}

li a:hover 
{
	text-decoration: underline;
}

/* Layout */

div.wrapper
{
	width: expression(document.body.clientWidth < 775? "775px": "auto" );
	min-width: 775px;
	margin: 0px auto;
}

div.pageheader
{
	background-image: url(images/logo.gif);
	background-position: center right; 
	background-repeat: no-repeat;
	margin: 0px;
}

div.homebar
{
	background-color: #9c853e;
	color: #ffffff;
	font-size: 0.70em;
	line-height: 1.5em; /* Positions text midway vertically in bar */
	text-align: right;
	padding-right: 55px;
}

.homebar a:link, .homebar a:visited, .homebar a:active
{
	color: #ffffff;
	text-decoration: none;
}

.homebar a:hover 
{
	color: #675d3e;
	text-decoration: underline;
}

td.sidebar
{
	width: 139px;
	background-color: #d8cda9;
	color: #000000;
	font-size: 0.70em;
}

div.sidebarcontainer
{
	padding-top: 25px;
}
	
td.sidebar ul 
{
	padding: 0px;
	margin: 0px;
}

td.sidebar li 
{
	margin: 0px; 
	padding-top: 8px;
	padding-bottom: 8px; 
	padding-right: 6px; 
	padding-left: 20px;
	display: block;
	list-style-type: none;
	background: url(images/nav_bullet.gif) 5px no-repeat;
}

td.sidebar a:link, .sidebar a:visited, .sidebar a:active
{
	color: #000000;
	text-decoration: none;
}

td.sidebar a:hover 
{
	color: #8e897a;
	text-decoration: underline;
}

td.maincontent
{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

td.photos
{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.photo
{
	padding-bottom: 30px;
}

.photostop
{
	padding: 30px;
}

.homepageheader h1 
{
	background: url(images/welcome.gif) no-repeat left top; 
	margin-top: 30px;
	padding-top: 30px; 
	width: 307px;
	height: 21px;
}

.homepageheader h1 span 
{
	display: none;
}

.historypageheader h1 
{
	background: url(images/history.gif) no-repeat left top; 
	margin-top: 30px;
	padding-top: 30px; 
	width: 307px;
	height: 21px;
}

.historypageheader h1 span 
{
	display: none;
}

.accommodationpageheader h1 
{
	background: url(images/accommodation.gif) no-repeat left top; 
	margin-top: 30px;
	padding-top: 30px; 
	width: 307px;
	height: 21px;
}

.accommodationpageheader h1 span 
{
	display: none;
}

.facilitiespageheader h1 
{
	background: url(images/facilities.gif) no-repeat left top; 
	margin-top: 30px;
	padding-top: 30px; 
	width: 307px;
	height: 21px;
}

.facilitiespageheader h1 span 
{
	display: none;
}

.ratespageheader h1 
{
	background: url(images/rates.gif) no-repeat left top; 
	margin-top: 30px;
	padding-top: 30px; 
	width: 307px;
	height: 21px;
}

.ratespageheader h1 span 
{
	display: none;
}

.thingstodopageheader h1 
{
	background: url(images/things_to_do.gif) no-repeat left top; 
	margin-top: 30px;
	padding-top: 30px; 
	width: 307px;
	height: 21px;
}

.thingstodopageheader h1 span 
{
	display: none;
}

.locationpageheader h1 
{
	background: url(images/location.gif) no-repeat left top; 
	margin-top: 30px;
	padding-top: 30px; 
	width: 307px;
	height: 21px;
}

.locationpageheader h1 span 
{
	display: none;
}

.contactuspageheader h1 
{
	background: url(images/contact.gif) no-repeat left top; 
	margin-top: 30px;
	padding-top: 30px; 
	width: 307px;
	height: 21px;
}

.contactuspageheader h1 span 
{
	display: none;
}

.contactus
{
	/*width: 500px;*/
	width: 250px;
	font-size: 0.70em;
}

.reviewspageheader h1 
{
	background: url(images/reviews.gif) no-repeat left top; 
	margin-top: 30px;
	padding-top: 30px; 
	width: 307px;
	height: 21px;
}

.reviewspageheader h1 span 
{
	display: none;
}

.thankyoupageheader h1 
{
	background: url(images/thank-you.gif) no-repeat left top; 
	margin-top: 30px;
	padding-top: 30px; 
	width: 307px;
	height: 21px;
}

.thankyoupageheader h1 span 
{
	display: none;
}

div.footer
{
	background-color: #9c853e;
	color: #ffffff;
	font-size: 0.70em;
	line-height: 1.5em; /* Positions text midway vertically in bar */
	text-align: center;
	padding-right: 55px;
	padding-top: 5px;
	padding-bottom: 5px;
}	

.footer a:link, .footer a:visited, .footer a:active
{
	color: #ffffff;
	text-decoration: none;
}

.footer a:hover 
{
	color: #675d3e;
	text-decoration: underline;
}