body {
	padding:0;
	margin:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/background_gradient.jpg) repeat-x 0 0 #414141;
}

img 	{ border:none; }
a		{ text-decoration:none; }
a:hover	{ text-decoration:underline; }

#mainContainer {
	width:976px;
	text-align:left;
	margin:0 auto;
	background-color:#000000;
}

#header {
	height:95px;
	position:relative;
	background:url(images/header_bg.jpg) no-repeat 0 0;
}

#header h1 {
	padding:0;
	margin:0;
}

#header h1 a {
	display:block;
	position:absolute;
	height:87px;
	width:220px;
	top:0;
	left:0;
	text-indent:-1000px;
	overflow:hidden;
}

#videoContent {

}

#superbanner {
	float:right;
	padding:2px
}

/*		MAIN NAV		*/	
	ul#mainNav, ul#mainNav li, #subNav ul, #subNav ul li {
		list-style:none;
		padding:0;
		margin:0;
	}
	
	#mainNav a:hover, #subNav a:hover {
		text-decoration:none;
	}
	
	ul#mainNav {
		background:url(http://en.canoe.ca/Homepage/Images/1st_row_bg.gif) repeat-x;
		font-size:12px;
	}
	
	ul#mainNav li {
		float:left;
		height:25px;
		text-transform:uppercase;
		background:url(http://en.canoe.ca/Homepage/Images/1st_row_divider.gif) no-repeat right center;
		_width:1px;
		line-height:26px;
		padding:0;
	}
	
	ul#mainNav li.last {
		background:none;
	}
	
	ul#mainNav li a {
		overflow:hidden;
		display:block;
		padding:0 7px;
		height:25px;
		color:#FFFFFF;
		font-weight:bold;
		margin-left:-1px;
		margin-right:3px;
		position:relative;
	}
	
	ul#mainNav li a:hover, ul#mainNav li.active a {
		background:url(images/menu_upperselected.jpg) repeat-x;
	}
	
	ul#mainNav li.home a {
		display:block;
		width:41px;
		background:url(http://en.canoe.ca/Homepage/Images/but_home.gif) 0 0px;
		text-indent:-1000px;
		overflow:hidden;
		padding:0;
		margin:0;
	}

	ul#mainNav li.home a:hover {
		background:url(http://en.canoe.ca/Homepage/Images/but_home.gif) 0 25px;
	}

	#mainNav a span.navNew {
		padding-left:3px;
		color:#a11633;
	}

	#mainNav a:hover span.navNew {
		color:#ffffff;
	}
	
/*		SUBNAV		*/
	#subNav {
		background:url(images/menu_lower.jpg);
		font-weight:bold;
		height:26px;
		text-transform:uppercase;
		position:relative;
	}
	
	.navRight {
		float:right;
		position:absolute;
		top:0;
		right:0;
	}

	
	#subNav li {
		float:left;
		font-size:11px;
		padding:0;
		background:none;
	}
	
	#subNav span, #middleNav span {
		display:block;
		height:13px;
		border-right:1px solid #bfbfbf;
		float:left;
		margin-top:7px;
	}
	
	#subNav a {
		padding:0px 7px 0 7px;
		color:#ffffff;
		display:block;
		height:26px;
		line-height:26px;
		float:left;
		white-space:nowrap;
		_width:10px;
	}
	
	#subNav li.themed a { /* right now the themed class is used to make the holidays link green, feel free to repurpose it come the new year. */
		color:#73A513
	}
	
	#mainNav span.navNew, #subNav span.navNew {
		margin:0;
		border:none;
		height:auto;
		display:inline;
		float:none;
		color:#FF0000;
		position:relative;
		top:-5px;
		left:0px;
		font-size:8px;
	}
	#middleNav span.navNew{
		margin:0;
		border:none;
		height:auto;
		display:inline;
		float:none;
		color:#cc0000;
		position:relative;
		top:-5px;
		left:0px;
		font-size:8px;
	}
	#footer span.navNew {
		display:none;
	}		
	
	#subNav a.paddingLeft { padding-left:10px; }
	
	#subNav a:hover, #subNav li.active a {
		background:url(images/menu_lowerselected.jpg) repeat-x;
	}

/*		FOOTER		*/
	#footerContainer {
		text-align:center;
		font-size:11px;
		background:url(images/bw_colourbar.gif) no-repeat 0 bottom;
	}
	
	#footer {
		color:#ffffff;
		border-top: 1px dotted #4c4c4c;
		padding:20px 0 20px;
		margin:0 14px;
	}
	
	#footer ul.hList li {
		float:none;
		display:inline;
	}
	
	#footer a {
		color:#009ab3;
	}
	
	ul#fList1 li.home {
		display:none;
	}
	
	ul#fList1, ul#fList4 {
		margin-bottom:4px;
	}
	
	ul#fList2, ul#fList3 {
		margin-bottom:11px;
	}
	
	ul#fList3 a, ul#fList4 a {
		color:#ffffff;
	}
	
	ul#fList5 {
		padding-top:3px;
	}
	
	li#copyRight a, li#copyRight a:hover  {
		text-decoration:none;
		vertical-align:bottom;
		padding-left:3px;
	}
	
	ul.hList li {
		float:left;
		padding:0 7px;
		border-right:1px solid #303030;
		font-size:11px;
		line-height:11px;
		background:none;
	}
	
	body ul li.last { 
		border:none;
		background:none;
	}
	
	





.clearIt:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

html .clearIt {
	height: 1%;
}