/*These css elements control the layout of the page.*/
	#frame {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:250px;
		padding:0px;
		text-align:left;
		background: #fff;
		}
		
	#contentleft {
		height: 100%;
		width:200px;
		padding-top: 80px;
		float:left;
		text-align: right;
		background: url('../images/leaf.jpg') no-repeat center 10px;
		}
	
	#contentcenter {
		width:559px;
		margin: 10px;
		padding: 0 0 0 10px;
		float:left;
		border-left: solid 1px #ccc;
		}
		
	#foot {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		padding: 10px 0;
		text-align:center;
		color:firebrick;
		background: #9f6;
		}

/*These css elements control the style (i.e. fonts and colors) of the page.*/
	#print {
		display: none;
		}

	body {
		text-align:center;
		font: 14px  Georgia,'Times New Roman',serif;
		color: #666;
		}
		
	body.frontyard {
		background: #324403 url('../images/frontyard.jpg') no-repeat top center;
		}

	body.roadhump {
		background: #ccd8d2 url('../images/roadhump.jpg') no-repeat top center;
		}

	body.bridge {
		background: #28251b url('../images/bridge.jpg') no-repeat top center;
		}

	body.bungalow {
		background: #28251b url('../images/bungalow.jpg') no-repeat top center;
		}

	body.redhouse {
		background: #28251b url('../images/redhouse.jpg') no-repeat top center;
		}
			
	p,h1,h2,pre {
		margin:0px 10px 10px 10px;
		}
		
	#contentleft p {
		margin:0px 10px 10px 20px;
		font: 14px;
		color: firebrick;
		}
		
	h1 {
		padding-top:10px;
		color: black;
		font-size: 20px;
		}
		
	h2 {
		font: italic bold 14px Georgia,'Times New Roman',serif;
		padding-top:10px;
		color: black;
		}
		
	.dropcap {
	float:left;
	margin-top:0px;
	color:firebrick;
	width:44px;
	font-size: 56px;
	line-height:48px;
	font-family: Georgia,'Times New Roman',serif;
		}
		
	.red {
		color:firebrick;
		}

	
	.map li{ 
		list-style-type: none;
		padding-bottom: 5px;
		}
		
	.moving li{ 
		list-style-type: disc;
		padding: 5px 0;
		}

	.moving li.red{ 
		list-style-type: none;
		border-bottom: solid 1px #ccc;  
		}
		
	.spacer {
		padding-bottom: 80px;
		}
		
	th, td {
		vertical-align: top;
		}
	
		
		
/*These css elements control the style and layout of the navigation bar.*/		
	#nav {
		float: left;
		width: 800px;
		list-style: none;
		line-height: 1;
		background: #9f6;
		font-weight: bold;
		padding: 0;
		margin: 0;
		}
	
	#nav ul {
		float: left;
		width: 800px;
		list-style: none;
		line-height: 1;
		background: #9f6;
		font-weight: bold;
		padding: 0;
		margin: 0 0 1em 0;
		}
	
	#nav a {
		display: block;
		width:auto;
		color: firebrick;
		text-decoration: none;
		padding: 5px 10px;
		}
	
	#nav a:hover {
		color: firebrick;
		}
	
	#nav li {
		float: left;
		padding: 0;
		width: auto;
		}
	
	#nav li ul {
		position: absolute;
		left: -999em;
		height: auto;
		width: 240px;
		font-weight: normal;
		border-width: 0.25em;
		margin: 0;
		}
	
	#nav li li {
		padding-right: 10px;
		width: 240px;
		}
	
	#nav li ul a {
		display: block;
		color: firebrick;
		text-decoration: none;
		padding: 5px 10px;
		border-left: 0;
		}
	
	#nav li ul a:hover {
		color: firebrick;
		}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
		}
	
	#nav li:hover {
		background: #9d3;  	
		color: black;
		}
	
	#nav li ul li:hover {
		background: #6c3; 
		width: 230px;
		w\idth: 230px;  	
		}
	
	#content {
		clear: left;
		}
	
/*These css elements control the style and positioning of images within the text*/	
	img { 
    	border: solid 2px #ccc; 
		}	
	
	img.left { 
    	float: left; 
    	margin: 0px 8px 8px 0px; 
		}
	
	img.right { 
    	float: right; 
    	margin: 0px 0px 8px 8px; 
		}
		
	img.farleft {  
		float: left;
    	margin: 0px 8px 8px -125px; 
		}
		
	li img{
		float: left;
		border: 0px;
		padding-right: 2px;
		}