html { width: 100%; height:100%;  }
body {
width: 100%;
height: 100%;
margin: auto;
font-family: helvetica, arial,sans-serif;
font-size: 18px;
line-height: 27px;
}
h1{
    font-family: 'Lobster Two', cursive;
    font-size: 120px;
    line-height:180px;
}
h2{
    font-family: 'Lobster Two', cursive;
    font-size: 60px;
    line-height:90px;
}
h3{
    font-family: 'Lobster Two', cursive;
    font-size: 40px;
    line-height:60px;
    font-style: italic;
}
h4{
    margin-top: 30px;
    font-size: 18px;
    line-height: 27px;
}
a{

}
a:link{
    text-decoration: underline;
    color: #900;
}
a:visited{
    text-decoration: underline;
    color: #900;
}
a:hover{
    color: #b00;
}
.page { 
width: 80%; 
height:90%;
padding: 5% 10%;
text-align:center;
position: relative;
}
.odd{
    background-color: #eee;
    color: #111;
}
.even{
background-color: #111;
color: #eee;
}
.next{
    display: block;
    width: 200px;
    height: 102px; 
    position: absolute;
    bottom: 60px;
    right: 20px;
    text-indent: -9999px;
    outline: none;
}
.odd .next{
    background-image: url('img/pointing_hand_dark.png');
}
.even .next{
    background-image: url('img/pointing_hand_light.png');
}
.top{
    display: block;
    height: 200px;
    width: 102px; 
    position: absolute;
    bottom: 60px;
    right: 20px;
    text-indent: -9999px;
    outline: none;
}
.odd .top{
    background-image: url('img/pointing_up_hand_dark.png');
}
.even .top{
    background-image: url('img/pointing_up_hand_light.png');
}
p, .img_div{
    display: block;
    width: 80%;
    margin: 10px auto;
    text-align: left;
}
img{
    margin: 10px;
}

.img_div img{
    width: 30%;
    margin: 1%;
}
.float-left{
    float: left;
}
.250_left{
    margin-left: 250px;
}