/* Start of CMSMS style sheet 'Tofino Sea Kayaking: Global' */
body {
       background: url('http://tofino-kayaking.com/uploads/images/layout/bg-revamp.jpg') #64869f repeat-x;
	margin: 0;
	padding: 0;
	voice-family: "\"}\""; 
	voice-family: inherit;
        font: 12px/16px Arial, sans-serif;
	}

/*body.home {
        background-color: #F0F8FF;
}*/

#sitewrapper {
  height:100%;
  width:936px;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 12px;
  margin-bottom:12px;
  border:1px #0D2840 solid;
  background-color:#ffffff;

}

p {
	font: 12px/16px Arial, sans-serif;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
	}

h1 {
	color:#4c7bb2;
	font-family:Arial,sans-serif;
	font-size:24px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:26px;
	margin:0pt;
	padding:6px 0pt 12px 0px;
	text-transform:uppercase;
}

h2 {
	font: bold 16px/16px Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #061B41;
	margin: 0;
	padding: 4px 0 6px 0;
	}

h2.boldTableHeading {
	font: bold 18px/20px Arial, sans-serif;
        background: #0F2E64;
	color: #ffdb00;
        margin-bottom: 4px;
        margin-top: 4px;
	padding: 6px 0 6px 6px;
        clear:both;
	}

h3 {
	font: bold 10px/16px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #061B41;
	margin: 0;
	padding: 6px 0 0 0;
	}

h4{
	color:#gggggg;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:strong;
	line-height:20px;
	margin:0pt;
	padding:2px 0pt 6px;}

h5 {
	color:#061B41;
	font-family:Arial,sans-serif;
	font-size:16px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:strong;
	line-height:20px;
	margin:0pt;
	padding:2px 0pt 6px;
}

h6 {
	color:#061B41;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:16px;
	margin:0pt;
	padding:18px 0pt 6px;
	text-transform:uppercase;
}

.small {
	font: 10px/14px Arial, sans-serif;
	color: #061B41;
	margin: 0;
	padding: 0;
	}

a {
	color: #061B41;
	font-weight: bold;
	text-decoration: none;
	}

a:hover {
	color: #3C608A;
	text-decoration: underline;
	}

.ruleRed {
	position: relative;
        display: block;
        clear: both;
	top: 10px;
	left: 0px;
	margin: 0px 0 18px 0;
	padding: 0px 0 0px 0;
	width: 100%;
        height:1px;
	border-top: 1px solid #DC3F20;
	z-index: 4;
	}

.ruleBlue {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0 0px 0;
	padding: 0;
	width: 100%;
	border-top: 1px dotted #90AAC9;
	z-index: 4;
	}

.ruleFat {
	border-top:3px solid #0F2E64;
	left:0px;
	margin:20px 0pt 3px;
	padding:0pt;
	position:relative;
	top:0px;
	width:100%;
	z-index:4;
}

/* ------------ BEGIN HEADER/MENU STYLES -------- */

#header {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 10px 0 0 0;
	width: auto;
	height: 56px;
	background: #acb16e;
	z-index: 3;
	}

#tabs {
	position: relative;
	top: -1px;
	margin: 0;
	padding: 10px 0 0 0px;
	border-bottom: 1px solid #FFF;
	background: #888e46;
height: 30px;
	z-index: 4;
	} 

#tabs ul {
	font: bold 12px/16px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0;
	padding: 15px 0px 0 20px;
	display: inline;
	} 

#tabs ul li {
	margin: 0 -1px 0 -1px;
	padding: 15px 30px 2px 4px;
	list-style: none;
	display: inline;
	}

#tabs ul li.here {
	margin: 0 -1px 0 -1px;
	list-style: none;
	display: inline;
	}

#tabs a {
	/*color: #4F7EB6;*/
        color:#FFF;
	text-decoration: none;
	} 

#tabs a:hover {
	color: #FFF;
	}

#tabs ul li.here a {
	color: #FFF;
font-weight: bold;
	}

#tabs ul li.here a:hover {
	color: #FFF;
	}


#flashBg {
	position: relative;
	top: -1px; /* For IE - so it doesn't create a white line*/
	left: 0;
	width: 936px;
	height: 290px;
	background: #4F7EB6;
	z-index: 3;
	}

#flashHomeWords {
	position: absolute;
	top: 8px;
	left: 8%;
	z-index: 4;
}

#flashHomeLogo {
	position: absolute;
	top: 20px;
	left:0px;
	padding-right: 5px;
	z-index: 3;
	min-width: 700px;
	max-width: 900px;
	width: 100%;
	width:expression(document.documentElement.clientWidth > 900? "900px": "100%" );
	}

#flashBgImg {
	position: relative;
        width: 937px;
	height: 290px;
	background: #4F7EB6;
	z-index: 3;
	}

#flashLogo {
	position: absolute;
	top: 60px;
	right: 20px;
	width: 684px;
	height: 279px;
	z-index: 4;
	}

#flash {
	position: relative;
	top: -1px;
	left: 0px;
	width: 100%;
	height: 150px;
	z-index: 2;
	}

div.flash_tours {
   background: #4F7EB6 url(/uploads/images/layout/flashBgTours.jpg) no-repeat;
}

div.flash_courses {
   background: #4F7EB6 url(/uploads/images/layout/flashBgCourses.jpg) no-repeat;
}

div.flash_guides {
   background: #4F7EB6 url(/uploads/images/layout/flashBgGuides.jpg) no-repeat;
}
div.flash_booking {
   background: #4F7EB6 url(/uploads/images/layout/flashBgBooking.jpg) no-repeat;
}

