/* @override http://applecross.pswduk.com/msg/css/main.css */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.3;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET CSS */


body {
	font-family: Arial, "Lucida Grande", Verdana, sans-serif, Helvetica;
	font-size: 14px;
	background-image: url("/images/msg_layout/images/left_rep.jpg");
	background-repeat: repeat-y;
	background-color: #d6ab7f; 
}

#container {
	width: 990px;
	

}

#header {
	height: 141px;
	background-image: url("/images/msg_layout/images/top-fixed.jpg");
	background-repeat: no-repeat;
	padding:0;
	margin:0;
}

div.key {
	color: #34567a;
	font-size: 70%;
	padding-left: 630px;
	width:330px;
	padding-top:70px;
}

#menu {
	padding-left: 8px;
	padding-bottom: 10px;
	width: 168px;
	float:left;
	background-image: url("/images/msg_layout/images/left.jpg");
	background-repeat: no-repeat;
	margin:0;
	padding-right: 0px;
	padding-top: 100px;
	min-height: 500px;
}

#menu img {
	float: left;
	position:relative;
	left:-4px;
	border:0;
}

#menu img.ax-home {
	padding-top:20px;
}

#content {
	background-image: url(/images/map_big-fixed.jpg);
	font-size: 100%;
	float:right;	
/*	background-color: maroon; */
	margin:0;
	padding:20px;
	padding-right: 50px;
	width:742px;
	padding-top:0;
}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
	
	font-size: 170%;
	background-color: #c0976c;
	padding: 5px 10px;
	margin-bottom: 20px;
	border: 1px solid #a6815c;
	border-left-width: 20px;
}

h2 {
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 10px;
}

h2.trip-section {
	background-color: #c0976c;
	padding: 5px 0;
	margin-bottom: 0px;
	margin-top: 20px;
	border: 1px solid #a6815c;
	border-top-width: 10px;
}

h3 {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	border: 1px solid #a6815c;
	background-color: #e9b580;
	padding: 3px;
	margin-bottom: 10px;
	margin-top: 20px;
	border-left-width: 20px;
}

p {
	padding-bottom: 10px;
}

a {
	color: #4c3b2b;
	border-right-color: #7e6347;
}

.quote {
	font-style: italic;
}

a:hover {
	color: black;
}

a:visited {
	color: #5d4934;
}

p.large {
	font-size: 120%;
}

div.column-2 {
	clear: both;
}

div.column-2 div.column{
	width: 370px;
	float: left;
	overflow:hidden;
}

div.line {
	width:557px;
	height:28px;
	background-image: url("../images/line.gif");
	margin: 5px auto 0;
	clear: both;
}

div.images-horizontal {
	margin: auto;
	width:inherit;
}

div.image, div.image-left, div.image-right {
	text-align: center;
	margin: auto;
	padding-top: 20px;
}

div.image-left {
	float: left;
	padding-right: 10px;
	margin-left: 5px; /* BORDERS -8 */
	
}

div.image-right {
	float: right;
	padding-left: 10px;
	margin-right: 0px; /* BORDERS -8 */
}


div.top {
	margin-top: -20px;
}

div.image p, div.image-left p, div.image-right p {
	padding:0;
	margin: 0 auto;
	font-size: 70%;
}

.padding {
	width:20px;
}

.clear {
	clear: both;
	width:100px;
}

.smallprint {
	font-size: 80%;
}

ul#nav-horiz {
	margin-bottom: 20px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 0px;
	/*border-bottom: 1px solid #a6815c;*/
}

ul#nav-horiz li{
	display: inline;
}

ul#nav-horiz li a{
	text-decoration: none;
	padding: 3px 11px;
	border: 1px solid #a6815c;
	color: #5e4731;
	background-color: #e9b580;
	margin-left: px;
	font-size: 90%;
}

ul#nav-horiz li a:hover{
	background-color: #c99a6c;
	
}

ul#nav-horiz li.selected a{
	background-color: #a6815c;
	color: #fbc289;
}

/* At A Glance */

div.glance-big-box {
	padding: 0;
	margin: 0;
}

div.glance {
	padding: 0;
	margin: 0;
}

div.glance a {
	font-weight: bold;
	color: black;
}

div.glance h3 {
	font-size: 115%;
	padding: 7px 0 7px;
	margin-bottom: 7px;
	text-align: center;
	background-color: #c0976c;
	border: none;
	margin-top: 0;
}

div.glance p {
	margin-top: 2px;
	margin-bottom: 3px;
	font-size: 90%;
}

div.glance p.stats {
	margin-bottom: 25px;
	font-size: 90%;
	font-weight: bold;
}

