body {
	background-color: #F4F4F4;
	margin: 0 0 0 0;
	background-image:url(images/BCS_mainbg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#BG {
	background-image:url(images/BCS_mainrepeat.jpg);
	background-repeat:repeat-y;
	width: 834px;
	background-position:center;
	height:100%;
	}
	
#subbg {
	background-image:url(images/BCS_subbg.jpg);
	background-repeat:repeat-y;
	background-position:top;
	width: 100%;
	height:100%;
	}
	
#submenucol {
	width: 162px;
	float:left;
	margin:0px auto;
	
	}
	
#submenuheader {
	background-image:url(images/BCS_submenuheader.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width: 162px;
	height:150px;
	}
	
#submenurepeat {
	background-image:url(images/BCS_submenubg.jpg);
	background-repeat:repeat-y;
	background-position:top;
	width: 162px;
	}
	
#submenufooter {
	background-image:url(images/BCS_submenufooter.jpg);
	background-repeat:no-repeat;
	width: 162px;
	height:41px;
	}
	
#pageheading {
	background-image:url(images/BCS_Pageheading_mylor.jpg);
	background-repeat:no-repeat;
	height:60px;
	width:834px;
	}

#pageheadingriver {
	background-image:url(images/BCS_Pageheading_riverview.jpg);
	background-repeat:no-repeat;
	height:60px;
	width:834px;
	}
	
#pageheadingadventure {
	background-image:url(images/BCS_Pageheading_adventure.jpg);
	background-repeat:no-repeat;
	height:60px;
	width:834px;
	}
	
#contentpaneltable {
	background-color:#CCCCCC;
	width: 655px;
	height:100%;
}
	
	
#contentmylor {
	background-color:#CCCCCC;
	width: 655px;
	height:100%;
	background-image:url(images/BCS_mainpanelfooter.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:655;
	}

#contentadventure {
	background-color:#CCCCCC;
	width: 655px;
	height:100%;
	background-image:url(images/BCS_mainpanelfooter_adventure.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:655;
	}
	
#contentriverview {
	background-color:#CCCCCC;
	width: 655px;
	height:100%;
	background-image:url(images/BCS_mainpanelfooter_river.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:655;
	}

#footer {
	background-image:url(images/BCS_footer.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width: 100%;
	height: 25px;
	}
	
#header{
	background-image:url(images/BCS_header.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:834px;
	height:100%;
	margin: 0 auto auto auto; /* the auto margins (in conjunction with a width) center the page */
	}

H1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:x-large;
	color:#000000;
	padding: 6px 10px 10px 0px;
	margin: 10px 10px 5px 20px

	}

H2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:medium;
	color:#000000;
	padding: 6px 10px 10px 0px;
	margin: 10px 10px 5px 20px
	}
	
P {
	color:#000000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	vertical-align: text-top;
	background-image:url(images/text_bg_colour_1.gif);
	margin: 0px 10px 5px 20px
	
}



li {
	color:#000000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	vertical-align: text-top;
	background-image:url(images/text_bg_colour_1.gif);
	margin: 0px 10px 5px 20px

}
	

#updatepanel {
	background-color:#FFFFFF;
	height:271px;
	width: 256px;
	vertical-align: text-top;
}

a:link, a:visited{
	text-decoration:none;
	color:#990000;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
}

a:hover, a:active{
	text-decoration:underline;
	color:#333333;
}


.Main a:link, .Main a:visited{
	text-decoration:none;
	color:#990000;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
}

.Main a:hover, .Main a:active{
	text-decoration:underline;
	color:#333333;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.submenucol a:link, .submenucol a:visited{
	text-decoration:none;
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight: normal;
		
}
.submenucol a:hover, .submenucol, a:active{
	text-decoration:underline;
	color:#000000;
}
.submenucol P {
	color:#000000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	vertical-align: text-top;
	background-image:url(images/text_bg_colour_1.gif);
	margin: 10px 10px 10px 25px
	
}
