/* CSS Document */

#header { width: 780px; background: url(../images/backgrounds/innerTopBar.png) repeat-x; height: 125px; margin: 0; padding: 0;}

#logoInner {z-index:9999; background-color:transparent;background: url(../images/logoInner.png) no-repeat center center; width: 220px; height: 96px; float: left; margin-top: 28px; /*margin-left: 20px;*/ padding: 0;}
#logoInner h1#logoInnerTxt {text-indent: -9999px; margin: 0; padding: 0;}
#logoright{text-align:right;font-size:10px;color:#808080;margin-top:50px;margin-right:23px;line-height:16px;font-weight:bold;font-family:verdana;}
#logoright a{text-decoration:none;color:#808080}
#logoright a:hover{text-decoration:none;color:#AA0000;}
#linksInner {width: 300px; height: 28px; float: right;}
ul#innerNav { margin:0; padding:0; list-style:url(none) none; text-indent:-9999em;  height: 28px; margin: 0; position: relative; /*(fix for safari line break)*/}
ul#innerNav li { margin:0; padding:0; display:inline; float:left; height:28px;}
ul#innerNav a {display:block; background:transparent url(../images/backgrounds/innerNav.png) no-repeat; height:28px; margin:0; padding:0;}

ul#innerNav a#home { background-position: 0px 0px; width:53px; }
ul#innerNav a#aboutUs { background-position: -53px 0px; width:72px; }
ul#innerNav a#faq { background-position: -125px 0px; width:43px; }
ul#innerNav a#contactUs { background-position: -168px 0px; width:78px; }
ul#innerNav a#joinUs { background-position: -250px 0px; width:50px; }

ul#innerNav a#home:hover { background-position: 0px -28px;}
ul#innerNav a#aboutUs:hover { background-position: -53px -28px;}
ul#innerNav a#faq:hover { background-position: -125px -28px;}
ul#innerNav a#contactUs:hover { background-position: -168px -28px;}
ul#innerNav a#joinUs:hover { background-position: -250px -28px;}

ul#innerNav li.onAbout {background-image :url(../images/backgrounds/innerNav.png); background-repeat: no-repeat; background-position: -53px -28px;}
ul#innerNav li.onFaq {}
ul#innerNav li.onContact {}

#headerSquiggly {background: url(../images/backgrounds/headerSquigglyInner.png) no-repeat right top; width: 350px; height: 100px; float: right;}

#headerDivider { background:url(../images/backgrounds/headerDivider.png) no-repeat; height: 9px; width: 740px; margin:0 auto;}

