body {

	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: #836B93 url("images/bgpattern.jpg");

}

#page {

	text-align: center;
	background: url("images/pagebg.jpg") top left repeat-x;

}

#layout {

	text-align: left;
	width: 95%;
	margin-left: auto;
	margin-right: auto;

}


.alt {

	display: none;

}

.columnFix {

	clear: both;

}

#header {

	background: url("images/slogan.gif") 270px 69px no-repeat;

}

#topPhoneNumber {

	float: right;
	clear: left;
	margin: -80px 25px 0 0;
	width: 195px;
	text-align: center;
	color: #fff;
	font-size: 14px;

}

#logo {

	margin: 7px;

}

#topSubNav {

	float: right;
	clear: right;
	margin: -45px 25px 0 0;

}

#topSubNav ul {

	list-style: none;
	margin: 0;
	padding: 0;

}

#topSubNav ul li {

	float: left;

}

#topSubNav ul li a {

	display: block;
	color: #E7DDB2;
	text-decoration: none;
	padding: 0 10px 0 10px;
	text-transform: lowercase;
	background: url("images/topnavdivider.gif") center right no-repeat;

}

#topSubNav ul li.lastOne a {

	background: none;

}

#topSubNav ul li a:hover {

	text-decoration: underline;

}

#topNav {

	float: right;
	clear: right;
	width: 261px;
	height: 282px;
	margin-top: -15px;

}

#topNav .container {

	position: absolute;
	z-index: 50;
	width: 251px;
	height: 282px;
	background: url("images/navbg.png") top left no-repeat;
	border: 1px solid transparent;
topimg
}

#topNav ul {

	list-style: none;
	margin: 0;
	padding: 0;
	width: 250px;

}

#topNav ul.short {

	margin: 25px 0 0 0;
	width: 125px;

}

#topNav ul li {

	color: #EDD669;
	font-family: "Courier New", Courier, mono;
	font-size: 17px;

}

#topNav ul li a {

	display: block;
	color: #EDD669;
	padding: 7px 0 7px 45px;
	text-decoration: none;
	position: relative;
	z-index: 5000;
}

#topNav ul li a:hover {

	text-decoration: underline;

}

#topNav ul li .inputText {

	width: 100px;

}

#topNavSearch {

	padding: 7px 0 0 45px;

}

#topNav #searchButton {

	position: absolute;
	margin: -21px 0 0 185px;

}

#availabilityLink {

	position: absolute;

}

#availabilityLink p {

	margin: 0;

}

#availabilityLink a {

	display: block;
	background: url("images/availgraphic.gif") top left no-repeat;
	width: 83px;
	height: 114px;
	position: relative;
	top: 25px;
	left: 150px;

}

#topIMG #seasonalIcon {

	width: 235px;
	height: 193px;
	position: absolute;
	top: 280px;
	z-index: 100;

}

.fall #topIMG #seasonalIcon {

	background: url("images/icon_fall.png") top left no-repeat;

}

.winter #topIMG #seasonalIcon {

	background: url("images/icon_winter.png") top left no-repeat;

}

.spring #topIMG #seasonalIcon {

	background: url("images/icon_spring.png") top left no-repeat;
	position: absolute;
	top: 220px;

}

.summer #topIMG #seasonalIcon {

	background: url("images/icon_summer.png") top left no-repeat;

}

#sideBar {
	
	float: right;
	width: 263px;
	position: relative;
	left: -15px;
	z-index: 10;
	line-height: 25px;
	
}

#home #sideBar {

	background: url("images/sidebarbg_blue.gif") repeat-y;
	width: 225px;
	height: 90px;
	position: relative;
	top: 250px;
	left: -20px;
	
}

#sideBar .shadow {
	
	margin-left: -7px;

}

#sideBar .container {
	margin-top: 35px;
	padding: 280px 0 30px 0;
	margin-left: 7px;
	color: #E7DDB2;
	background: none;
	width: 200px;

}

