body {
scrollbar-3dlight-color:#336600;
background: #ffffff url(/imagelibrary/camping/bg_camping.jpg) repeat-x ;
} 

#ContainerMainBody table {
margin: 4px 4px 4px 4px;
}
#ContainerMainBody td, th {
padding: 2px;
border: 1px solid #e0e0e0;
font-size: 70%;
vertical-align:top;
text-align:left;
}
#ContainerMainBody th {
color: #fff;
background:#999;
}
#ContainerMainBody a {
font-size: 90%;
color:#339900;
background: url(/imageLibrary/elements/arrows/arrowhead.gif) left top no-repeat;
padding-left: 18px;
}
#ContainerMainBody img {
float:right;
padding:4px 4px 4px 0px;
}
#ContainerMainBody ul li a{
background:none;
padding:0px;
}
#ContainerPhotoGallery img {
text-align:left;
float:none;
}
#ContainerPhotoGallery a {
background:none;
}
#ContainerForfriendPrint {
float:right;
font-size:90%;
padding:2px;
background:#F2FFE6;
margin:-4px;
border: 1px #336600 dotted;
}

#ContainerForfriendPrint a{
font-size:90%
}

#ContainerWhatsNew {
float:right;
font-size:90%;
padding:4px;
margin: 20px 0px 0px -10px;
border: 3px #33cc00 dotted;
width: 150px;
}

#menuHighlight1,#boxHighlight1 {
border:1px #336600 dotted;
}

h1,h2,h3,h4,a,a:active,a:visited,a:hover {
color:#336600
}

a:hover {
border-bottom:1px none #336600;
}  

ul li {
list-style-image: url(/imageLibrary/elements/bullets/canoe.gif);
margin: .5em 0 .5em 0em;
}

/* *********************************** */
/* SECONDARY NAVIGATION HEADERS
/* complements content.css		    */
/* *********************************** */
#NavCamp a{
color:#336600;
font-size:95%;
font-weight:bold;
}
#NavCamp a:hover{
font-size:95%;
}
#NavCampSubText {
color:#999999;
font-size:80%;
clear:both;
}

#Nav a:hover
{
font-size:8pt;
background-image:url(/imageLibrary/elements/arrow_menu_FF0000.gif);
background-position:top left;
background-repeat:no-repeat;
float:left;
clear:left;
border: 1px solid #e0e0e0;
background-color: #ffffff;
text-decoration: none;
padding:3px 3px 3px 13px;
}

#Nav a
{
font-size:8pt;
background-image:url(/imageLibrary/elements/arrow_menu_circle.gif);
background-position:top left;
background-repeat:no-repeat;
float:left;
clear:left;
border:1px hidden #f7f7f7;
padding:4px 4px 4px 14px;
}
#NavArrow
{
background-image:url(/imageLibrary/elements/arrow_menu.gif);
background-position:right;
background-repeat:no-repeat;
padding-left: 20px;
}
#NavArrow:hover
{
background-image:url(/imageLibrary/elements/arrow_menu_FF0000.gif);
background-position:right;
background-repeat:no-repeat;
}
#NavRow
{
width:100%;
border:0px solid;
border-bottom-width:1px;
border-bottom-color:#cccccc;
border-bottom-style:dashed;
float:left;
margin:4px 0px 0px 0px;
padding-bottom:2px;
}

/* *********************************** */
/* PRIMARY NAVIGATION HEADERS
/* *********************************** */

#header {
  float:left;
  width:100%;
  line-height:normal;
  margin-bottom:-9px;
  }
#header ul {
  margin:0;
  padding:10px 10px -10px 0px;
  list-style:none;
  }
#header li {
  float:left;
  background:url("/english/nav/left_both.gif") no-repeat left top;
  margin:0 0 10 0;
  padding:0 0 0 9px;
  }
#header a {
  float:left;
  display:block;
  width:.1em;
  background:url("/english/nav/right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  color:#765;
  font-size:80%;
  font-weight:bold;
  }
#header > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  }
#1 #nav-1, #2 #nav-2,
#3 #nav-3, #4 #nav-4,
#5 #nav-5, #6 #nav-6,
#7 #nav-7, #8 #nav-8,
#9 #nav-9, #10 #nav-10,
 {
  background-position:0 -150px;
  border-width:0;
  }
#1 #nav-1 a, #2 #nav-2 a,
#3 #nav-3 a, #4 #nav-4 a,
#5 #nav-5 a, #6 #nav-6 a, 
#7 #nav-7 a, #8 #nav-8 a, 
#9 #nav-9 a, #10 #nav-10 a,
{
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
#header li:hover, #header li:hover a {
  background-position:0% -150px;
  color:#333;
  }
