.clearer{
	height:1px;
	overflow:hidden;
	clear:both;
	margin-top:-1px;
}
a:link {color: #050868;}
a:visited {color: #050868;}
a:hover {color: #000;}
a:active {color: #050868;}

body {
	background: url(assets/bg-body.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 12px;
	}
#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background: url(assets/bg.gif) repeat-y;
	}
img#top-inside, img#top-home {display: block;}
body#home img#top-inside {display: none;}
body#inside img#top-home {display: none;}

#main {
	padding-top: -145px;
	float: left;
	position: relative;
	width: 550px;
	margin-left: 10px; 
	}
#left {
	width: 189px;
	float: left;
	position: relative;
	}
body#home #left {margin-top: -196px; }		
body#inside #left {margin-top: -76px;}
body#home #main {margin-top: -70px; }	
body#inside #main {margin-top: -56px;}
#nav {
	margin-left: 14px;
	}
#nav div {
	width: 175px;
	height: 29px;
	background: url(assets/bg-nav-item.gif) no-repeat;
	margin-bottom: -3px;}
#nav div.nav-active {background: url(assets/bg-nav-item-on.gif) no-repeat;}	
#nav a {
	display: block;
	padding: 7px 12px;
	text-decoration: none;
	font-weight: bold;
	}
/* regular nav links */	
#nav a:link {color: black;}
#nav a:visited {color: black;}
#nav a:hover {color: #555;}
#nav a:active {color: black;}
/* active nav likns */
#nav div.nav-active a:link {color: white;}
#nav div.nav-active a:visited {color: white;}
#nav div.nav-active a:hover {color: white;}
#nav div.nav-active a:active {color: white;}

#home #location-info {}
#location-info {
	background-repeat: no-repeat;
	margin-left: 11px;
	margin-right: 11px;
	text-align: center;
	color: #666;
	font-weight: bold;
	margin-top: 18px;}
.l-kemp { background-image: url(assets/logos/kemp.gif); padding-top: 200px; }
.l-towerhistory { background-image: url(assets/logos/towerofhistory.gif); padding-top: 200px; }
.l-valleycamp { background-image: url(assets/logos/valleycamp.gif); padding-top: 200px; }
.l-riverhistory { background-image: url(assets/logos/riverofhistory.gif); padding-top: 200px; }
.l-waterstreet { background-image: url(assets/logos/waterstreet.gif); padding-top: 200px; }	
.l-main { background-image: url(assets/logos/sault-historic-sites.gif); padding-top: 200px; }	
		
/* subnav */
#navcontainer { width: 150px; float: right; position: relative; margin: 0 0 10px 10px; border: 1px solid #333;}
#navcontainer ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  width: 100%;
}
#navcontainer li {
  margin: 0px;
  padding: 0px;
  line-height: 20px;
}
/* First Level */
#navcontainer ul li a {
  display: block;
  width: 140px;
  padding-left: 10px;
  background-color: #333;
  font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#navcontainer ul li a:link, #navcontainer ul li a:visited { color: #fff;}
#navcontainer ul li a:hover { background-color: #333; color: #fff;}
/* Second Level */
#navcontainer ul ul li a {
  display: block;
  padding-left: 20px;
  width: 130px;
  background-color: #555;
  font-size: 11px;
}
#navcontainer ul ul li a:link, #navcontainer ul ul li a:visited { color: #fff;} 
#navcontainer ul ul li a:hover { background-color: #999; color: #fff;}
/* Third Level */
#navcontainer ul ul ul li a {
  display: block;
  padding-left: 30px;
  width: 120px;
  background-color: #777;
  font-size: 11px;
}
/* selected states */
#navcontainer ul ul li a#subcurrent {
  font-weight: bold;
  color: #fff;
  background-color: #aaa;
}
/* toolbox */
#home #property-header {display: none;}
#property-header {font-size: 18px; font-weight: bold; color: #555; margin-bottom: 0.5em;}
#toolbox p {margin: 0 0 0.5em 0;}
#category {}
.listing {clear: both; padding-top: 1em;}
h1 {font-size: 15px; margin: 0; color: #050868;}
h2 {font-size: 15px; margin: 0; color: #050868; }
.imageleft, .imageright {
	background-color: #ccc;
	width: 291px;
	text-align: center;
	position: relative;
	display: inline;
	margin-top: 2px;}
.imageleft {
	float: left;
	margin: 0 10px 10px 0;
	}
.imageright {
	float: right;
	margin: 0 0 10px 10px;
	}
.imagecaption {
	font-size: 10px;
	color: #444;
	text-align: left;
	margin: 5px;
	}	
#bottom {
	height: 129px;
	background: url(assets/bg-bottom.gif) no-repeat;
	clear: both;
	}
#bottom-address {padding-top: 20px; margin-left: 150px; height: 70px;}
#bottom-address-name {font-weight: bold; height: 20px;}
#bottom-address-address {width: 200px;height: 50px; float: left; position: relative; color: #666;}
#bottom-address-phone {height: 50px;  color: #666;}
#copyright {margin-left: 15px; font-size: 11px; margin-top: 2px;}