@charset "UTF-8";
/* CSS Document */


/* Ignore when Printing */

div.headRightCont {display: none}
div.proTitIcon {display: none}
div.googleAdsSide {display: none}
div.appMedia {display: none}
div.comFormCont {display: none}
div.comHeadRight {display: none}
 
body {background:#bedcf2 url('../images/bodyBg.png') repeat-x; color:#252a2d; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16pt; line-height: 32px; font-weight: 900; color: #252a2d; margin: 0px 0px 0px 6px;}	
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 32px; font-weight: 900; color: #252a2d; margin: 0px 0px 0px 6px; height: 32px}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: 900; color: #a50c11; margin: 4px 0px 0px 10px;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 22px; color: #252a2d; margin: 6px 10px 10px 10px;}	
li {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 22px; color: #252a2d;}
a {color: #333}
br.clearfix {clear:both; margin:0px !important; padding:0px !important; height: 1px; font-size: 1px; line-height: 1px; visibility: hidden }
.mainTitle {font-size: 18pt; color: #252a2d}

/* Header Structure */
div.topArea {width: 100%;}
div.header {margin: 0px auto; width: 960px; height: 104px; margin-bottom: 6px}
div.header div.logoBox {float: left; width: 360px}
div.header div.logoBox img {border: 0px}
div.header div.headRightCont {float: left; width: 600px; height: 100px}
div.header div.headerUtils {height: 50px; width: 100%; text-align: right; margin-top: 8px}
div.header div.headUtils {height: 30px; width: 100%}
div.header div.headUtils div.loginInfo {float: left; width: 320px; text-align: right}
div.header div.headUtils div.headerSearch {float: left; width: 600px; text-align: right; vertical-align: top;}
div.header div.headUtils div.headerSearch div.headerSearchCont {background: url('/static/images/pageElements.png'); float: right; width: 439px; height: 46px}
div.searchElement {float: right}
div.header div.headUtils div.headerSearch .headerSearchBox {height: 28px; width: 330px; color: #2e3438; font-size: 14pt; font-family: Arial, Helvetica, sans-serif; padding: 8px 0px 0px 10px; background: url('../images/pageElements.png') 0px -46px; margin: 5px 4px 0px 0px; border: 0px}
div.header div.headUtils div.headerSearch .searchButton {border: solid #c7cb9f 0px; text-align: center; width: 84px; height: 28px; color: #272727; font-size: 14pt; padding: 8px 0px 0px 0px; background: url('../images/pageElements.png') -340px -46px; cursor: pointer; margin: 5px 5px 0px 0px}
div.addThis {float: right; margin-left: 20px}

/* Button Structure */
.button {height: 25px; float: left; cursor: pointer;}
.button .icon {float: left; width: 12px; height: 25px; background: url('../images/pageElements.png') -260px -82px; }
.button .text {float: left; background: url('../images/pageElements.png') -266px -82px; height: 22px; color: #fff; padding: 3px 0px 0px 0px; font-size: 11pt; font-weight: 900; font-family: Arial, Helvetica, sans-serif}
.button .end {float: left; width: 12px; height: 25px; background: url('../images/pageElements.png') -427px -82px; }

/* Dialog Structure */
.loadDialog {float: right; cursor: pointer; height: 20px; margin: 0px 0px 0px 10px;}
.loginIcon {background: url('../images/pageElements.png') -240px -110px; float: left; height: 20px; width: 24px}
.registerIcon {background: url('../images/pageElements.png') -352px -110px; float: left; height: 20px; width: 24px}
.labelEnd {background: url('../images/pageElements.png') -234px -110px; float: left; height: 20px; width: 6px}
.dialogLabel { float: left; color: #2e3438; font-family: Verdana, Geneva, sans-serif; font-size: 11px; background: url('../images/pageElements.png') -10px -110px; height: 18px; padding: 2px 4px 0px 10px;}
.dialog	{position: absolute; overflow: hidden; padding:0px 1px 1px 0px; margin:0px; height: auto; }
.dialogContainer {position: absolute; left: 50%; top: 0%; margin-top:100px; z-index: 5001; margin-left: -200px }
.dialogContent {background: #fff; width: 400px; border: 3px solid #0a4f9c}
.dialogBg {z-index:5000; position: absolute; top: 0px; left: 0px; background-color: #000; border: none; width: 100%; height: 100%; opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70) }
.dialogFooter {text-align: right; padding: 8px;}
.diaCont {visibility: hidden; opacity: 0;}

div.formCont div {margin: 0px 0px 2px 0px; padding:0.25em 0; width: 100%}
label {display:block; float:left; margin-right:10px; padding-right:10px; position:relative; text-align:right; width:150px;}
div.dialogForm h3 {color: #0f317a; font-size: 32px; line-height: 32px; font-weight: 900; margin: 8px 0px 8px 10px; height: 32px}
div.formCont span {margin: 0px 0px 0px 130px; color: #c00}
div.diaAddressWhy {margin: 10px; border: solid 1px #0f317a; padding: 5px; width: 200px}



/* Body Structure */
div.contentTop {height: 6px; width: 960px; margin: 0px auto;}
div.contentTop div.tl {height: 6px; background: url('../images/pageElements.png') -424px -56px}
div.contentTop div.tr {height: 6px; background: url('../images/pageElements.png') -430px -56px}
div.contentBot {height: 6px; width: 960px; margin: 0px auto;}
div.contentBot div.bl {height: 6px; background: url('../images/pageElements.png') -424px -62px}
div.contentBot div.br {height: 6px; background: url('../images/pageElements.png') -430px -62px}
div.contentCorner {width: 6px; height: 6px; float: left; overflow: hidden}
div.contentCenter {width: 948px; float: left; height: 6px; background-color: #e2ddcd}
div.content {margin: 0px auto; width: 960px; min-height: 820px; background-color: #e2ddcd}
div.mapContent {margin: 0px auto; width: 960px; background-color: #e2ddcd}
div.leftContainer {float: left; width: 632px; margin: 0px 6px 0px 6px}
div.rightContainer {float: left; width: 310px; margin: 0x 6px 0px 0px}


/* Content Structure */
div.container {width: 100%; background: #d8d2bc; padding: 0px 0px 0px 0px}
div.contTop {width: 100%; padding: 0px 0px 0px 0px; height: 5px}
div.contCorner {width: 5px; height: 5px; float: left; overflow: hidden}
div.contCenter {height: 5px; float:left; width: 622px; background: #d8d2bc; overflow: hidden}
div.contCenterSml {height: 5px; float:left; width: 300px; background: #d8d2bc; overflow: hidden}
div.contTop div.tl {height: 5px; background: url('../images/pageElements.png') -424px -46px}
div.contTop div.tr {height: 5px; background: url('../images/pageElements.png') -429px -46px}
div.contBot {width: 100%; padding: 0px 0px 0px 0px; margin-bottom: 6px; height: 5px}
div.bl {height: 5px; background: url('../images/pageElements.png') -424px -51px}
div.br {height: 5px; background: url('../images/pageElements.png') -429px -51px}
div.innerCont {width: 622px; margin: 0px 5px 0px 5px; background-color: #f2f2e6; overflow:hidden}
div.innerContSml {width: 300px; margin: 0px 5px 0px 5px; padding: 4px 0px 4px 0px; background-color: #f2f2e6;}


/* Panel Structure */

div.frontPanel {height: 300px;}
div.panel {height: 300px; width: 622px;}
div.panel div.panCont {padding: 220px 40px 0px 20px;}
div.panel div.panCont h2 {font-size: 22px; font-weight: 900; color:#F60; margin: 0px 0px 3px 0px; line-height: 22px}
div.panel div.panCont p {font-size: 15px; color:#FFF; margin-top: 0px}
div.panel01 {background: url('../images/frontPanel/panel01.jpg')}
div.panel02 {background: url('../images/frontPanel/panel02.jpg'); margin-top: -300px}
div.panel03 {background: url('../images/frontPanel/panel03.jpg'); margin-top: -300px}
div.panel04 {background: url('../images/frontPanel/panel04.jpg'); margin-top: -300px}

div.frontPanelButtons {margin-top: 6px; margin-left: 504px; height: 30px; width: 118px; position:absolute; z-index: 2}
div.fPBM {margin-left: 533px;}
div.frontPanelButtons div.switchButton {height: 24px; width: 24px; margin: 0px 5px 0px 0px; float: left; display:block; cursor: pointer; text-align:center; font-size: 18px; font-weight: 900; line-height: 24px;}
div.frontPanelButtons div.off {background: url('../images/pageElements.png') -288px -107px; color: #999;}
div.frontPanelButtons div.selected {background: url('../images/pageElements.png') -264px -107px; color: #eee;}


/* List Structure */
div.listCont {margin: 0px 10px 0px 10px; padding-top: 10px}
div.itemCont {width: 604px; background-color: #f9f9f6; margin-bottom: 14px}
div.itemCont div.imgCont {float: left; width: 138px; margin: 5px 4px 5px 5px}
div.itemCont div.imgCont img {height: 92px; width: 123px; border: 2px solid #c7cb9f; padding: 2px;}
div.itemCont div.conCont {float: left; width: 428px}
div.itemCont div.conCont h3 {margin: 5px 0px -8px 0px; line-height: 20px; font-size:20px}
.titleAD {color: #0f317a}
.titleAT {color: #a50c11}
.titleCU {color: #733a6f}
.titleDI {color: #cc3300}
.titleEN {color: #1a7a88}
.titleRE {color: #156307}
div.itemCont div.conCont span {font-size: 12px; font-weight: 900; line-height: 12px}
div.itemCont div.conCont p {line-height: 12pt; margin: 6px 0px 6px 0px}
div.listIcon {width: 24px; height: 24px;; margin: 5px 0px 0px 0px; float: left;}
div.pageControls {margin: 0 auto; width: 400px; font-size: 11pt; font-weight: 900; padding: 10px 0px 10px 0px;}
div.pageControls div.pageControl {width: 130px; float: left; text-align: center}

/* Profile Structure */
div.proTitle {width: 610px; overflow: hidden; height: 72px;}
div.proTitIcon {float: left; height: 60px; width: 60px; background-color:#666; margin: 8px 10px 0px 4px; background: url('../images/pageElements.png') 0px -130px;}
div.proTitIconAD {background: url('../images/pageElements.png') 0px -131px;}
div.proTitIconAT {background: url('../images/pageElements.png') -60px -131px;}
div.proTitIconCU {background: url('../images/pageElements.png') -120px -131px;}
div.proTitIconDI {background: url('../images/pageElements.png') -180px -131px;}
div.proTitIconEN {background: url('../images/pageElements.png') -240px -131px;}
div.proTitIconRE {background: url('../images/pageElements.png') -300px -131px;}
div.proTitle h2 {font-size: 32px; color: #252a2d; margin: 10px 0px 4px 0px}
div.proTitle h3 {font-size: 18px; color: #252a2d; margin-top: 0px; line-height: 18px}
div.proTitAD h2 {color: #0f317a}
div.proTitAT h2 {color: #a50c11}
div.proTitCU h2 {color: #733a6f}
div.proTitDI h2 {color: #cc3300}
div.proTitEN h2 {color: #1a7a88}
div.proTitRE h2 {color: #156307}
div.appDescription {padding: 4px 0px 4px 8px; width: 614px }
div.appDescription img {margin: 8px 10px 6px 4px; height: 260px; width: 200px; border: 2px solid #c7cb9f; padding: 3px; }
div.hoursTitle {width: 100%; margin-bottom: 4px; font-weight:900}

div.innerTips {margin: 10px 18px 10px 10px; padding: 10px; background-color: #e2ddcd; border: 2px solid #d8d2bc}

/* AddThis Structure */

.addThisShare {background: url('../images/pageElements.png') -332px -110px; float: left; height: 20px; width: 20px; float: right; cursor: pointer; margin: 0px 0px 0px 5px;}
.addThisEmail {background: url('../images/pageElements.png') -312px -110px; float: left; height: 20px; width: 20px; float: right; cursor: pointer; margin: 0px 0px 0px 5px;}
div#at16lb {z-index:5000; position: absolute; top: 0px; left: 0px; background-color: #000; border: none; width: 100%; height: 100%; opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70)}
#at20mc {width: 600px}

/* Find Structure */
div.findOutBox {height: 166px; background: url('../images/findTitle.png') no-repeat;}
div.findOutBox h2 {color: #1c8708; font-size: 28px; line-height: 38px; margin: 4px 0px 4px 10px}
div.findOpCity {margin: 0px 0px 0px 20px; background: url('../images/pageElements.png') 0px -82px; width: 260px; height: 28px }
div.findOpOut {margin: 10px 0px 0px 20px; background: url('../images/pageElements.png') 0px -82px; width: 260px; height: 28px }
div.findOpButton {margin: 0 auto; margin-top: 10px; width: 120px }
div.findOpMessage {margin: 5px 0px 0px 20px; width: 230px; height: 24px }
div.selHolder {border: 0px solid #333; height: 24px; width: 250px; font-size: 12pt; font-weight: 900; color: #252a2d; padding: 4px 2px 0px 8px; cursor: pointer; overflow: hidden}
div.selHolderPop {border: 0px solid #333; height: 24px; width: 250px; font-size: 12pt; font-weight: 900; color: #252a2d; padding: 4px 2px 0px 37px; margin: 0px 0px 0px 0px; cursor: pointer; overflow: hidden; background-repeat: no-repeat; background-position: 6px 2px}
div.selDrop {width: 226px; padding: 4px 0px 2px 0px; margin: 0px 0px 0px 4px; position: absolute; background-color: #eeecda; display: none; border: 1px solid #333; border-top: 0px; z-index: 10000}
div.selOuting {margin: 2px 0px 0px 10px; padding: 2px 0px 0px 32px; height: 26px; font-size: 12pt; color: #252a2d; vertical-align: top; cursor: pointer; background-repeat: no-repeat}
div.selCity {margin: 2px 0px 0px 10px; padding: 2px 0px 0px 32px; height: 26px; font-size: 12pt; color: #252a2d; vertical-align: top; cursor: pointer; background-repeat: no-repeat}
div.findOpCont div.findOp div.message {padding: 4px; font-weight: 900; height: 24px; color: #000}


/* Map Structure */
div.contentMap {float: left; margin: 0px 6px 0px 6px; width: 948px }
div.mapCont {height: 500px; margin-top: 0px}
div.appMap {height: 240px; display: block; }

div.mapBig {height: 500px; display: block;}
div.mapTagCont {height: 34px; width: 940px; display: block; float: left; margin-top: 1px}
div.tagFilter {cursor: pointer; font-weight: 900; font-size: 10pt; height: 21px; padding: 4px 6px 0px 26px; margin-left: 5px; float: left}
div.mapFilterLabel { height: 30px; float: left; margin-left: 0px}
div.mapFilterLabel .text {background: url('../images/mapToggle.png') 0px -120px; float: left; height: 25px; color: #f5eee6; padding: 5px 6px 0px 10px; font-size: 12pt; font-weight: 900; font-family: Arial, Helvetica, sans-serif}
div.mapFilterLabel .arrow {background: url('../images/mapToggle.png') -200px -120px; width: 18px; height: 30px; float: left}


div.mapLink {cursor: pointer; background: url('../images/mapButton.png') no-repeat; height: 102px}
div.mapLink h2 {color: #1c8708; font-size: 28px; line-height: 38px; margin: 4px 0px 8px 10px}
div.mapLinkButton {margin: 16px 0px 0px 170px}

.mapFilter {height: 30px; float: left; cursor: pointer; margin-left: 10px}
.mapFilter .icon {float: left; width: 30px; height: 30px}
.mapFilter .iconAD {background: url('../images/mapToggle.png') 0px -60px;}
.mapFilter .iconAT {background: url('../images/mapToggle.png') -30px -60px;}
.mapFilter .iconCU {background: url('../images/mapToggle.png') -60px -60px;}
.mapFilter .iconDI {background: url('../images/mapToggle.png') -90px -60px;}
.mapFilter .iconEN {background: url('../images/mapToggle.png') -120px -60px;}
.mapFilter .iconRE {background: url('../images/mapToggle.png') -150px -60px;}
.mapFilter .text {background: url('../images/mapToggle.png') top right; float: left; height: 25px; color: #333; padding: 5px 10px 0px 10px; font-size: 12pt; font-weight: 900; font-family: Arial, Helvetica, sans-serif}

.mapFilterOn .icon {float: left; width: 30px; height: 30px}
.mapFilterOn .iconAD {background: url('../images/mapToggle.png') 0px -90px;}
.mapFilterOn .iconAT {background: url('../images/mapToggle.png') -30px -90px;}
.mapFilterOn .iconCU {background: url('../images/mapToggle.png') -60px -90px;}
.mapFilterOn .iconDI {background: url('../images/mapToggle.png') -90px -90px;}
.mapFilterOn .iconEN {background: url('../images/mapToggle.png') -120px -90px;}
.mapFilterOn .iconRE {background: url('../images/mapToggle.png') -150px -90px;}
.mapFilterOn .text {background: url('../images/mapToggle.png'); background-position: 100% -30px;  color: #fff}


/* Photo Gallery Structure */

div.appMedia {padding: 14px 0px 0px 2px; width: 620px }
div.galleryPhoto {background-color: #d8d2bc; padding: 0px; margin: 0px 0px 12px 12px; width: 139px; height: 106px; float: left}
div.galleryPhoto img {width: 133px; height: 100px; border: 0px solid #fff; margin: 3px }

/* Right Sections */

div.detailSpacing {margin: 6px 10px 8px 16px;}
div.detailColLeft {float: left; width: 84px; font-size: 10pt}
div.detailColPrice {float: left; width: 130px; font-size: 10pt}
div.detailColRight {float: left;}
div.detailColRight span {font-size: 10pt; font-weight: 900}

/* Random Outings */

div.randomCont {overflow: hidden; margin-bottom: 0px; height: 370px; padding-top: 5px;}
div.randomCont h2 {font-size: 30px; color: #1d4498; margin-bottom: 12px}
div.randomInnerCont {margin: 0px 0px 0px 4px; width: 631px; height: 400px}

div.randItemCont {float: left; width: 120px; height: 87px; margin: 0px 5px 6px 0px; background-color:#a0997c; overflow: hidden}
div.randItemCont img {width: 120px; height: 87px; border: 0px solid #fff; margin: 0px}
div.randItemCont div.randTitle {height: 87px; width: 120px; margin-top: -87px; position: relative; overflow: hidden; cursor: pointer; }
div.randItemCont div.randTitle div.randIcon {height: 70px; width: 100%; background-repeat: no-repeat; background-position: 93px 3px}
div.randItemCont div.randTitle div.randName{height: 16px; color: #fff; font-size: 8pt; padding: 2px 0px 0px 3px; background: #252a2d;}

div.randItemContBig {float: left; height: 180px; width: 242px; margin: 0px 5px 5px 0px; background-color:#a0997c; overflow: hidden}
div.randItemContBig img {width: 242px; height: 180px; border: 0px solid #fff; margin: 0px}
div.randItemContBig div.randTitle {height: 180px; width: 242px; margin-top: -180px; position: relative; overflow: hidden; cursor: pointer; }
div.randItemContBig div.randTitle div.randIcon {height: 160px; width: 100%; background-repeat: no-repeat; background-position: 215px 3px}
div.randItemContBig div.randTitle div.randName{height: 20px; color: #fff; font-size: 10pt; padding: 1px 0px 0px 3px; background: #252a2d;}

div.randTitNone {display: none}


/* Google Ads Structure */

div.googleAdsSide { width: 300px; padding: 0px 0px 0px 0px;}


/* Icon Legend Structure */

div.iconLegend h2 {color: #1a7a88; font-size: 26px; line-height: 32px; margin: 4px 0px 4px 10px}
div.iconDesc {margin: 0px 10px 2px 15px; width: 275px; padding: 4px}
div.iconDescTxt {width: 230px; float: left}
div.iconDescImg {width: 24px; height: 24px; float: left; margin: 1px 6px 0px 0px}
div.iconDesc h4 {font-size: 14px; font-weight: 900; margin: 0px; line-height: 14px}
div.iconDesc span {font-size: 12px}

/* Recently Added Structure */

div.recCont {overflow: hidden; margin-bottom: 0px; padding-top: 10px; background: url('../images/titleArea.png') no-repeat #f2f2e7}
div.recCont h2 {font-size: 30px; color: #cc3300; margin-bottom: 4px}

/* Comment Structure */

div.comments {padding-top: 10px}
div.commentCont {width:602px; margin: 0px 10px 10px 10px; padding-top: 6px;}
div.comHead {width:582px; margin: 0px 10px 4px 10px; font-size: 11pt}
div.comHeadLeft {float:left; width: 390px;}
div.comHeadLeft span {font-weight: 900}
div.comHeadRight {float:left; width: 192px; text-align: right}
div.comHeadRight span {cursor: pointer; color: #cc3300}
div.comText {width: 550px; float: left; font-size: 10pt}

div.comFormCont {float: left; width: 400px; margin: 4px 10px 0px 10px; padding: 0px 10px 10px 10px;}
div.comFormTitle {font-size: 14pt; font-weight: 900; padding-bottom: 10px; width: 580px}
div.comFieldCont {height: 88px;padding-bottom: 4px}
textarea.comFormField { width: 380px; height: 80px}
input.comButton {}

div.comStatus {border: 1px solid #eee; width: 500px; display: none}
div.comLogin {width: 600px; text-align: center; padding: 20px 0px 40px 0px; font-size: 14pt; font-weight: 900}
span.comLinks {float: none; cursor: pointer; height: inherit; margin: 0px 0px 0px 0px; color: #cc3300; text-decoration: underline }

/* Footer Structure  */

div.footer {height: 100px; width: 100%; text-align: center; margin-top: 20px}

/* SLIMBOX */

#lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;	background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}
.lbLoading {background: #fff url('../images/slimbox/loading.gif') no-repeat center;}
#lbImage {position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url('../images/slimbox/prevlabel.gif') no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url('../images/slimbox/nextlabel.gif') no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px;	color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff;	border-top-style: none;}
#lbCloseLink { display: block; float: right; width: 66px; height: 22px;	background: transparent url('../images/slimbox/closelabel.gif') no-repeat center; margin: 5px 0; outline: none;}
#lbCaption, #lbNumber {	margin-right: 71px;}
#lbCaption {font-weight: bold;}