#home #sideBar .container {

	margin-left: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 24px;
	padding: 0 0 230px 0;
	position: relative;
	left: -30px;
	background: url("images/sidebar_bottom.gif") bottom right no-repeat;

}

#sideBar .container ul li {

	font-family: Helvetica, Arial, sans-serif !important;

}


#sideBar .container a {

	color: #FFF;

}

#sideBar .container h3 {

	margin: 0 0 15px 0;
	text-align: center;

}

#home #sideBar .container h3 {

	background: url("images/newstitle.gif") top center no-repeat;
	height: 25px;

}

#sideBar .container p {

	margin: -10px 0 0 0;

}

#sideBar .container ul {

	list-style: none;
	margin: 0;
	padding: 0;
	
}

#sideBar .container ul li a {

	display: block;
	color: #FFF;
	padding: 2px 0 1px 50px;
	height: 18px;
	text-decoration: none;
	font-size: 14px;
	

}


#sideBar .container ul ul li a {

	font-size: 12px;
	padding: 0 0 0 75px;
	
}

#sideBar .container li a:hover {

	text-decoration: underline;

}

#sideBar .subNav {

	margin-top: 10px !important;
	margin-bottom: 10px !important;

}

#sideBar #PDFLink img {

	position: absolute;
	bottom: -15px;
	left: -85px;

}

#ieFixPDFLink {

	position: absolute;
	width: 200px;
	height: 35px;
	bottom:1px;

}

a strong {

	text-transform: uppercase;
	font-weight: normal;

}

#content {

	background: #EBE1B6 url("images/contentbg.gif");
	margin-right: 23px;

}

#contentSideBG {

	min-height: 732px;

}

#home #contentSideBG {

	min-height: 400px;

}

#home #content .container{

	min-height: 465px;

}

#content #contentSideBG {

	background: url("images/contentbg_side.jpg") right repeat-y;

}

#content .container {

	padding: 15px 240px 15px 15px;
	background: url("images/contentbgtop.gif") top left repeat-x;
	color: #3D5750;
	line-height: 18px;
	font-size: 13px;

}

#theDayGuideBox {

	float: right;
	width: 200px;
	height: 285px;
	background: url("images/5day0.gif") top left no-repeat;
	padding-top: 35px;

}

#theDayGuideBox table {

	border: none;
	background: none;

}



#day1 #theDayGuideBox {

	background: url("images/5day1.gif") top left no-repeat;
	
}

#day2 #theDayGuideBox {

	background: url("images/5day2.gif") top left no-repeat;
	
}


#day3 #theDayGuideBox {

	background: url("images/5day3.gif") top left no-repeat;
	
}
#day4 #theDayGuideBox {

	background: url("images/5day4.gif") top left no-repeat;
	
}

#day5 #theDayGuideBox{

	background: url("images/5day5.gif") top left no-repeat;

}

#more #theDayGuideBox {

	background: url("images/5day6.gif") top left no-repeat;
	
}

#theDayGuideBox a {

	display: block;
	width: 175px;
	height: 30px;
	margin: 0 0 0 9px;

}


#dayguide #theDayGuideBox a {

	display: block;
	width: 175px;
	height: 30px;
	margin: 8px 0 0 9px;

}

#theDayGuideBox #day1Link{

	margin-top: -2px;

}

#theDayGuideBox #day2Link {

	height: 31px;
	margin-top: 2px;

}

#theDayGuideBox #day3Link {

	margin-top: 5px;
	height: 44px;

}

#theDayGuideBox #day4Link {

	margin-top: 6px;
	height: 31px;

}

#theDayGuideBox #day5Link {

	margin-top: 5px;
	height: 31px;

}

#theDayGuideBox #moreLink {

	margin-top: 6px;
	height: 31px;

}