.glance-box-by2 {
	width:359px;
	float: left;
	text-align: left;
	margin:0 0px 20px;
	background-color: #e9b580;
	border: 1px solid #a6815c;
}

.glance-box-by1 {
	float: left;
	text-align: left;
	margin:0 0px 20px;
	padding-top: 10px;
	background-color: #e9b580;
	border: 1px solid #a6815c;
}

div.glance div.horz-spacer {
	width: 20px;
	height: 15px;
	float: left;
}

div.glance img {
	padding-left: 10px;
	float: left;
}

div.glance div.trip {
	margin: 0 0  0 10px;
	height: 130px;
	float: left;
	width: 262px;
	border:none;
	background-image: none;
}


div.glance div.trip p {
	padding-bottom: 0px;
	padding-left: 0;
}

a.backto-glance:hover {
	color: #453627;	
}

/* End At A Glance */

/* TRIP SECTIONS */

div.trip {
	border-right: 1px solid #a6815c;
	border-left: 1px solid #a6815c;
	border-bottom: 5px solid #a6815c;
	background-image: url(/images/map_big-fixed.jpg);
}

div.trip p {
	padding-left: 10px;
	padding-right: 10px;
}

div.trip div.bar3h {
	border: 1px solid #a6815c;
	background-color: #e9b580;
	padding: 3px;
	margin-bottom: 15px;
	border-left-width: 20px;
	padding-left: 10px;
	margin-top: 40px;
	border-right: none; /* BORDERS */
	height:20px;
}

div.trip h3 {
	font-size: 120%;
	text-align: left;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	border: none;
}

a.backto-glance {
	font-size: 80%;
	padding-top: 3px;
	padding-right: 5px;
	color: #86684c;
	text-align: right;
	display: block;
}
div.trip h4 {
	font-size: 110%;
	padding-bottom: 10px;
	padding-left: 10px; /* BORDERS */
}

div.trip div.image, div.trip div.image-left, div.trip div.image-left {
	padding-bottom: 10px;
	margin-top:-7px;
}

div.trip div.image-left {
	float: left;
	padding-right:10px;
}

div.trip div.image-right {
	float: right;
	padding-left:10px;
}

div.trip span.intro, p.intro {
	font-weight: bold;
}

	/* Trip info */
	div.trip-info {
		background-color: #e9b580;
		padding:10px;
		color: #000;
		font-size: 90%;
	}
	
	div.trip-info div.label, div.trip-info div.label2line {
		float: left;
		width:120px;
		padding-bottom:10px;
		margin-bottom:10px;
		background-image: url("/msg/images/msg-label-bg-summer.png");
		background-repeat: repeat-y;
		padding-top:4px;
		height:10px;
		padding-left: 35px;
		text-align: left;
		font-weight: bold;
	}
	
	div.trip-info div.label2line {
		height:27px;
		padding-top:3px;
		clear:both;
	}
	
	
	div.trip-info div.info {
		padding-bottom: 10px;
		margin-left: 130px;
		min-height: 50px;
	}
	
	div.trip-info div.info p {
		padding:0;
		margin: 0;
	}

	
	
	/* End Trip Info */
	
	/* Trip Info Table */
	
	table.trip-info {
	background-color: #e9b580;
	padding:0 15px;
	font-size: 90%;
	/*border-top: 1px solid #a6815c;
	border-left: 1px solid #a6815c;
	border-right: 1px solid #a6815c; BORDERS */
	border-bottom: 1px solid #a6815c; 
	border-collapse: collapse;
	width: 100%;
}
	
	table.trip-info tr{
}
	
table.trip-info tr td{
	padding: 10px 10px;
	vertical-align: middle;
	border-top:  1px solid #a6815c; /* BORDERS */
}
	
	table.trip-info p {
		padding:0;
		margin: 0;
	}
	
	table.trip-info col.labels {
		width:175px;
	}
	
	table.trip-info th {
		font-weight: bold;
		text-align: right;
		padding-right:10px;
		padding-left: 5px;
		font-size: 110%;
		background-color: #c0976c;
	vertical-align: middle;
	border-top:  1px solid #a6815c; /* BORDERS */
}

	table.trip-info th p{
		font-size: 70%;
		font-weight: normal;
		padding-top: 5px;
	}

	
	table.trip-info .cost, table.trip-info p.ratio {
		font-weight: bold;
		font-size: 120%;
	}
	
	table.trip-info p.ratio {
	display: inline;
}
	
	table.trip-info p.sub {
	font-size: 90%;
}
	
	
	table.trip-info img.campsite {
	float: right;
	padding-left: 5px;;
	padding-top:0;
	margin-top:0;
}

