@charset "utf-8";

body {
	background: url(../../images/background.gif) repeat-x top #fff;
	margin: 0;
	padding: 0;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	color: #000;}
	
/* Headings Paragraphs*/
	
h1 {color: #8b2e30; font-size: 1.4em;}
h1 a {color: #1c529a; font-size: 0.9em;}
p {font-size: 0.9em; line-height: 1.6em;}
li {font-size: 0.9em; line-height: 1.6em;}
h2 {color: #122f56; font-size: 1.2em;}
h3 {color:  #122f56; font-size: 1em; margin: 3px 0; padding: 0;}
h4 {color: #333; font-size: 1em; margin: 14px 0 0 0; padding: 0;}
a {color: #1c529a;}
a:hover {color: #184580;}
select {font-size: 1em;}

#container {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;}

#header {
	height: 51px;
}

#logo {float: left; position: relative; top: 6px;}

#jump {float: right; font-size: 0.8em; font-weight: bold; padding-top: 10px; background: url(../../images/quick-jump-divider.gif) no-repeat 0 0; padding-left: 15px; height: 28px;}

#jump select {width: 159px; font: 1em Verdana, Arial, Helvetica, sans-serif; margin-left: 12px;}

.clear {clear: both; padding: 0; margin: 0;}

#banner {
	background: url(../../images/banner.jpg) no-repeat top;
	width: 978px;
	height: 147px;
	border: 1px solid #c3c3c3;
	border-bottom: none;
}

.travel {display: none;}

#menu{
	height: 28px;
	padding: 0;
	margin: 0;
	position: relative;
	top: 0px;
	left: 700px; /* use for 4 button display -	left: 440px; */
	top: 120px;
	width: 530px;
}

#menu ul {
	padding: 0;
	margin: 0 0 0 4px;
	height: 28px;
}
#menu ul li {
	display: inline;
	float: left;
}

#menu ul li a{
	padding: 0;
	margin: 0 0 0 2px;
	height: 28px;
	display: block;
}

#accommodations a{
	display: block;
	width:128px;
	background: url(../../images/menu-accommodations.gif) no-repeat top;
	background-position: 0 0;
}

#activities a{
	display: block;
	width:128px;
	background: url(../../images/menu-activities.gif) no-repeat top;
	background-position: 0 0;
}

#restaurants a{
	display: block;
	width:128px;
	background: url(../../images/menu-restaurants.gif) no-repeat top;
	background-position: 0 0;
}

#articles a{
	display: block;
	width:128px;
	background: url(../../images/menu-articles.gif) no-repeat top;
	background-position: 0 0;
}

#accommodations a:hover, #activities a:hover, #restaurants a:hover, #articles a:hover{background-position: 0 -28px;}

#bannerbottom {background: url(../../images/menu-bottom.gif) no-repeat top; width: 980px; height: 6px; overflow: hidden;}

#content, #content2, #content3, #content4 {width: 980px; background: url(../../images/home-bg.gif) repeat-y top; padding: 0; margin: 0;}

#content2 {background: url(../../images/secondary-bg.gif) repeat-y top;}

#content3 {background: url(../../images/secondary-bg2.gif) repeat-y top;}

#content4 {background: none;}

#leftcolumn {width: 194px; float: left; margin-top: 18px;}

#leftcolumn2 {width: 774px; float: left;}

#searchbox, #searchbox2 {width: 180px; height: 42px; border: 1px solid #d4d6d9; background: #faf1eb; margin: 0px 0 14px 0; padding-top: 13px; }

#searchbox2 {width: 238px; margin-top: 18px;}

#searchbox input, #searchbox2 input {width: 130px; height: 17px; border: 1px solid #a5b9cb; margin: 0 7px;}

#searchbox2 input {width: 184px;}

#searchbox img, #searchbox2 img {position: relative; top: 3px;}

.sidebox {width: 194px; padding: 0; margin: 0 0 14px 0;}