#dayguide #theDayGuideBox #day2Link {

	height: 31px;
	margin-top: 7px;

}

#dayguide #theDayGuideBox #day3Link {

	margin-top: 6px;
	height: 44px;

}

#dayguide #theDayGuideBox #day4Link {

	margin-top: 6px;
	height: 31px;

}

#dayguide #theDayGuideBox #moreLink {

	margin-top: 6px;
	height: 31px;

}

.sideImage {

	margin: 4px;

}

.left {

	float: left;
	margin-left: 0 !important;

}

.right {

	float: right;
	margin-right: 0 !important;

}

#content .container h3{

	font-size: 18px;

}

#home #content .container {

	padding: 45px 305px 15px 15px; 

}

#mileageTable {

	background: url("images/mileagebg.gif") 0px 20px;
	border: 1px solid #000;
	width: 100%;

}

#mileageTable td {

	height: 20px;
	padding: 0 5px;
	font-size: 12px;

}

#mileageTable td span {

	position: relative;
	top: 3px;

}

#mileageTable td b {

	display: block;
	background: #2F546E;
	color: #fff;
	margin: 0 -5px;
	padding: 2px 0 0 5px;
	font-weight: normal;
	height: 18px;

}

#eventsTable td a {

	position: relative;
	z-index: 500;

}

.spring #content .container {

	padding: 24px 305px 15px 15px !important; 

}

#lodging #content .container {

	padding: 15px 305px 15px 15px;

}

#content .container a {

	color: #2E5069;

}

#content .container img{

	margin: 15px;
	
}

#content .container .columnFix {

	margin-bottom: -15px;

}

#currentWeather {

	width: 350px;

}

.contentFloat{

	float: right;

}

#weatherInfo {

	background: #294B63 url("images/flbg.gif") top left repeat-x;
	color: #fff;
	padding: 10px;
	width: 220px;
	


}

#weatherInfo p {

	margin: 0;

}

.featureDisplay {

	margin-bottom: 15px;
	width: 100%;	

}

.featureDisplay h4 {

	margin: 0;
	background: #5E4C6A url("images/flh4bg.gif") top repeat-x;
	border: 1px solid #000;
	border-bottom: 1px solid #3C2F45;
	padding: 5px 5px 0 5px;
	font-size: 16px;
	color: #fff;
	font-weight: normal;

}

.featureDisplay h4 a {

	display: block;

}

.featureDisplay .content{

	margin: 0;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: #fff;
	padding: 4px;
	min-height: 1px;

}

.featureDisplay .content p {

	margin: 0;

}

.featureDisplay .featureList {

	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	margin-top: 0;
	color: #fff;
	background: #294B63 url("images/flbg.gif") top repeat-x;

}

.featureDisplay .featureList ul {

	list-style: none;
	margin: 0;
	padding: 0;
	height: 22px;

}

.featureDisplay .featureList ul li {

	font-size: 11px;
	width: 10.8%;
	height: 14px;
	padding: 4px 0;
	float: left;
	text-align: center;
	border-right: 1px solid #000;

}

.featureDisplay table{

	
	border-collapse: collapse;

}

.featureDisplay td{

	font-size: 11px;
	height: 10px;
	padding: 2px 4px 2px 4px;
	text-align: center;
	border-right: 1px solid #000;

}


#rvparks .featureDisplay .featureList ul li {
	
	width: 13.8%;

}

.featureDisplay .featureList ul li.lastOne, .featureDisplay td.lastOne{

	border-right: none;

}

.featureDisplay h4 a{
	
	color: #FFFFFF !important;

}

.featureDisplay h4 a:hover{

	color: #ccc !important;

}

#eventsTable{

	padding: 0;

}

#eventsTable .title{
	padding: 2px 5px 2px 5px;
	color: #fff;
	width: 20%;
	background: #294B63 url("images/flbg.gif") top repeat-x;


}

