body {
			font-family: Verdana, Geneva, Arial, sans-serif;
			font-size: small;
			line-height: 1.6em;
			background-color: #dacebe;
			margin-left: auto;
			margin-right: auto;
			border: 3px solid #dacebe;
			width: 700px;
		}
				
		p {
			padding-left: 30px;
			padding-right: 20px;
			color: #000;
		}

		h1, h2 {
			color:       #427938;
			padding-left: 30px;
		}

		h1 {
			border-bottom: 1px solid black;
			font-size: 170%;
		}

		h2 {
			font-size: 130%;
		}
		
		h3 {
			color:  #427938; 
			text-align: right;
			padding-right: 20px; 
			font-style: italic;
			line-height: .1em;
		}
		
		#top {
			background-color: #dacebe;
			padding: 0px 20px 0px 20px;   /* top right bottom left  */
		}

		#nav1 {
			background-color: #dacebe;
			padding-left: auto;   /* this could be set with px to move in from left edge */
			padding-right: auto;
			padding-bottom: 40px;			
	    }

		#navbar {
			background-color: #dacebe;
			padding-left: 20px;
			padding-right: 20px;
			font-size:x-small;
			text-align: center;
		}

		#main {
			background-color: #fff;
		}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

@media screen {
	/* the following three lines set the beige corners at the top of the main section
		and then clears the area below the section */

	.tl {background: url(images/tl.gif) 0 0 no-repeat}
	.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding-top:10px}
	.clear {font-size: 1px; height: 1px}
}
		
		#footer {
			background-color: #fff; 
			font-size:xx-small;
		}
		
		
/* Note background of sign is dacebe; painted sign is EEEEE6; green posts are 4A833F; lettering A33832; shadow B9AFA1; */