table.trip-info p.campsite-text {
}

table.trip-info a.goto-dates {
	float: right;
	border:  1px solid #a6815c;
	background-color: #c0976c ;
	font-size: 120%;
	padding: 3px 20px;
	font-weight: bold;
	margin-top: 0px;	
}

table.trip-info a.goto-dates {
	color: #4d3c2b;
	text-decoration: none;
	background-color: #c79c70;
}

table.trip-info a.goto-dates:hover {
	text-decoration: underline;
	color: #000;
	background-color: #ad8761;
}
	
	/* End Trip Info Table */

/* END TRIP SECTIONS */

/* KAYAK PAGE ITEMS */

div.intro {
	padding-left: 280px;
}

/* END KAYAK PAGER ITEMS */

/* INDEX PAGE ITEMS */

/* Quick Links Box */

div.quick-links {
	height: 230px;
	background-image: url("../images/snow_top.jpg");
	width:314px;
	padding:20px;
	margin-left:10px;
}

.narrower {
	border-style: dashed;
	width: 500px;
}

table.activity th {
	font-size: 120%;
	text-align: left;
}

table.activity td {
	border-collapse: collapse;
}

table.activity td.sub-heading {
	font-weight: bold;
}

table.activity {
	margin: auto;
}

div.availability table {
	border-color: #93734b;
	border-style: solid;
	border-width: 1px;
	border-spacing: 10px 10px;
	border-collapse: collapse;
}

div.availability table th {
	background-color: #ad8761;
	padding: 5px;
	text-align: left;
}

div.availability table td.title {
	background-color: #ffbe7d;
}

div.availability table td.title {
	font-weight: bold;
}

div.availability table td,  div.availability table th{
	padding: 5px;
	border-color: #93734b;
	border-style: solid;
	border-width: 1px;
}

/* */

table.standard {
	border-color: #93734b;
	border-style: solid;
	border-width: 1px;
	border-spacing: 10px 10px;
	border-collapse: collapse;
}

table.standard th {
	background-color: #ad8761;
	padding: 5px;
	text-align: left;
}

table.standard td.title {
	background-color: #ffbe7d;
}

table.standard td,  table.standard th{
	padding: 5px;
	border-color: #93734b;
	border-style: solid;
	border-width: 1px;
	vertical-align: top;
}

.emphasis{
	font-weight: bold;
}

.important{
	color: #bd0000;
	font-style: italic;
}

.booking-form-link{
	padding: 15px;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

p.pswd{
	padding-top: 15px;
	margin-top: 40px;
	border-top-color: #ad8761;
	border-top-style: dashed;
	border-top-width: 1px;
	text-align: center;
	font-size: 70%;
}

ul.why{
	padding-bottom: 20px;
	padding-left: 20px;
	list-style-type: disc;
}

ul.why li{
	padding-top: 10px;
}

.center{
	text-align: center;
}

div.quick-links ul{
	padding-top: 15px;
	font-size: 120%;
	padding-left: 20px;
	color: white;
	list-style-type: disc;
}

div.quick-links ul li{
	padding-bottom: 15px;
}

div.quick-links ul li a{
	color: white;
}

img.banner {
	padding-top:20px;
}

/* FORMS */
form.booking {
	padding:30px;
	background-color: #e9b580;
	border: 1px solid #a6815c;
}
form.booking p label{
	width:230px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 10px;
	font-size: 120%;
	padding-top: 6px;
}
form.booking input[type="text"], form.booking select{
	font-size: 110%;
	padding: 4px;
	border: 1px solid #a6815c;
}

form.booking p{
	clear: both;
}
form.booking p label.long{
display: inline;
float: none;
}

form.booking input[type="submit"] {
	width: 200px;
	height: 30px;
	margin-left: 250px;
}

form.booking h2 {
padding-top: 10px;
}

div.dates-holder {
	float: right;
	width: 300px;
	border: solid 1px black;
	padding: 5px;
}

table#confirmation {
	margin-bottom: 20px;
}

table#confirmation td.title {
	font-weight: bold;
	font-size: 130%;
	padding-top: 20px;
}

table#confirmation th {
	text-align: left;
	padding: 4px;
	padding-left: 8px;
	padding-right: 10px;
}

table#confirmation td{
	padding: 4px;
}

table#confirmation td.price{
	font-size: 170%;
	font-weight: bold;
}

form.booking p label.error {
	color: red;
	font-size: 80%;
	position: relative;
	top:-10px;
	clear: left;
}