#eventsTable .data{
	background: #fff;
	width: 20%;
	padding: 5px 5px 10px 5px;

}

#footer {

	position: absolute;
	clear: both;
	width: 95%;

}


#footer #bottomNav {

	padding: 5px 0 0 0;

}

#footer #bottomNav ul {

	list-style: none;
	margin: 0;
	padding: 0;

}

#footer #bottomNav ul li {

	float: left;

}

#footer #bottomNav ul li a {

	color: #eee;
	padding: 0 7px 0 7px;
	text-decoration: none;
	/*background: url("images/bottomnavdivider.gif") center right no-repeat;*/
	font-size: 11px;
	border-right: 1px solid #eee;

}

#footer #bottomNav ul li.lastOne a {

	background: none;
	border-right: none;

}

#footer #bottomNav ul li a:hover {

	text-decoration: underline;

}

#copyright {

	float: right;
	text-align: right;
	font-size: 10px;
	color: #fff;
	padding: 4px 25px 0 0;

}

#copyright a {

	color: #fff;
	text-decoration: none;

}

#copyright a:hover {

	text-decoration: underline;

}

#copyright p {

	margin: 0;

}

#topIMG {

	background: url("images/insideheader.jpg") top left repeat-x;
	height: 161px;
	width: 95%;

}

/*

	Top Images
	********************************
	
	You can duplicate these, here, and specify them for the other pages just like we always do.  All page names are the same as the filenames, without the .html.
	
	bbheader.jpg does not yet exist, though, so feel free to copy, paste and tweak to your heart's content.
	
*/

#bedandbreakfasts #topIMG {
		
	background: url("images/bbheader.jpg") top left no-repeat;
		
}

#hurricaneridgemovie #topIMG {
		
	background: url("images/mountainstop.jpg") top left no-repeat;
		
}

#lodging #topIMG {
		
	background: url("images/lodgingtop2.jpg") top left no-repeat;
		
}

#sequimbaymovie #topIMG {
		
	background: url("images/weathertop.jpg") top left no-repeat;
		
}

marinamovie #topIMG {
		
	background: url("images/marinatop.jpg") top left no-repeat;
		
}

submit-mailer #topIMG {
		
	background: url("images/ladywashingtontop.jpg") top left no-repeat;
		
}

submitevents #topIMG {
		
	background: url("images/poppiestop.jpg") top left no-repeat;
		
}

skateparkmovie #topIMG {
		
	background: url("images/skatetop.jpg") top left no-repeat;
		
}

birding #topIMG {
		
	background: url("images/birdingtop.jpg") top left no-repeat;
		
}

#streetfairmovie #topIMG {
		
	background: url("images/eventtop.jpg") top left no-repeat;
		
}

#mileage #topIMG {
		
	background: url("images/spittop.jpg") top left no-repeat;
		
}

#questions #topIMG {
		
	background: url("images/deertop.jpg") top left no-repeat;
		
}

#rainshadow #topIMG {
		
	background: url("images/farmtop2.jpg") top left no-repeat;
		
}

#questions-mailer #topIMG {
		
	background: url("images/veggiestop.jpg") top left no-repeat;
		
}

#purplehazemovie #topIMG {
		
	background: url("images/phtop.jpg") top left no-repeat;
		
}


#purplehazemovie #topIMG {
		
	background: url("images/phtop.jpg") top left no-repeat;
		
}


#bellhillmovie #topIMG {
		
	background: url("images/viewtop.jpg") top left no-repeat;
		
}


#thingstodo #topIMG {
		
	background: url("images/gamefarmtop.jpg") top left no-repeat;		
}

#thingstodo #topIMG {
		
	background: url("images/gamefarmtop.jpg") top left no-repeat;		
}


#5dayguide #topIMG {
		
	background: url("images/sunsetwithbirds.jpg") top left no-repeat;
		
}

#transportation #topIMG {
		
	background: url("images/transportationtop.jpg") top left no-repeat;
		
}