div.flash_rentals {
   background: #4F7EB6 url(/uploads/images/layout/flashBgRentals.jpg) no-repeat;
}

div.flash_photos {
   background: #4F7EB6 url(uploads/images/layout/flashBgGallery.gif) no-repeat;
}

div.flash_store-accommodations {
   background: #4F7EB6 url(uploads/images/layout/flashBgStore.jpg) no-repeat;
}

div.flash_getting-here {
   background: #4F7EB6 url(uploads/images/layout/flashBgGettinghere.jpg) no-repeat;
}
div.flash_gallery {
   background: #4F7EB6 url(uploads/images/layout/flashBgGallery.gif) no-repeat;
}
div.flash_photo-album {
   background: #4F7EB6 url(uploads/images/layout/flashBgGallery.gif) no-repeat;
}


#flash p {
	font: bold 16px/20px Arial, sans-serif;
	color: #FFF;
	margin: 0;
	padding: 20px 40px 0 367px;
	}

#flash a {
	color: #FFF;
	text-decoration: underline;
	}
#flash a:hover {
	color: #0F2E64;
	}

#flash img {
	margin: 0 12px 0 0;
	}

#rule {
	position: relative;
	top: -4px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #FFF;
	z-index: 4;
	}

#search {
        position: absolute;
        top: 8px;
        right: 15px;
        z-index: 5;
        white-space:nowrap
}

/* The search text box*/
#cntnt01searchinput{
	border:0pt solid #FFFFFF;
	font-size: 80%;
	float:left;
	height:12px;
	margin:0px 0px 10px;
	padding:3px;
	width:110px;
}

/* The search submit button (magnifying glass) */
#searchSubmit {
	position: relative;
	right: 3px;  /* IE off by 3px bug */
	cursor:pointer;
	height:18px;
	padding:0px;
	width:18px;
}


/* ------------ END HEADER/MENU STYLES -------- */

/* -------- BEGIN COLUMN LAYOUT STYLES --------------*/

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	/*float:left;*/
		width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
		margin-top: 10px;   /* Don't run into the banner */
}

/* common column settings */
.colleft_leftColWide, .colleft_leftColNarrow, .colleft_home {
	float:left;
	width:100%;
	position:relative;
}

.columnMain_leftColWide,
.columnMain_leftColNarrow,
.columnSub_leftColWide,
.columnSub_leftColNarrow,
.columnMain_home,
.columnSub_home{
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

/* Settings for HOME page (columnSub is right aligned)*/
.leftmenu .colleft_home {
	right:25%;				/* right column width */
}
.leftmenu .columnSub_home {
	width:21%;				/* right column content width */
	left:31%;				  /* (right column width) plus (left column left padding) */
}
.leftmenu .columnMain_home {
	width:71%;				/* left column content width (column width minus left and right padding) */
	left:27%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */

}

/* Settings for pages with WIDE left column */
.leftmenu .colleft_leftColWide {
	right:70%;				/* right column width */
}
.leftmenu .columnMain_leftColWide {
	width:66%;				/* right column content width */
	left:102%;				/* 100% plus left column left padding */
}
.leftmenu .columnSub_leftColWide {
	width:26%;				/* left column content width (column width minus left and right padding) */
	left:6%;				/* (right column left and right padding) plus (left column left padding) */
}

/* Settings for pages with NARROW left column */
.leftmenu .colleft_leftColNarrow {
	right:75%;				/* right column width */
}
.leftmenu .columnMain_leftColNarrow {
	width:71%;				/* right column content width */
	left:102%;				/* 100% plus left column left padding */
}
.leftmenu .columnSub_leftColNarrow {
	width:21%;				/* left column content width (column width minus left and right padding) */
	left:6%;				/* (right column left and right padding) plus (left column left padding) */
}

/* ----------- END COLUMN LAYOUT STYLES ------------ */

/* ---------- BEGIN COLUMN CONTENT STYLES --------*/

/* Pad the images in column main so text isn't squished beside them */
#columnMain img {
	margin: 6px 8px 0px 0px;
	}

#columnSub h3 {
	font: bold 10px/16px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #3C608A;
	margin: 0;
	padding: 6px 0 0 0;
	}

#columnSub p {
	font: 11px/16px Arial, sans-serif;
	color: #3C608A;
	margin: 0;
	padding: 2px 0 6px 0;
	}


#columnSub ul {
	font: 11px/16px Arial, sans-serif;
	color: #3C608A;
	margin: 0;
	padding: 2px 0 6px 14px;
	}

#columnSub a {
	color: #3C608A;
	font-weight: bold;
	text-decoration: none;
	}
#columnSub a:hover {
	color: #061B41;
	text-decoration: underline;
	}

#columnSub img {
	margin: 0 0 6px 0;
	}

#singleColumn {
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 7px 40px 0 40px;
	border: 0px solid #FFF;
	padding: 0;
	z-index: 3;
	}

#footer {
	border-top: 1px solid #4F7EB6;
        padding-top: 10px;
	z-index: 3;
	}

#footer p {
    font: 10px/16px Tahoma, Arial, sans-serif;
	color: #4F7EB6;
}

/* ---------- END COLUMN CONTENT STYLES --------*/

/* ------- BEGIN ADD NEWS ARTICLE STYLES ----*/
textarea#m3summary {
       width: 500px;
       height: 5em;
}
textarea#m3content {
       width: 500px;
       height: 20em;
}
/* ------- END ADD NEWS ARTICLE STYLES ----*/

.home-buttons img {
  border:0px;
}

/* End of 'Tofino Sea Kayaking: Global' */