/* Canoe Mountain Resorts
-------------------------------------------------------------------------*/

/* COLOURS

Green > #6E6A12
Red > #893002
Lt. Tan > #EFEFE6
Dk. Grey > #333333
Lt. Green > #CBC699

Blue Link > #125291
Text Black > #313129
-------------------------------------------------------------------------*/


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}


/* sIFR decoy
-------------------------------------------------------------------------*/
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 20px;
	color: #2B567A;
}

/*

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

*/

/* BASE TEXT
-------------------------------------------------------------------------*/
p,
h1,
h2,
h3 {
	margin: 0px;
	padding: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #2B567A;
}
p{color: #313129; }
td{
	font: 11px Arial, Helvetica, sans-serif;
	color: #313129;
}

/* TEXT
-------------------------------------------------------------------------*/
#content p {
	padding: 0em 76px 1.5em 0px;
	line-height: 1.6em;
}


#content hr {
	border: 0px;
	height: 1px;
	color: #000;
	background: #000;
	margin : 0em 20px;
}
#content img.inset-right {
	margin: 10px 82px 10px 40px;
	float: right;
	border: 2px solid #2B567A;
}

#content img.inset-left {
	margin: 10px 40px 10px 40px;
	float: left;
	border: 2px solid #2B567A;
}

.border { border: 2px solid #2B567A; }
#content-middle p.caption{
	font-size:10px; 
	padding: 10px;
	background:#E5E9D6;
}

#rightside div.h1,
#rightside h1 { 
	font-size: 20px; 
	padding: 0px 10px 0px 0px;
	margin: 9px 0px;
}

#content-middle div.h1,
#content-middle h1 { 
	font-size: 20px; 
	padding:0px;
	margin: 9px 0px;
}

#content-middle div.h2,
#content-middle h2 {
	font: bold 11px/1.2em Arial, Helvetica, sans-serif; 
	padding: 9px 0px 4px;
}

#content-middle h1,
#content-middle h2,
#content-middle h3,
#content-middle p,
#content-middle ul {
	padding-left: 40px;
	padding-right: 76px;
}

#content-middle {padding-top: 20px;}

/** 
 * This is because IE has some troubles
 * with padding moving a flash and
 * decides to expand the container
 * for no apparent "GOOD" reason 
 */
.sIFR-hasFlash #content-middle h1{	margin-left: 40px; padding: 0px;}

/* LISTS
-------------------------------------------------------------------------*/

#content ul { 
	margin: 0px 45px 0px 25px; 
	padding: 0px 15px;
}
#content ul li {margin: 7px 0px;}

#content-middle ul { 
	margin: 4px 76px 4px 40px;
	font-size: 11px;
}


/* LINKS
-------------------------------------------------------------------------*/

a {
	/* font-weight: bold; */
	color: #125291;
	text-decoration: none;
}

a:link {
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

/* NEWS SIDEBAR TEXT
-------------------------------------------------------------------------*/

#newsbar h3 {
	font: bold 11px/1.1em Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	padding: 6px 8px;
	margin: 0px;
	background: #125291;
}

#newsbar ul {
	margin: 0px;
	padding: 2px 12px;
	list-style: none;
}