/*position book*/
#book {
 position: relative;
 margin: 0 auto;
 text-align: left;
 background:url(/journal1000_4.gif) no-repeat;
 width:1000px;height:602px;
}

.vertcent {
 vertical-align: middle;
 text-align: center;
}
/*position pages*/

#leftpage {
 position: absolute;
 top: 33px; left: 60px; width: 380px; height: 560px;
 visibility: visible;
 overflow: hidden;
}

#rightpage {
 position: absolute;
 top: 33px; left: 525px; width: 425px; height: 560px;
 visibility: visible;
 overflow: hidden;
}

/*element styles*/
body{
 background-image: url(barn.jpg);
}

body, td{
 font-family: 'Comic Sans MS', cursive;
 font-size: 12px;
 font-variant: normal;
 font-weight: normal;
 margin-top: 20px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
}

h1, h2, h3{
padding-top:3px; 
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
text-align:center;
}

h4{
clear:none;
text-align:left;
color:#006342;
}

hr{
 border: white solid 3px;
 margin-right: 0;
 margin-left: 0;
 padding-left:0; padding-right:0;
}

p{
 padding-bottom: 0px;
 margin-bottom: 0px;
 padding-top: 3px;
 margin-top: 3px;
}

p.story{
 text-indent: 2em;
 padding-right: 10px;
}

:link, :visited{
 color:#006342;
 background-color: transparent;
 text-decoration: none;
}

:link:hover, :visited:hover{
 color:black;
 background-color: #96a75c;
}

a.imagelink:link, a.imagelink:visited{
background-color: transparent;
text-decoration: none;
}

a.imagelink:link:hover, a.imagelink:visited:hover{
background-color: transparent;
}

img.replacement{
 border:none;
}

/*classes*/
.startp:first-letter{
 font-size: 200%;
}

.counter{
FONT-WEIGHT: lighter;
FONT-SIZE: 8pt;
}

.answer{
padding-left: 30px;
}

.warning{
 color: red;
}

.menu{
font-size: 14px;
padding-left:0px;
}

.subhead{
padding-top:10px;
}

.header, .footer{
 font-size:10pt; 
 font-family:'Comic Sans MS', cursive;
 color:#006342;
 font-style:italic;
}