body { 
font-family:'Verdana', 'Arial', Helvetica, sans-serif;
text-align:center; /* for IE */
background-color:#56271c;
font-size:16px; 
color:#000000;
}

.main { 
text-align:left; /* reset text alignment */ 
width:833px; /* or a percentage, or whatever */ 
margin:0 auto; /* for the rest */
background-color:#56271c; 
position:relative;
top: 0px;
padding:0px;
}

.story {
display:inline;
float:left;
font-size:14px;
text-align:center;
border:1px solid #777;
padding:3px;
margin:10px;
background-color:#C6D9BD;
}


A {
  text-decoration:none;
  color:#000000;
  font-weight:normal;
}
 
A:Hover {
	text-decoration:none;
  color:#7CF3ED;  
}

.top {
background-image:url( images/top.png);
background-repeat:no-repeat;
height:146px;
text-align:left;
vertical-align:top;
padding:50px 0px 0px 40px;
}

.middle {
background-image:url( images/paper-repeat.png);
background-repeat:repeat-y;
padding: 0px 0px 30px 70px;
height:200px;
}

.footer {
background-image:url( images/footer.png);
background-repeat:no-repeat;
height:62px;
text-align:center;
font-size:10px;
}

.note {
	font-size:14px;
width:290px;
height:304px;
overflow:auto;
position:absolute;
top:50px;
left:595px;
background-image:url( images/note.png);
background-repeat:no-repeat;
padding:100px 30px 40px 25px;
}

.note a, .note a:visted, .note a:link  { color:#000000 }
.note a:hover  { color:#ff0000 }