/* body {

margin: 20px; padding: 0px; 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;} */



IMG.left-floating {float: left;

	margin-bottom: 2px;  

	margin-right: 7px; 

}



IMG.right-floating {float: right;

	margin-bottom: 2px;

	margin-left: 7px;

}



DIV.POEM {font-family: cursive; }







div#links {

	position: absolute;

	top: 237px;

	left: 51px;

	width: 130px;

	}



div#links a {

	display: block;

	padding: 7px 8px 4px 2px;

	margin: 1px 0 3px 0;

	border-width: 0;

	/*padding controls the space around the link names, margin controls the placement around the buttons 			themselves.*/

	border-right: 3px solid #AE9FB9;

	text-align: right;

	font: bold 15px/15px sans-serif;

	text-decoration: none;

	color: #EBDCCA;

	}



div#links a:hover {

	color: #ECC694;

	border-color: #ECC694;

	}	



div#links a {

	background: #6D7769;

	}



/*the above is for the side navigation bar and background. margin-bottom controls spacing under the heading, the rightmost value above controls space between beginning of heading and left margin */



div#l-box {

	position: absolute;

	top: 153px;

	left: 51px;

	width: 153px;

	}





/*below is the small left box for housing a photo */



div#content {

	

	margin: 0px 0px 0px 160px; /* position of content box */

	color: #000000; font: 13px Verdana, sans-serif;

	p padding: 10px;

	border: 3px solid #9D9A9F;

	max-width: 594px; width: 594px;

	background-color: #EDDFCD;

	overflow: hidden;}

	

	a:link {font-weight: bold; color: #CB4605; text-decoration: none;}

	a:visited {font-weight: bold; color: #CB4605; text-decoration: none;}

	a:hover {font-weight: bold; text-decoration: none; color: #6E4787;}

	a:active {font-weight: bold; text-decoration: none; color: #CB4605;}



/*The above is the main content area. The max-width statement is what controls the size of the window (div) housing the filmstrip */



body {

	background: #8B9985;

	margin: 18px;

	padding: 0px 0 0 0;

	}



/* body {background: #8B9985;margin: 35px;padding: 20px 0 0 0;}

body {margin: 0; padding: 0;} -- CHANGE THE MARGIN to offset the whole page from the left and right, then reposition the div elements. */





div#footer {position: absolute; width: 905px; color: #444444; font: 10px Verdana, sans-serif; text-align: center;}





p {margin: 1em 1em .6em;
	padding: 0 0 .2em 0;}

P.initial:first-line {text-transform: uppercase; }

P.initial:first-letter {font-size: 155%; color: #7C8B76;} 





h1 {font-family: arial, sans-serif;
font-weight: bold;
font-size: 32px;
background: #B1ACB5; color: #000000;
letter-spacing: 0em; text-align: left;
margin: 0px 0px 0px 0px;
padding: 4px 0px 1px 5px; /*padding goes top,right,bottom,left */

}

h2 {

	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #EBDCCA;
	background-color: #6D7769;
	margin: 0em 0em .5em 0em;
	padding: 4px 0px 3px 8px;
		
	}

	
h3 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #444444;
	text-transform: uppercase;
	font-size: 13px;
	margin: 0 0 0 0;
	padding: 7px 0 0 18px;
	}


/* In these HEADINGS, margin above controls the space between the filmstrip and the first heading deleted: margin: 0px 0px 0px padding: 1px 0px 1px;    margin-bottom controls spacing under the heading, the rightmost value above controls space between beginning of heading and left margin  margin first value=spacing between paragraphs, 2nd value = spacing between sides*/