.sheader {width: 184px; border-bottom: 3px solid #d4d6d9; background: url(../../images/hdr-left-boxes.gif) no-repeat top; padding: 7px 5px;}

/* No longer needed, but leaving in as a backup 

/*.shl {background: url(../../images/boxhdr-left.gif) no-repeat top; width: 3px; height: 32px; overflow: hidden; float: left;}

.shh, .shh2 {width: 188px; background: url(../../images/boxhdr-bg.gif) repeat-x top; padding: 0; margin: 0; float: left; min-height: 32px;}

.shh2 {width: 234px;}

.shh h3, .shh2 h3 {font-size: 1.1em; padding: 8px 0; margin: 0; color: #122f56; position: relative; left: 2px;}

.shr {background: url(../../images/boxhdr-right.gif) no-repeat top; width: 3px; height: 32px; overflow: hidden; float: left;}*/

.sideinfo {width: 178px; border: 1px solid #d4d6d9; background: #faf1eb; padding: 5px 7px; margin: 0; clear: both;}

.sideinfo p {font-size: 0.9em; padding: 0; margin: 8px 0; line-height: 1.2em;}

.more {text-align: right; font-weight: bold;}

.more a {font-size: 0.8em;}

.sheader2 {background: url(../../images/hdr-recent-articles.gif) #c9cbcf no-repeat top;  width: 173px; padding: 5px 0;}

.sheader2 h3 {font-size: 0.9em; color: #122f56; padding: 5px; margin: 0;}

.sheader3 {width: 230px; border-bottom: 3px solid #d4d6d9; background: url(../../images/hdr-left-boxes2.gif) no-repeat top; padding: 7px 5px;}

#rightcolumn {float: right; width: 761px;}

#intro {width: 511px; float: left; margin-top: 18px;}
#intro p {line-height: 2em;}

#introFull {width: 755px; float: left; margin-top: 18px;}
#introFull p {line-height: 2em;}

#srecent {float: right; width: 240px;}
#recentarticles {width: 240px; margin: 5px 0 10px 0;}
#recentarticles2 {width: 173px; float: right; margin-left: 10px;}
.rainfo, .rainfo2 {width: 228px; border: 1px solid #d4d6d9; background: #faf1eb; clear: both; padding: 5px;}
.rainfo2 {width: 161px; margin-bottom: 10px;}
.rainfo2 ul {position: relative; left: 4px; padding: 0; margin: 0;}
.rainfo2 ul li { list-style-type: none; background: url(../../images/checkmark.gif) no-repeat 0 0; padding: 0 0 10px 25px; margin: 0; font-size: 0.9em;}
.viewall {width: 161px; padding: 5px; text-align: center; border: 1px solid #d4d6d9; border-top: none; margin-bottom: 10px; background: #ececec; position: relative; top: -10px;}
.viewall p {line-height: normal; padding: 0; margin: 0; font-weight: bold;}
.rainfo2 p {margin: 3px 0; line-height: normal;}
.rainfo ul {margin: 0; padding: 0; width: 228px; list-style: none;}
.rainfo ul li {background: url(../../images/icon-document.gif) no-repeat 2px 7px; border-bottom: 1px dotted #ccccbe; font-size: 0.8em; padding: 5px 0 5px 18px;}
.rainfo ul li a, .articles th a {text-decoration: none; color: #000;}
.rainfo ul li a:hover, .articles th a:hover {text-decoration: underline;}

#introbrk {background: url(../../images/intro-brk.gif) no-repeat top; width: 761px; height: 7px; overflow: hidden; clear: both; margin-bottom: 10px;}

#hregions {padding: 0; margin: 0; width: 761px;}

#reg1, #reg2, #reg3 {width: 251px; float: left; margin-right: 3px;}
#reg3 {margin-right: 0;}
.hreghdr, .hreghdr2 {
	width: 251px;
	border-bottom: 1px solid #ccd9ef;
	height: 22px;
	background-color: #f0d7c8;
}
.hreghdr h4, .hreghdr2 h4, .hreghdr h4 a, .hreghdr2 h4 a {color: #a40000; padding: 3px 5px; margin: 0; font-size: 1em; text-decoration: none;}
.hreghdr h4 a:hover, .hreghdr2 h4 a:hover {text-decoration: underline;}
.regpic {width: 232px; height: 60px; overflow: hidden; margin: 0 auto;}
.hreginfo, .hreginfo2 {background: #ffefe6; border: 1px solid #dfd9c5; border-top: none; width: 239px; padding: 5px; height: 140px;}
.hreginfo p, .hreginfo2 p {line-height: normal; margin: 6px 0;}
.hreginfo2 p {margin: 7px 0;}

#partners {background: #faf1eb; width: 759px; border: 1px solid #e3e3e3; text-align: center; font-size: 0.8em; margin: 10px 0; }
#partners p {padding: 10px 5px;}

/* Footer Info */
#footer {background: url(../../images/footer-bg.gif) repeat-x top #ececec; padding: 2px 10px 5px 10px; width: 958px; height: 115px; border: 1px solid #d4d6d9; font-size: 0.8em; margin-bottom: 10px;}
#footer p {margin:0;}

#cinfo, .prev {float: left;}
#textLinks {padding: 0 0 5px 0;}
#copyright,.next {float: right;}

#centercolumn {width: 562px; float: left; margin-left: 18px; margin-bottom: 10px;}

#breadcrumbs, #breadcrumbs2, #breadcrumbs3 {width: 560px; border: 1px solid #e7e7de; background: url(../../images/bread-crumb-bg.gif) repeat-x top; height: 25px; margin: 18px 0 10px 0;}

#breadcrumbs2 {width: 774px;}
#breadcrumbs3 {width: 758px;}

.bcspan {padding: 5px 21px 0 5px; background: url(../../images/bread-crumb-arrow.gif) no-repeat right; height: 20px; display: block; float: left; font-weight: bold; font-size: 0.8em;}
.bcspanEnd {padding: 5px 21px 0 5px; height: 20px; display: block; float: left; font-weight: bold; font-size: 0.8em;}

#intro2 {width: 562px;}

#intro2info {width: 370px; float: left;}

#intro3 {width: 750px;}

#rightcolumn2 {width: 182px; float: right; margin-top: 18px;}

#rightads {width: 180px; height: 615px; border: 1px solid #dfd9c5; background: #f9f6ec; margin-bottom: 10px;}

#yellowmenu {width: 560px; border: 1px solid #d4d6d9; background: #f8f8ce; height: 28px;}

#yellowmenu ul {display: inline;}

#yellowmenu ul li {display: inline; float: left; width: 155px; padding: 8px 5px 8px 25px; border-right: 1px solid #d4d6d9; font-size: 0.8em; background: url(../../images/bullet-red.gif) no-repeat 8px 11px;}

#yellowmenu ul li.last {border: none;}

table.ptype {width: 562px;}

table.ptype2, #nppages2 {width: 774px;}

.ptype td, .ptype2 td {background: #f3f0e5; border: 1px solid #dfd9c5; font-size: 0.8em; vertical-align: top; padding: 2px 2px 5px 2px;}

td.description {width: 166px;}

td.description2 {width: 130px;}

td.description3 {width: 230px;}

td.pname {width: 106px;}

td.distance {width: 103px;}

td.image {width: 100px;}

td.request, .img {text-align: center;}
/* 06-may-2008 property display */
table.propdisplay {width: 567px;}
.propdisplay td{background: #f3f0e5; border: 1px solid #dfd9c5; font-size: 0.8em; vertical-align: top; padding: 2px 2px 5px 2px;}
.propdisplay tr{margin: 0 0 100px 0;}
td.description1a {width: 210px;}
td.description2a {width: 357px;}
td.description3a {width: 357px; vertical-align: top;}
td.descriptionBlank {background: #ffffff;  padding: 0; border: 0px none;}
table.propSub {border: 0px none; height: 100%;}
.propSub td{background: #f3f0e5; border: 0px none; font-size: 1.1em; padding: 0;}
td.descrSubLt {padding: 2px 2px 5px 2px;}
td.descrSub1Lt {width: 133px; padding:10px  0 0 0;}
td.descrSub2Lt {vertical-align: bottom; text-align: center; width: 77px; padding: 10px 0 0 0;}
td.descrSubRt {width: 357px; padding: 0 0 10px 0;}
td.descrSub1Rt {width: 357px; padding: 0 0 10px 0;}


.red {color: #8d110b; font-weight: bold;}

#nppages, #nppages2 {width: 562px; text-align: right; margin-top: 5px;}

#nppages a {margin-left: 4px;}

.button {text-align: center; margin: 15px auto;}
.buttonSlim {text-align: center; margin: 5px auto;}
/* Property CSS */

#pintro {}
/*#pintrophoto {width: 300px; border: 1px solid #ccc; margin-right: 10px; float: left;}*/
#pintroPhotoCol {width: 300px; float: left; margin-right: 10px;} 
#pintroPhotoCol a {text-decoration: none;} 
#pintroPhotoCol a:hover {text-decoration: underline;} 
#pintrophoto {width: 300px; border: 1px solid #ccc; float: left;}
#pintroGallery {margin:5px 0 0 2px; float: left;}
#pintroinfo {width: 460px; float: left;}
.pinfo {width: 250px; float: left; position: relative; left: 10px;}
.pc1 {float: left; width: 100px; font-weight: bold; padding: 2px; font-size: 0.9em;}
.pc2 {float: left; width: 140px; padding: 2px; font-size: 0.9em;}
.pc2 ol {margin: 0; padding: 0;}
.pc2 ol li{margin: 0 0 0 22px; padding: 0;}
.pdistances {width: 140px; float: right;}
.pdistinfo {border: 1px solid #f2eed9; background: #faf1eb; padding: 0 5px;}
#pphotosmenu, #pphotosmenu2 { width: 774px; border: 1px solid #d4d6d9; background: #f8f8ce; margin-bottom: 20px; padding: 0;}

#pphotosmenu2 {width: 560px;}
.pphoto, .pphoto2 {text-align: center; padding: 5px; float: left; margin: 0px 5px; font-weight: bold; width: 100px; position: relative; left: 20px;}
.pphoto2 {margin: 0 2px; left: 6px;}
.pphoto p a img, .pphoto2 p a img {border: 1px solid #ccc;}
.ppbut, .ppbut2 {float: left; position: relative; top: 40px; left: 20px; padding: 0 10px; width: 44px;}
.ppbut2 {padding: 0; left: 6px;}
.comments {border: 1px solid #dfd9c5; background: #f9f6ec; width: 774px; margin-bottom: 5px;}
.com1 {width: 220px; padding: 0 10px; float: left;}
.com1 h3 {padding: 10px 0 0 0; margin: 0;}
.com1 img {border: 1px solid #ccc;}
.com1 p {padding: 0; line-height: normal; margin: 5px 0 10px 0;}
.com2 {width: 510px; padding: 0 5px; float: left;}
.red, .rate a strong {color: #8b2e30;}
.prevnext {width: 776px; margin-bottom: 10px;}

.comments2 {border: 1px solid #dfd9c5; background: #f9f6ec; width: 550px; padding: 5px; margin-bottom: 5px;}
.com3, .com4 {width: 140px; padding: 0 5px; float: left;}
.com4 {width: 390px;}
#ratecomment {border: 1px solid #ccc; background: #FBFBFB; width: 560px; margin-bottom: 5px;}
#ratecomment p {padding: 5px; line-height: normal; margin: 0;}
.rate a:link, .rate a:visited {float: left; padding: 5px 4px; font-size: 0.9em; margin: 0 5px 5px 5px; border: 1px solid #ccc; text-decoration: none; background: url(../../images/rate-boxes.gif) repeat-x top #fff;}
.rate a:hover {border: 1px solid #999;}
a img {border: none;}
table.articles {width: 560px; font-size: 0.9em;}
.articles th, .articles td {text-align: left; background: #e8e3d2; border: 1px solid #dfd9c5; padding: 5px;}
.articles td {background: #f9f7f1;}
.artileInfo {width: 765px; float: left; position: relative; left: 10px;}
.artileInfoMed {width: 560px; float: left; position: relative; left: 10px;}
.artileInfoSml {width: 260px; float: left; position: relative; left: 10px; }
#articlePhotoCol {width: 300px; float: left; margin-right: 10px;} 
#articlePhotoCol a {text-decoration: none;} 
#articlePhotoCol a:hover {text-decoration: underline;} 

/* article summary output */
#articleWrap {width: 562px;}
#articleLtCol {width: 300px; float: left; margin-right: 10px;} 
#articleRtCol {width: 250px; float: left; margin-right: 10px;} 
#articleFullCol {width: 550px; float: left; margin-right: 10px;} 
.colLt {float: left; width: 90px; font-weight: bold; padding: 2px; font-size: 0.9em;}
.colRt {float: left; width: 150px; padding: 2px; font-size: 0.9em;}
.colRt ol {margin: 0; padding: 0;}
.colRt ol li{margin: 0 0 0 22px; padding: 0;}
.articleBoxTitle { margin: 2px; height: 24px; background: #e8e3d2; }
.articleBoxCell { margin: 2px; height: 20px; border: 1px solid #e8e3d2; }

/* email css */
#emailTbl {font-size: 0.9em; line-height: 1.6em;}

/* mouseover pop-up window */
#popBox1 {width: 300px; }
.popHead1 {background: url(../../images/hdr-pop-info.gif) no-repeat top; height: 40px; width: 300px;}
.popHead1 h3 {font-size: 12px; color: #122f56; padding: 5px; margin: 0;}
#popBox1 table {font-size: 1.0em; margin: 5px 0 0 0; width: 300px; border: 1px solid #d4d6d9; background: #faf1eb;}
#popBox1 td {background: url(../../images/checkmark.gif) no-repeat 5px 0; padding: 3px 5px 3px 23px; width: 150px;}
.popSpace {padding: 4px 0 0 0; margin:0 }

/* rt col region community pulldown */
#rtBox {width: 180px; margin: 12px 0 12px 0; }
#rtBox select {width: 164px; }
.rtHeader {background: url(../../images/hdr-rt-boxes.gif) #c9cbcf no-repeat top;  width: 172px; padding: 5px;}
.rtInfo {width: 164px; border: 1px solid #d4d6d9; background: #ffffee; clear: both; padding: 8px; margin: 0;  height: 25px;}

/* account purchase */
#storeAccnt {width: 745px; float: left; margin-top: 18px;}
#storeAccnt p {line-height: 1.6em;}
#storeAccnt table {margin: 0; width: 745px; padding: 0;}
#storeAccnt td {font-size: 1.0em; margin: 5px 0 0 0; padding: 4px; border: 1px solid #d4d6d9; background: #ffffee;}
#storeAccnt ul {position: relative; padding: 0; margin: 4px 2px 4px 15px;}