#clubs #topIMG {
		
	background: url("images/sunsetpeopletop.jpg") top left no-repeat;
		
}

#chamber #topIMG {
		
	background: url("images/deertop.jpg") top left no-repeat;
		
}


#links #topIMG {
		
	background: url("images/sailboatstop.jpg") top left no-repeat;
		
}

#virtualtour #topIMG {
		
	background: url("images/marinatop.jpg") top left no-repeat;
		
}

#restaurants #topIMG {
		
	background: url("images/restauranttop.jpg") top left no-repeat;
		
}

#day1 #topIMG {
		
	background: url("images/ridgetop.jpg") top left no-repeat;
		
}

#chamber #topIMG {
		
	background: url("images/chambertop.jpg") top left no-repeat;
		
}

#wineries #topIMG {
		
	background: url("images/winetop.jpg") top left no-repeat;
		
}
#day2 #topIMG {
		
	background: url("images/olivertop.jpg") top left no-repeat;
		
}
#day3 #topIMG {
		
	background: url("images/mountainstop.jpg") top left no-repeat;
		
}
#day4 #topIMG {
		
	background: url("images/restaurant2top.jpg") top left no-repeat;
		
}
#day5 #topIMG {
		
	background: url("images/overlookingwatertop.jpg") top left no-repeat;
		
}
#shopping #topIMG {
		
	background: url("images/storetop.jpg") top left no-repeat;
		
}


#golfing #topIMG {
		
	background: url("images/golftop.jpg") top left no-repeat;
		
}

#more #topIMG {
		
	background: url("images/porttownsendtop.jpg") top left no-repeat;
		
}

#contact #topIMG {
		
	background: url("images/olddocktop.jpg") top left no-repeat;
		
}

#onp #topIMG {
		
	background: url("images/Hurricane-Ridgetop.jpg") top left no-repeat;
		
}

#kayaking #topIMG {
		
	background: url("images/orangekayakerstop.jpg") top left no-repeat;
		
}

#sequim #topIMG {
		
	background: url("images/viewtop.jpg") top left no-repeat;
		
}

#travelplanner #topIMG {
		
	background: url("images/windsurftop.jpg") top left no-repeat;
		
}


#travelplanner-mailer #topIMG {
		
	background: url("images/clamdiggerstop.jpg") top left no-repeat;
		
}

#weather #topIMG {
		
	background: url("images/weathertop.jpg") top left no-repeat;
		
}

#weatherfacts #topIMG {
		
	background: url("images/weatherfactstop.jpg") top left no-repeat;
		
}

#search #topIMG {
		
	background: url("images/beach2top.jpg") top left no-repeat;
		
}

#sitemap #topIMG {
		
	background: url("images/beachtop.jpg") top left no-repeat;
		
}

#museums #topIMG {
		
	background: url("images/museumtop.jpg") top left no-repeat;
		
}
#elk #topIMG {
		
	background: url("images/elktop.jpg") top left no-repeat;
		
}

#gardens #topIMG {
		
	background: url("images/lavenderfarmtop.jpg") top left no-repeat;
		
}



#bedandbreakfasts #topIMG {
		
	background: url("images/bedbreakfasttop.jpg") top left no-repeat;
		
}

#mapsanddirections #topIMG {
		
	background: url("images/waterviewtop.jpg") top left no-repeat;
		
}

#rvparks #topIMG {
		
	background: url("images/rvtop.jpg") top left no-repeat;
		
}

#motelsresorts #topIMG {
		
	background: url("images/hoteltop.jpg") top left no-repeat;
		
}
#events-results #topIMG {
		
	background: url("images/clamdiggerstop.jpg") top left no-repeat;
		
}

#biking #topIMG {
		
	background: url("images/bikingtop.jpg") top left no-repeat;
		
}

#events-detail #topIMG {
		
	background: url("images/phtop.jpg") top left no-repeat;
		
}


