BODY{
	margin: 0 auto;
	padding: 0;
	font-family:georgia;
	font-size:1.1em;
	background-color: #D4CCAA;
	background-image:url('bg.jpg');
	background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: bottom left;
}
:target {
background: #ffff7e;
}
header{
	display:block;
	height:150px;
	width:748px;
	text-shadow: 2px 2px 2px silver;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
    -moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border: 1px solid #000;
	border-bottom:1px groove;
	padding: 5px 10px 5px 10px;
	background:url('Header.jpg') no-repeat;
	
}

EM{
	background-color:#D4CCAA;
	font-size:0.9em;
}

header:first-letter{
	font-size:7em;
	font-family:"Monotype Corsiva";
	text-align:left;
}

contents{
	min-height:300px;
	background:white;
	border-left:1px solid black;
	border-right:1px solid black;
	display:block;
	width:748px;
	padding:20px 10px;
}

contents:first-letter{
	font-size:4em;
	font-weight:bold;
	font-family:"Monotype Corsiva";
}

clear{
	clear:both;
}

contents paragraph{
	margin-left:180px;
}

paragraph:before
{
content:attr(title);
font-weight:bold;
display:block;
text-transform: capitalize;
font-size:1.05em;
margin:5px;
}

text{
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
    -moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
    -moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border:1px solid #D4CCAA;
	padding:10px;
	display:block;
	text-align:justify;
}

paragraph{
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
    -moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
    -moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border:1px solid #D4CCAA;
	padding:10px;
	display:block;
	text-align:justify;
	margin:2px 0px 18px 0px;
}

paragraph:hover{
	background-color:#f5f5ee;
}

paragraph:first-line{
	padding-left:20px;
}

navigation, piece{
	display:block;
	float:left;
	border:1px solid #D4CCAA;
	padding:10px 20px;
	margin:2px 0px 18px 0px;
	min-height:100px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
    -moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
    -moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}

piece{
	clear:both;
	width:120px;
}

navigation a{
	display:block;
	width:120px;
	text-align:left;
	letter-spacing:2px;
	color:#D4CCAA;
	text-decoration:none;
}

list{
	display:block;
	padding:3px 10px;
}

list:first-letter{
	font-weight:bold;
}

navigation a:hover{
	padding-left:20px;
	width:100px;
	color:black;
}

footernav a{
	display:inline;
	width:120px;
	text-align:left;
	letter-spacing:2px;
	color:#gray;
	text-decoration:none;
	padding:2px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
    -moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
    -moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border:1px solid black;
	margin:5px;
	color:black;
}

footernav a:hover{
	background-color:orange;
}

footer{
	background:url('Footer.png');
	display:block;
	height:150px;
	width:748px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
    -moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border: 1px solid #000;
	border-top:1px groove;
	padding:20px 10px;
	opacity:.8;
}