/* CSS Document */

body {position:absolute;min-width:1024px; ; width: 100%; height:100%; margin: 0; padding: 0; border: none; text-align:center; }



.separatorLine{
	margin-bottom: 10px;
}
	
/************************/
/*     Round Corners    */
/************************/


/* here's the box... the image is the upper-left corner */
.smallCorner {
  background : transparent url(../images/corner10_tl.png) no-repeat;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr,  .bl,  .br {
  position : absolute;
  width : 10px;
  height : 10px;  /* corner images are 5x5 */
  display : block;
  margin-bottom : 0px;  /* this is for IE */
}

/* change position and image: top-right */
 .tr {
  background : transparent url(../images/corner10_tr.png) no-repeat;
  top : 0px;
  right : 0px;
}

/* change position and image: bottom-left */
 .bl {
  background : transparent url(../images/corner10_bl.png) no-repeat;
  bottom : 0px;
  left : 0px;
}

/* change position and image: bottom-right */
 .br {
  background : transparent url(../images/corner10_br.png) no-repeat;
  
  right : 0px;
  bottom : 0px;
}


/********************/
/*      Header      */
/********************/

#topContent{ 
	width:983px;
	padding:0;
	margin:0px auto 0px auto;
	text-align:left;
	position:relative;
}
	#logo{
		height:45px;
		width:375px;
		padding:0px;
		margin:10px 0px 10px 0px;
		clear:both;
		position:relative;
		left:0px;
	}
	#logo2{
		height:45px;
		width:375px;
		padding:0px;
		margin:-45px 0px 0px 0px;
		clear:both;
		position:relative;
		left:220px;
	}


	#headerContent{
		width: 983px;
		height:137px;
		padding:0px;
		margin:0px;
		line-height:134px;
		position:relative;
		text-align:center;
	}
		#headerImage{
			width:964px;
			height:117px;
			line-height:117px;
			padding:0px;
			margin:0px auto 0px auto;
			top:50%;
			vertical-align:middle;
			position:relative;
		}
		#headerImage img{
			top:-50%;
			vertical-align:middle;
			position:relative;
		}
		
	#headerMenu{
		width:964px;
		height:21px;
		line-height:21px;
		padding:0px;
		margin:0px auto 0px auto;
		text-align:left;
		position:relative;
	}
		#mainMenu{vertical-align:middle;}
			#mainMenu li{margin:0px 15px 0px 0px;}
			#mainMenu li.currentItem{}

				
/******************/
/*     content    */
/******************/
#content {width:983px;height:auto;padding:0; margin:70px auto 0px auto;text-align:left;position:relative;}
	
	#CanoeLink{margin:0px 0px 0px 0px;position:absolute;z-index:5;top:-66px;left:780px;}
	#CanoeLink2{margin:0px 0px 0px 0px;position:absolute;z-index:5;top:200px;left:10px;}
	

	#titleBar{width:983px; height:29px;line-height:29px;clear:both; margin:0px 0px 20px 0px;position:relative;}
		#titleText{vertical-align:middle;margin: 0px 0px 0px 10px;}
	#sideContent{width:170px;float:left;position:relative;text-align:left;}
		#sideMenu {position:relative;padding:0px; margin:10px;}
			#sideMenu li { padding:0px; margin:0px;}
			#sideMenu li.currentItem { padding:0px; margin:0px;}
	
	#sideContent2{width:170px;float:left;position:relative;text-align:left;clear:both;}
		#sideMenu {position:relative;padding:0px; margin:10px;}
			#sideMenu li { padding:0px; margin:0px;}
			#sideMenu li.currentItem { padding:0px; margin:0px;}		
			
	#mainContent{float:right;width:803px;}
		#imgContent{float:left;margin:0px 10px 10px 0px;}
		#imgContent2{float:right;margin:0px 0px 10px 10px;}
	
		
/******************/
/*     footer     */
/******************/
#footer {clear:both; width:100%; height: 90px;text-align:center;}
	#footerMenu {height: 30px; line-height:30px; margin: 0px;}
		.footerItem {vertical-align:middle;}
		.footerItem li{padding: 0 8px 0 8px;}
	#copyright { padding: 15px; margin:0;}






.spacer { clear:both; height:5px;}