/* reset */
* {
margin: 0;
padding: 0;
}



@font-face {
    font-family: 'newspaper';
    src: url('newspaper-webfont.eot');
    src: url('newspaper-webfont.eot?#iefix') format('embedded-opentype'),
         url('newspaper-webfont.woff') format('woff'),
         url('newspaper-webfont.ttf') format('truetype'),
         url('newspaper-webfont.svg#newspaper') format('svg');
    font-weight: normal;
    font-style: normal;

}




body {
	color: #191919;
	background-color: #c0bdb2;
	font-family: 'newspaper', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.9em;
}

#wrapper{
	margin: 0 auto;
	background-color: transparent;
	width: 970px;
}

#footer{
   font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 1px 1px #000;
}


#footer .center{
	text-align: center;
	color:gray;
}	


#content_footer #copy{
   margin: 20px 0 20px 0;
   background: #fffff0 url(../images/bg.gif) repeat-y top;
   border:hidden;
}



#memorial, #copy{
	margin: 20px 0 20px 0;
	background: #5d8aa8 url(../images/granite.gif) repeat left;
	border: thick ridge #555;
}	

#copy{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #343434;
	padding: 10px 12px 10px 12px;
	text-transform: lowercase;
	text-shadow: 0px 1px 1px #fff;
}

#copy img{
   border: none;
 	vertical-align: middle;
}


#memorial img{
	margin: 0 auto;
	border: none;
	display: block;
	padding: 40px 0 30px 0;
}



#entry{
width:970px;
height:600px;
background:url(../images/memorial.png) no-repeat;
margin-left: 20px;
position:relative;
}

#entry a{
display:block;
position:absolute;
}

#entry a#enter{
width:960px;
height:600px;
top:0px;
left:-20px;
}

#header{
	width: 970px;
	height: 350px;
	background color: transparent;
	position: fixed;
	z-index: 100;
	clear: both;
}

#header_epilogue{
	width: 970px;
	height: 210px;
	background: transparent url(../images/header_epilogue.gif) no-repeat top;
	position: fixed;
	z-index: 100;
	clear: both;
}


/* image Menu */

div#menu{
	margin: 0 auto;
	width: 970px;
	height: 346px;
	background: transparent url(../images/header.gif) no-repeat top;
	position: absolute;
	z-index: 500;
}


div#menu a{
	display:block;
	position:absolute;
	background-color: rgba(250,250,250,.25);
	border:thin solid black;
}


div#menu a:hover{
	background-color: rgba(250,250,250,.5);
	border:thin solid #5d8aa8;
}

div#menu a#link1{ width:40px; height:126px; left:30px; top:208px;}
div#menu a#link2{ width:100px; height:40px; left:74px; top:208px;}
div#menu a#link3{ width:100px; height:40px; left:178px; top:208px;}
div#menu a#link4{ width:100px; height:40px; left:282px; top:208px;}
div#menu a#link5{ width:100px; height:40px; left:386px; top:208px;}
div#menu a#link6{ width:100px; height:40px; left:490px; top:208px;}
div#menu a#link7{ width:100px; height:40px; left:594px; top:208px;}
div#menu a#link8{ width:100px; height:40px; left:698px; top:208px;}
div#menu a#link9{ width:100px; height:40px; left:802px; top:208px;}
div#menu a#link10{ width:100px; height:40px; left:74px; top:251px;}
div#menu a#link11{ width:100px; height:40px; left:178px; top:251px;}
div#menu a#link12{ width:100px; height:40px; left:282px; top:251px;}
div#menu a#link13{ width:100px; height:40px; left:386px; top:251px;}
div#menu a#link14{ width:100px; height:40px; left:490px; top:251px;}
div#menu a#link15{ width:100px; height:40px; left:594px; top:251px;}
div#menu a#link16{ width:100px; height:40px; left:698px; top:251px;}
div#menu a#link17{ width:100px; height:40px; left:802px; top:251px;}
div#menu a#link18{ width:100px; height:40px; left:74px; top:294px;}
div#menu a#link19{ width:100px; height:40px; left:178px; top:294px;}
div#menu a#link20{ width:100px; height:40px; left:282px; top:294px;}
div#menu a#link21{ width:100px; height:40px; left:386px; top:294px;}
div#menu a#link22{ width:100px; height:40px; left:490px; top:294px;}
div#menu a#link23{ width:100px; height:40px; left:594px; top:294px;}
div#menu a#link24{ width:100px; height:40px; left:698px; top:294px;}
div#menu a#link25{ width:100px; height:40px; left:802px; top:294px;}
div#menu a#link26{ width:40px; height:126px; left:906px; top:208px;}



/* end of menu */


#content{
	overflow:hidden;
	width:970px;
	height:746px;
	margin-top: 330px;
	background: #fffff0 url(../images/bg.gif) repeat-y top;
	position:relative;
	float:left;
}

#content h2{
		color:#990000;
		margin:6px 0px;
}

#content a{
		color:#5d8aa8;
		font-weight:bolder;
		text-decoration:none;
}



.section{
	width:2918px;
	height:738px;
	position:relative;
}

    .section ul{
       padding:0;
	   margin:0;
	   list-style:none;
    }

	.section .sub{
		position:relative;
		float:left;
		padding:9px 21px 42px 45px;
		width:904px;
		height:552px;
	}
		.section .sub p{
			width:850px;
			margin:16px 0;
			font-size:85%;
			line-height:1.4em;
		}
		.section .next, .section .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
		.section .next{
			right:30px;
		}
		.section .prev{
			left:30px;
		}


h1,h2,h3,h4,h5,h6 {
   font-family:  'newspaper', Verdana, Arial, Helvetica, sans-serif;	
   color: #1f1a17;
	font-weight: bold;
	padding-left: 34px;
	line-height: 2em;
}


h1{
	text-align: left;
	padding-left:10px;
	font-size: 16px;
}

h3{
	text-align: left;
	padding-left:10px;
	font-size: 14px;
}
	

h4 h5{
	font-size: 13px;
	margin-top: 12px;
	text-align: left;
	
}

h6{
    margin: 6px 0px 6px 0px;
   text-align: center;
	font-size: 14px;
}


#quote{
    display: block;
	color: #990000;
	font-style: italic;
}


.center{text-align: center;}
table.center{text-align: center;}
td.left{text-align: left;}
td.right{text-align: right;}