#header li:hover a {
  background-position:100% -150px;
  }

/* *********************************** */
/* NAVIGATION HEADER SUB-NAV
/* *********************************** */  
	#divsubNav {
		background: transparent url(bk-Nav.jpg) no-repeat top left;
		margin: 0;
		padding: 0;
		height: 80px;
		width: 800px;
	}

	#subNav {
		position: relative;
		top: 55px;
		height: 80px;
		width: 800px;
	}

	#subNav li ul, #subNav li ul {
		margin: 0;
		padding: 0;
	}

	#subNav a {
		text-decoration: none;
	}

	#subNav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 15px;
	}

	#subNav li ul {
		display: none;
	}

	#subNav li.off ul, #subNav li.on ul  { /*put the subNav below*/
		position: absolute;
		top: 25px;
		left: 0;
		padding-top: 15px;
		background: #224d6f;
		height: 28px;
		width: 740px;
		padding-left: 60px;
	}

	#subNav li.on ul {
		background: #f90;
	}

	#subNav li.on:hover ul, #subNav li.over ul { /*for ie*/
		background: #224d6f;
	}

	#subNav li a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 93px;
		padding: 0;
	}

	#subNav li.on a {
		color: #f90;
	}

	#subNav li.on ul a, #subNav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 15px;
	}

	#subNav li.on:hover ul a, #subNav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #224d6f;
	}

	#subNav li.on ul {
		display: block;
	}

	#subNav li.off:hover ul, #subNav li.over ul {
		display: block;
		z-index: 6000;
	}

	#subNav li.off a:hover, #subNav li.on a:hover { 
		color: #f90;
	}

	/*do the image replacement*/

	#subNav li span {
		position: absolute;
		left: -9384px;
	}

	#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a {
		display: block;
		position: relative;
		height: 26px;

	}

/*first, put the initial states in place*/

#liRenaissance a {
	background-position: 0 0;
}

#liArtNouveau a {
	background-position: -102px 0;
}

#liModern a {
	background-position: -204px 0;
}

#liPostModern a {
	background-position: -306px 0;
}

#liDigital a {
	background-position: -408px 0;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liModern.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background-position: 0 -73px;
}

#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
	background-position: -102px -73px;
}

#liModern a:hover, #liModern:hover a, #liModern.over a {
	background-position: -204px -73px;
}

#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a {
	background-position: -306px -73px;
}

#liDigital a:hover, #liDigital:hover a, #liDigital.over a {
	background-position: -408px -73px;
}

/*subsubNav formatting*/

#subNav li.off ul a, #subNav li.on ul a {
	display: block;
	background: #224d6f;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 50%;
}		

#subNav li.on ul a {
	background: #f90;
}

#campsubscribe {
  margin: 10px 0 0 0;
  padding: 5px;
  background:#f2ffe6;
  border: 1px #336600 dotted;
  font-size: 12px;
}

/* *********************************** */
/* DOCUMENT BORDERS
/* *********************************** */

/*div.CornerTopLeft {
  background: url(/imageLibrary/elements/corners/topleft.gif) top left no-repeat;
  background-color:#ffffff;
  width:100%;
  height:100%;
  padding:0px 0px 0px 10px;
  margin:0px 0px 0px 0px;
  }
div.CornerMiddleLeft {
  background: url(/imageLibrary/elements/corners/leftborder.gif) bottom left repeat-y;
  float:left;
  height:100%;
  padding:0px 0px 0px 10px;
  margin:0px 0px 0px -10px;
  }  
div.CornerBottomLeft {
  background: url(/imageLibrary/elements/corners/bottomleft.gif) bottom left no-repeat;
  clear:both;
  padding:20px 0px 0px 20px;
  margin:0px 0px 0px -10px;
  }   
div.CornerTopRight {
  background: url(/imageLibrary/elements/corners/topright.gif) top right no-repeat;
  padding:10px 0px 10px 0px;
  margin:0px 0px 0px 0px;
  }
div.CornerMiddleRight {
  background: url(/imageLibrary/elements/corners/rightborder.gif) top right repeat-y;
  width:100%;
  padding:20px 0px 0px 0px;
  margin:-20px -10px -10px 0px;
  }
div.CornerBottomRight {
  background: url(/imageLibrary/elements/corners/bottomright.gif) bottom right no-repeat;
  clear:both;
  padding:0px 0px 10px 0px;
  margin:0px 0px 0px 0px;  
  }*/