#events #topIMG {
		
	background: url("images/eventtop.jpg") top left no-repeat;
		
}

#cabinscottages #topIMG {
		
	background: url("images/cabintop.jpg") top left no-repeat;
		
}
#churches #topIMG {
		
	background: url("images/churchtop.jpg") top left no-repeat;
		
}

#banquetfacilities #topIMG {
		
	background: url("images/banquettop.jpg") top left no-repeat;
		
}

#meetingfacilities #topIMG {
		
	background: url("images/conferencetop.jpg") top left no-repeat;
		
}

#parks #topIMG {
		
	background: url("images/clinespittop.jpg") top left no-repeat;
		
}

#birding #topIMG {
		
	background: url("images/birdingtop.jpg") top left no-repeat;
		
}

#animalboarding #topIMG {
		
	background: url("images/dogtop.jpg") top left no-repeat;
		
}

/* Ignore these ones below. */

#home #topIMG {

	width: 95%;
	height: 313px;

}

.fall #topIMG {

	background: url("images/header_fall.jpg") 0px 0px repeat-x;

}

.winter #topIMG {

	background: url("images/header_winter.jpg") 0px 0px repeat-x;

}

.spring #topIMG {

	background: url("images/header_spring.jpg") 0px 0px repeat-x;

}

.summer #topIMG {

	background: url("images/header_summer.jpg") 0px 0px repeat-x;

}

#currentWeather img {

	border: 1px solid #000;
	margin-left: auto;
	margin-right: auto;

}

#topIMG .container {

	height: 313px;

}

.subHeader{

	border: 1px solid #000;
	margin-top: 0;
	color: #fff;
	background: #294B63 url("images/flbg.gif") top repeat-x;
	padding: 5px 5px 0 5px;
	font-size: 16px;
	font-weight: normal;

}

#content .container .subNav{
	width: 150px;
	padding: 10px;
	border: 1px solid #000;
	background: #fff;
	

}

#content .container .subNav ul{

	list-style: none;
	margin: 0;
	padding: 0;

}

.sectionHeader{
	margin-top: 25px;
	border-bottom: 1px solid #999;

}

.backToTop{
	margin-top: 10px;
	float: right;

}

.backToTop a{

	text-decoration: none;

}

.backToTop a:hover{

	text-decoration: underline;

}

#ieSpacer{

	display: none;

}

#searchTable{

	background: #fff;

}

#availability #content .container table{



}

#map{

	width: 660px;
	height: 350px;
	border: 1px solid #999;

}

#mapButtons{

	height: 35px;

}

#mapButtons ul{

	list-style: none;
	margin: 0;
	padding: 0;

}

#mapButtons ul li{

	float: left;

}



#mapButtons ul li a{

	display: block;
	padding: 5px;
	border: 1px solid #999;
	background: #fff;
	text-decoration: none;
	margin: 0 5px 0 0;

}

/*.btnOn a{

	background: red;

}

.btnOff a{

	background: #fff;

}

#mapButtons ul li a:hover{

	background: #ddd;

} */

#mapButtons ul li .btn{

	float: left;
	margin: 0 3px 0 0;
	border: 1px solid #000;
	height: 15px;
	width: 15px;
	display: block;

}

#mapKey ul{

	list-style: none;
	padding: 0;

}

#mapKey ul li{

	float: left;
	width: 100px;
	margin: 3px 9px 0 0;

}

#mapKey ul li span{

	display: block;
	border: 1px solid #000;
	width: 15px;
	height: 15px;
	float: left;
	margin: 0 2px 10px 0;

}

.red{
	
	background: #FD7567;

}

.blue{

	background: #67DDDD;
	
}

.yellow{

	background: #FDF569;

}

.darkblue{

	background: #6991FD;

}

.purple{

	background: #8E67FD;

}

.green{

	background: #00E64D;

}