/* @override /css/style.css */
body { font-family: Arial, Helvetica, sans-serif; color: #333; text-align: center; margin: 0; background-color: #CD9F5B; }
#boxnew { margin: 0 auto 0; padding: 0 0 0 0; width: 100%; display: block; background-image: url(/images/page-structure/page-backgroundnew.gif); background-position: top; background-repeat: repeat-x; }
#subBox { margin: 0 auto 0; padding: 0 0 0 0; width: 100%; display: block; background-image: url(/images/page-structure/subpage-background.gif); background-position: top; background-repeat: repeat-x; }
h1 { font-family: Arial, Helvetica, sans-serif; color: #45351D; font-size: 1.3em; font-weight: normal; margin-top: 0; }
h2 { color: #45351D; font-size: 0.8em; font-weight: bold; line-height: 1.2em; margin-top: 0; margin-bottom: 10px; padding: 0; clear: both; }
h3 { color: #45351D; font-size: 0.75em; font-weight: bold; line-height: 1.5em; margin-bottom: 0; clear: both; }
img { border: 0; }
a { color: #45351D; font-weight: normal; }
a:hover { color: #fff; }
p { color: #45351D; font-size: 0.75em; line-height: 1.4em; margin-top: 0; margin-bottom: 8px; letter-spacing: 0.01em; }
table { border: 1px solid #45351D; border-collapse: collapse; }
td { color: #45351D; font-size: 0.75em; line-height: 1.4em; margin-top: 0; margin-bottom: 8px; letter-spacing: 0.01em; }
th { color: #45351D; font-size: 0.75em; line-height: 1.4em; margin-top: 0; margin-bottom: 8px; letter-spacing: 0.01em; }
.shift, h1 span { position: absolute; left: -3000px; font-size: 1px; line-height: 1px; height: 1px; overflow: hidden; }
.right { float: right; margin-right: 10px; margin-top: 20px; }
.left { float: left; margin-left: 20px; margin-top: 20px; }
#container { width: 780px; height: auto; margin-right: auto; margin-left: auto; text-align: left; padding: 10px 0 0 0; }
/* header css */
#headernew { background: url(/images/page-structure/header-backgroundnew.jpg) no-repeat; width: 780px; height: 355px; float: left; }
#headernew h1 { display: block; margin: 0; padding: 0; overflow: hidden; float: left; }
#subheader h1 { display: block; margin: 0; padding: 0; overflow: hidden; float: left; }
#subheader { background: url(/images/page-structure/subheader-background.jpg) no-repeat; width: 780px; height: 95px; float: left; }
#subheader h1 a { display: block; float: left; width: 110px; height: 95px; margin: 0; padding: 0; }
/*end header css*/
/*content div css*/
/*E3B05F*/
#content { background-color: #E3B05F; width: 780px; min-height: 355px; margin-right: auto; margin-left: auto; float: left; }
#frontAdmin { width: 590px; float: left; padding: 40px 0 0 0; }
#adminMenu { width: 160px; float: left; padding: 40px 10px 10px 10px; }
#frontLeft { width: 390px; float: left; padding: 40px 0 0 40px; }
/*yumi add 290108*/
#frontLeftnew { width: 340px; float: left; padding: 20px 0 0 20px; }
#frontLeftnew li { background: url(/images/page-structure/list-image.jpg) no-repeat; background-position: 0px 3px !Important; background-position: 0px 6px; list-style: none; padding-left: 12px; margin: 0; font-size: 0.8em; font-weight: bold; margin-bottom: 8px; letter-spacing: 0.03em; }
#frontLeftnew li a:link { text-decoration: none; }
#frontLeftnew li  a:visited { text-decoration: none; }
#frontLeftnew li a:hover { text-decoration: none; }
#leftbtm li { float: left; background: url(/images/ar.jpg) no-repeat; background-position: 0px 3px !Important; background-position: 0px 6px; list-style: none; padding-left: 12px; margin-right: 10px; font-size: 0.8em; font-weight: bold; margin-bottom: 8px; letter-spacing: 0.03em; }
#frontLefttour { width: 440px; float: left; padding: 40px 0 0 40px; }
#frontRighttour { width: 270px; float: left; padding-top: 20px; }
/*for template */
.fronttemp01 { clear: both; padding: 10px 40px 0 40px; width: auto; }
#frontLeft ul { margin: 15px 0 0 0; padding: 0; }
#frontLeft p { padding-right: 40px; }
#frontLeft li { background: url(/images/page-structure/list-image.jpg) no-repeat; background-position: 0px 3px !Important; background-position: 0px 6px; list-style: none; padding-left: 12px; margin: 0; font-size: 0.8em; font-weight: bold; margin-bottom: 8px; letter-spacing: 0.03em; }
#frontRight { width: 320px; float: left; padding-top: 20px; }
/*yumiadd 290108*/
#frontRightnew { width: 370px; float: left; padding-top: 10px; padding-left: 0; margin-left: 0; }
#frontRightnew li { list-style: none; /
*padding-left:12px;*/
	margin: 0; font-size: 0.8em; font-weight: bold; margin-bottom: 5px; }
/* ----*/
#frontTown { background: url(/images/page-structure/front-town-background.jpg) no-repeat; width: 328px; height: 200px; }
#wai ul { margin: 0; padding: 0; }
#wai li { float: left; list-style: none; background-image: none; }
#townDisplay { background: url(/images/page-structure/town-display-background.jpg) no-repeat; background-position: bottom; width: 191px; height: 123px; margin-left: 125px; }
#townDisplay p { margin: 0; }
#townDisplay h3 { padding: 0px 20px 0 20px; margin: 5px 0 5px 0; font-weight: normal; line-height: 1em; font-size: 0.7em; }
#townDisplay a { margin-left: 20px; }
#townDisplay2 { background: url(/images/page-structure/town-display-background.jpg) no-repeat; background-position: bottom; width: 191px; height: 123px; margin-left: 10px; }
#townDisplay2 p { margin: 0; }
#townDisplay2 h3 { padding: 0px 20px 0 20px; margin: 5px 0 5px 0; font-weight: normal; line-height: 1em; font-size: 0.7em; }
#townDisplay2 a { margin-left: 20px; }
#townDisplay3 { background: url(/images/page-structure/town-display-background2.jpg) no-repeat; background-position: left; width: 191px; height: 123px; }
#townDisplay3 p { margin: 0; }
#townDisplay3 h3 { padding: 0px 10px 0 10px; margin: 5px 0 5px 0; font-weight: normal; line-height: 1em; font-size: 0.7em; }
#townDisplay3 a { margin-left: 10px; }
#mapText { padding: 0px 40px 40px 40px; }
/*form area div*/
form { padding: 0; }
.valid { margin-left: 35px; }
#formTop { background: url(/images/page-structure/formTop.jpg) no-repeat; width: 322px; height: 19px; margin-bottom: 0; margin-left: 5px; }
#formCenter { background: url(/images/page-structure/formCenter.jpg) repeat-y; width: 322px; height: auto; margin-top: 0; padding-top: 10px; margin-left: 5px; }
#formBottom { background: url(/images/page-structure/formBottom.jpg) no-repeat; width: 322px; height: 22px; margin-top: 0; margin-left: 5px; }
input { border: 1px solid #45351D; width: 190px; font-size: 1em; font-family: Arial, Verdana, sans-serif; padding: 2px; float: left; margin: 0 0 10px 5px; }
.inputSpacer { display: block; }
select { border: 1px solid #45351D; width: 196px; font-size: 1em; font-family: Arial, Verdana, sans-serif; padding: 2px; float: left; margin: 0 0 10px 5px; }
.radio { width: 12px; border: 0; }
textarea { border: 1px solid #45351D; width: 190px; font-size: 1em; font-family: Arial, Verdana, sans-serif; padding: 2px; float: left; margin: 0 0 10px 5px; }
label { width: 50px; display: block; text-align: right; font-weight: bold; margin-left: 20px; float: left; clear: both; }
#frontAdmin label { width: 200px; display: block; text-align: right; font-weight: bold; margin-left: 20px; float: left; clear: both; }
#frontAdmin textarea { border: 1px solid #45351D; width: 350px; height: 200px; font-size: 1em; font-family: Arial, Verdana, sans-serif; padding: 2px; float: left; margin: 0 0 10px 5px; }
#submit { background-image: url(/images/page-structure/submit.jpg); height: 31px; width: 122px; border: 0; color: #FFFFFF; text-align: left; font-weight: bold; font-size: 1em; clear: both; margin-top: 0; margin-left: 10px; padding-left: 0; padding-bottom: 5px; letter-spacing: 0.1em; text-align: center; }
#accommodation p { margin-left: 30px; }
.acclabel { width: 60px; display: block; text-align: right; font-weight: bold; margin-left: 20px; float: left; clear: both; }
#accommodation input { width: auto; border: 0; float: none; margin: 0; }
#accommodation label { float: none; width: auto; text-align: left; margin-left: 5px; display: inline; }
#accommodation .submit { background-image: url(/images/page-structure/submit.jpg); height: 31px; width: 122px; border: 0; color: #fff; text-align: left; font-weight: bold; font-size: 1em; clear: both; letter-spacing: 0.1em; margin-top: 0; margin-left: 0; padding-left: 0; padding-bottom: 5px; text-align: center; }
/*end form area div*/
/*activity box*/
.actDiv { clear: both; margin-left: 40px; }
.actTop { background: url(/images/page-structure/actTop.jpg) no-repeat; width: 510px; height: 30px; margin-bottom: 0; margin-left: 0; }
.actCenter { background: url(/images/page-structure/actMiddle.jpg) repeat-y; width: 510px; min-height: 150px; height: auto; margin-top: 0; padding-top: 0; margin-left: 0; }
.actCenter h3 { margin: 0 0 0 15px; }
.actCenter p { margin: 3px 0 0 15px; font-size: 0.7em; }
.actCenter img { float: right; padding-left: 10px; margin: 0; padding-right: 0; }
.actCenter p { padding-right: 15px; }
.actBottom { background: url(/images/page-structure/actBottom.jpg) no-repeat; width: 510px; height: 30px; margin-top: 0; margin-left: 0; }
/*end activity box*/
/*end content area div*/
/*footer div css*/
#footer { background-color: #E3B05F; width: 780px; height: 50px; clear: both; padding-top: 30px; }
#footer ul { clear: both; display: block; text-align: left; }
#footer li { font-size: 0.65em; color: #fff; display: inline; padding: 0 0 5px 5px; }
#footer li a { color: #fff; font-weight: normal; padding-right: 5px; }
#footer li a:hover { text-decoration: underline; }
/*end footer div css*/
.fontwh { font-size: 0.7em; color: #fff; }
.fontwh a { color: #fff; text-decoration: underline; }
.white { color: #fff; font-size: 0.75em; line-height: 1.4em; margin-top: 0; margin-bottom: 8px; letter-spacing: 0.01em; }
.grayboxtop { width: 330px; border: 1px solid #b27f2e; padding: 2px; margin-bottom: 2px; }
.grayboxtoptitle { font-weight: bold; font-style: italic; color: #45351D; font-size: 0.85em; line-height: 1.4em; margin-top: 0; margin-bottom: 8px; letter-spacing: 0.01em; }
.blockContent { padding: 3px; }
.blockContent p { font-weight: bold; font-style: italic; color: #45351D; font-size: 0.85em; }
/* tours page heaadline */
.actDiv02 { clear: both; margin-left: 40px; margin-right: 220px; margin-bottom: 20px; margin-top: 10px; }
.textmb { line-height: 130%; font-weight: bold; color: #45351D; font-size: 13px; }
.noline { text-decoration: none; }
/*
April 15, 2008
jd
Index page, service bullets
*/
#lang { font-size: .9em; font-weight: bold; vertical-align: bottom; text-align: right; color: #fff; height: 40px; 
/* because the header blue is 41px */
	line-height: 40px; width: auto; margin-right: 10px; }
#lang a { color: #fff; }
#nav { padding-top: 5px !Important; padding-top: 0; margin-left: 10px; margin-top: 3px; width: 660px; float: right; display: block; height: 30px; }
#nav img { float: left; }
#nav p { float: left; margin: 0; }
#nav ul { float: right; margin: 0 20px 0 0; }
#nav li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style: none; margin: 0; float: left; color: #83BBE0; padding: 0 0 0 4px; letter-spacing: 0.04em; vertical-align: top; }
#nav li a { color: #fff; text-decoration: none; padding-right: 3px; }
#nav li a:hover { color: #000; }
#nav #active { text-decoration: underline; }
.opaq { /
* from sitepoint.com */
	
/
* IE filter extension */
	margin: 0; padding: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); width: 100%; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.opaq:hover { /
* from sitepoint.com */
	
/
* IE filter extension */
	margin: 0; padding: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); width: 100%; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.top_left, .top_mid, .top_right, .bottom_left, .bottom_mid, .bottom_right{height:24px;width:24px;font-size:1px;}
.top_left{background-image:url(/images/page-structure/ul.jpg);}
.top_mid{width:auto;background-image:url(/images/page-structure/um.jpg);background-repeat:repeat-x;height:24px;}
.top_right{background-image:url(/images/page-structure/ur.jpg);}
.mid_left{width:24px;background-image:url(/images/page-structure/l.jpg);background-repeat:repeat-y;}
.mid_mid{width:auto;background-color:#fff;}
.mid_right{width:24px;background-image:url(/images/page-structure/r.jpg);background-repeat:repeat-y;}
.bottom_left{background-image:url(/images/page-structure/bl.jpg);}
.bottom_mid{width:auto;background-image:url(/images/page-structure/bm.jpg);background-repeat:repeat-x;height:24px;}
.bottom_right{background-image:url(/images/page-structure/br.jpg);}
table.fade_box{padding:0;margin:0;border:0;}
table.pricing{border:1px solid #000;font-size:1.5em;line-height:2em;}
table.pricing td{border:1px solid #ccc;border-collapse:collapse-all;padding:5px 10px;}
table.pricing th{border:1px solid #ccc;line-height:2em;text-align:center;}
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/
.dialog { position: relative; margin: 0px auto; min-width: 8em; max-width: 760px; 
/* based on image dimensions - not quite consistent with drip styles yet */
 color: #000; z-index: 1; margin-left: 12px;
/* default, width of left corner */
 margin-bottom: 0.5em
; /* spacing under dialog */ }
.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div { background: transparent url(dialog2-blue-800x1600.png) no-repeat top right; _background-image: url(dialog2-blue.gif); }
.dialog .content { position: relative; zoom: 1; _overflow-y: hidden; padding: 0px 12px 0px 0px; }
.dialog .t { /
* top+left vertical slice */
 position: absolute; left: 0px; top: 0px; width: 12px; 
/* top slice width */
 margin-left: -12px; height: 100%; _height: 1600px;
/* arbitrary long height, IE 6 */
 background-position: top left; }
.dialog .b { /
* bottom */
 position: relative; width: 100%; }
.dialog .b,
.dialog .b div { height: 30px; 
/* height of bottom cap/shade */
 font-size: 1px; }
.dialog .b { background-position: bottom right; }
.dialog .b div { position: relative; width: 12px; 
/* bottom corner width */
 margin-left: -12px; background-position: bottom left; }
.dialog .hd,
.dialog .bd,
.dialog .ft { position: relative; }
.dialog .wrapper { /
* extra content protector - preventing vertical overflow (past background) */
 position: static; max-height: 1000px; overflow: auto; 
/* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */ }
.dialog h1,
.dialog p { margin: 0px; 
/* margins will blow out backgrounds, leaving whitespace. */
 padding: 0.5em 0px 0.5em 0px; }
.dialog h1 { padding-bottom: 0px; }

/* 
NEW
*/

.headingLeftArea { 
	float: left;
	width: 420px;
}

.headingLeftArea h2 img { margin: 2.5em 0 0 2em; }

.headingRightArea { 
	float: left;
}

#rightCol {
	float: right; 
	width: 345px;
	margin-left: 2em;
}

#leftCol {
	padding: 1em 0 0 2.6em;
}

#leftCol p {
	margin-right: 3em;
}

/* Front page Latest Content */

div.fpd {
	background-color: #F0D7AE;
	margin-bottom: 0.7em; 
	margin-left: 2.6em; 
	border: 1px solid white; 
	width: 350px;
}

.edge { 
	float: left; 
	background: #CA9E6D url(../images/tours-edge.gif) 1px 50% no-repeat; 
	padding-left: 0.6em;
}

.cont {
	float: left; 
	background-color: #F0D7AE; 
	border-left: 1px solid white; 
	padding-left: 0.3em; 
	width: 330px;
}

.fpTitle {
	margin: 0; 
	padding: 0.2em 0 0em 0;
}

.fpImage {
	float: right; 
	margin-left: 0.3em; 
	margin-top: 0.2em;
}

.textWrapTop {
	background: transparent url(../images/page-structure/boxTop1.gif) 0 0 no-repeat; 
	padding-top: 9px; 
	width: 240px;
}

.textWrapBottom {
	background: transparent url(../images/page-structure/boxBottom1.gif)  0 100% no-repeat; 
	width: 234px; 
	padding-bottom: 2px;
}

.textWrapOuter {
	background: transparent url(../images/page-structure/leftEdge.gif) 0 0 repeat-y; 
	padding-left: 10px;
}

.textWrapInner {
	width: 225px; 
	background: transparent url(../images/page-structure/rightEdge.gif) 100% repeat-y; 
	padding-right: 10px;
}

.textWrapInner p {
	background-color: white; 
	width: 220px; 
	padding: 0.3em; 
	font-size: 70%; 
	line-height: 1.3em;
}