#bodyWrapper { background-color: #FFFFFF; width: 100%;}
#bodyContent {width: 585px; float: left; padding-bottom: 20px;}
#bodyContent h2 {margin: 10px 0 20px 20px; text-indent: -9999px; height: 17px;}
#bodyContent p {margin: 10px 0 0px 20px;}
#bodyContent blockquote {background-color: #fffccd; border: #999999 dotted 1px; border-left: none; border-right: none; padding-right: 10px; padding-bottom: 10px; color: #666666;}
.faqQ { font-size: 200%; color: #000000;}
.faqA { font-size: 200%; color: #CC0000;}

h2.pgHeadingAbout {background: url(../images/backgrounds/pgHeadingAbout.png) no-repeat;}
h2.pgHeadingFaq {background: url(../images/backgrounds/pgHeadingFaq.png) no-repeat;}
h2.pgHeadingContactUs {background: url(../images/backgrounds/pgHeadingContactUs.png) no-repeat;}
h2.pgHeadingOurWalks {background: url(../images/backgrounds/pgHeadingOurWalks.png) no-repeat;}
h2.pgHeadingExplorers {background: url(../images/backgrounds/pgHeadingExplorers.png) no-repeat;}
h2.pgHeadingOurCity {background: url(../images/backgrounds/pgHeadingOurCity.png) no-repeat;}
h2.pgHeadingWhyWalk {background: url(../images/backgrounds/pgHeadingWhyWalk.png) no-repeat;}
h2.pgHeadingCauses {background: url(../images/backgrounds/pgHeadingCauses.png) no-repeat;}
h2.pgHeadingFeedback {background: url(../images/backgrounds/pgHeadingFeedback.png) no-repeat;}
h2.pgHeadingNews {background: url(../images/backgrounds/pgHeadingNews.png) no-repeat;}
h2.pgHeadingGallery {background: url(../images/backgrounds/pgHeadingGallery.png) no-repeat;}
h2.pgHeadingJoinUs {background: url(../images/backgrounds/pgHeadingJoinUs.png) no-repeat;}
h2.pgHeadingCost {background: url(../images/backgrounds/pgHeadingCost.png) no-repeat;}
h2.pgHeadinghomestay {background: url(../images/backgrounds/pgHeadinghomestay.png) no-repeat;}
h2.pgHeadingourtours {background: url(../images/backgrounds/pgHeadingourtours.png) no-repeat;}
h2.pgHeadingrivercruise {background: url(../images/backgrounds/pgHeadingrivercruise.png) no-repeat;}
h2.pgHeadingcitytours {background: url(../images/backgrounds/pgHeadingcitytours.png) no-repeat;}
h2.pgheadingmentors {background: url(../images/backgrounds/pgheadingmentors.png) no-repeat;}

.subHeadingNews a:hover{background: url(../images/backgrounds/pgHeadingCost.png) no-repeat;}

#bodyNav {width: 180px; float: right; margin: 0px 0 0 10px;}
#bodyNav h3 {background:url(../images/backgrounds/rtLinksHead.png) no-repeat; width: 150px; height: 18px; margin: 10px 0 0 10px; padding: 0; text-indent: -9999px;}
#squiggly {background: url(../images/backgrounds/rtLinksSquiggly.png) no-repeat; width: 150px; height: 250px; margin: 0px 0 0 10px;}

ul#bodyNavList {margin:0; padding:0; width: 150px; margin-left: 10px; list-style:url(none) none; text-indent:-9999em; position: relative; /*(fix for safari line break)*/ }
ul#bodyNavList li {margin:0; padding:0; height:24px;}
ul#bodyNavList a {display:block; background:transparent url(../images/backgrounds/rtLinksBg.png) no-repeat; height: 24px; margin:0; padding:0;}

ul#bodyNavList a#ourWalks {background-position: 0px 0px; width:150px;}
ul#bodyNavList a#explorers {background-position: 0px -24px; width:150px;}
ul#bodyNavList a#ourCity {background-position: 0px -48px; width:150px;}
ul#bodyNavList a#offbeattours {background-position: 0px -72px; width:150px;}
ul#bodyNavList a#homestay {background-position: 0px -96px; width:150px;}
ul#bodyNavList a#citytours {background-position: 0px -120px; width:150px;}
ul#bodyNavList a#rivercruise {background-position: 0px -144px; width:150px;} 
ul#bodyNavList a#blog {background-position: 0px -168px; width:150px;}
ul#bodyNavList a#causes {background-position: 0px -192px; width:150px;}
ul#bodyNavList a#feedback {background-position: 0px -216px; width:150px;} 
ul#bodyNavList a#cost {background-position: 0px -240px; width:150px;} 

ul#bodyNavList a#ourWalks:hover {background-position: -200px 0px;}
ul#bodyNavList a#explorers:hover {background-position: -200px -24px;}
ul#bodyNavList a#ourCity:hover {background-position: -200px -48px;}
ul#bodyNavList a#offbeattours:hover {background-position: -200px -72px;}
ul#bodyNavList a#homestay:hover {background-position: -200px -96px;}
ul#bodyNavList a#citytours:hover {background-position: -200px -120px;}
ul#bodyNavList a#rivercruise:hover {background-position: -200px -144px;} 
ul#bodyNavList a#blog:hover {background-position: -200px -168px;}
ul#bodyNavList a#causes:hover {background-position: -200px -192px;}
ul#bodyNavList a#feedback:hover {background-position: -200px -216px;} 
ul#bodyNavList a#cost:hover {background-position: -200px -240px;} 

p.contactEmail {background: url(../images/backgrounds/net.jpg) no-repeat right top;}
p.contactPhone {background: url(../images/backgrounds/phone.jpg) no-repeat right top;}
p.contactSnail {background: url(../images/backgrounds/ico_snailMail.png) no-repeat right top;}
p.contactSnail1 {background: url(../images/backgrounds/postbox.jpg) no-repeat left top;padding-left:20px}
p.contactEmail, p.contactPhone, p.contactSnail1,div.contactForm  {margin: 10px; padding:25px;  border: 1px dotted #8ea8b2;}
div.contactForm { background-color: #e9f5fb;}

/*     Contact Page Form      */
form#contactForm { background-color: #e1f1f9; padding: 5px;}
form#contactForm p.formElement { display: block; width: 100%; float: left; margin: 5px 0; padding:0;}
form#contactForm p.formElement input {width: 95%; background-color: #d4e8f1; border: 1px solid #acacac;}
form#contactForm p.formElement input:focus, form#contactForm textarea:focus {background-color: #c9e0ec;}
form#contactForm textarea {width: 95%; background-color: #d4e8f1; border: 1px solid #acacac; height: 100px;}
form#contactForm label { font-size: 77%; text-transform: uppercase;}
form#contactForm input {}
.btnContact {width: 94px; height: 25px; border: 3px double #999999; background-color: #666666; color: #FFFFFF;}
/*.btnContact {background: url(../images/backgrounds/btnContact.png) no-repeat; width: 94px; height: 25px; border: none; font-size: 1px; color: #666666;}*/

.profilePicAlign {margin: 0px 0px 4px 6px; float: right; border:3px double #666666;}
.imgThumbAlignR {margin: 0px 0px 3px 6px; float: right; border:3px double #666666;}
.imgThumbAlignL {margin: 3px 6px 3px 0px; float: left; border:3px double #666666;}

.galContainer {width: 540px; margin-left: 35px;}
.float {float: left;}
.float p {text-align: center;}
.float p.setCaption {text-align: left; margin: 6px; margin-left: 0px; color: #666666;}
.float img {border: 1px solid #dcdcdc; padding: 6px 6px 12px 6px; margin: 10px; background-color: #f1f1f0;}
img.pfImgNoShow {display: none;}
.galHeading {font-family:"Trebuchet MS", Verdana, Arial, Helvetica; text-transform: uppercase; width: 560px; color: #a9a9a9; font-size: 110%; border-bottom: 1px solid #999999; padding-left: 10px;}

.tip {margin: 30px; padding: 5px; padding-left: 25px; background: url(../images/backgrounds/ico_tip.png) no-repeat left top; font-size: 85%;}
.tip ul {margin: 0px; margin-top: 10px; padding: 0; padding-left: 20px;}

p.feedback {font-style: italic; color: #666666; padding-bottom: 20px;}
p.feedback span {color: #CC0000; font-weight: bold; font-style:normal;}
p.feedback1 {font-size:14px; color: #666666; padding-bottom: 20px;}
p.feedback1 span {color: #CC0000; font-weight: bold; font-style:normal;}
p.walkTime {font-size:11px;font-style: normal; background-color: #FBDCDC;font-weight:normal; border: 1px dotted #666666; border-left: none; border-right: none; padding: 3px; margin-bottom: 15px; display: block;}

.walkprice {margin: 20px; padding: 10px; padding-left:40px; background-color: white; border-left: none; border-right: none;}

.red {color:#FF0000;font-size:20px}

.h {color:#525252;font-weight:bold}
.h1 {color:#525252;font-weight:bold;font-size:20px}
.costhead{color:#FF0000;text-decoration:none;font-size:18px; font-weight:bold}
.costdet{font-size:14px;text-align:justify}
.costsmall{font-color:#666666;font-size:12px;ext-align:justify}
.imggal{margin-right:5px;margin-bottom:10px;border:none}
.imggal1{margin-right:0px;margin-bottom:10px;border:none}
.imagegal{margin-left:5px;margin-right:5px}
#nfont{font-family:Arial, Helvetica, sans-serif;font-size:16px}