body {
font-family: "Times New Roman", Times, serif;
background-color: #BFFE82;
}

ul {
list-style-type: none;
margin-top: 5px;
margin-bottom: 5px;
}
li {
margin-left: -21px;
padding: 0px;
}


.popup{ position:relative; width:80px; height:12px; list-style:none; cursor:pointer; margin-left: 180px;}

#menu {
height: 25px;
width: 80px;
margin-top: 0px;
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
background-color: YellowGreen;
text-align: center;
color: white;
font-family: sans-serif, Arial; 
font-size: 22px;
border-color: LimeGreen;
border-style:solid;
border-left: 1px;
border-top: 1px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}


.popup li div{ position:absolute; z-index:100; visibility:hidden; width: 170px; height:260px; margin-left:-100px; margin-top: -20px; 
padding-left: 10px; padding-top: 20px; background-color: #A3FD4D; 
-moz-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}

.popup li:hover div{visibility:visible;}


a:link {color: black; text-decoration:none; }     /* an unvisited link */
a:visited {color: black; text-decoration:none;}  /* a visited link */
a:hover {color: black;  text-decoration:none;}   /* a link with the mouse hovering over it */
a:active {color: black; text-decoration:none;}   /* the selected link */

#oval {
   width: 120px; 
   height: 60px; 
   background-color: purple; 
   font-family: sans-serif, Arial;
   margin-left: 20px;
   margin-top: 10px;
   -moz-border-radius: 60px / 30px; 
   -webkit-border-radius: 60px / 30px;
   border-radius: 60px / 30px;
   -moz-box-shadow: 15px 15px 15px black;
-webkit-box-shadow: 15px 15px 15px black;
box-shadow: 15px 15px 15px black;
}

#oval a {
color: white;
}

#menu-button {
   font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   font-size: 22px;
   margin-left: 10px;
   margin-top: 0px;
   padding-top: 5px;
   /* Skew */
  width: 140px; 
   height: 30px; 
   background: purple; 
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px; 
   border-radius: 7px;
   -moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}

#menu-button a {
color: white;
}

#button {
height: 20px;
width: 140px;
font-size: 20px;
margin-left: 20px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 12px;
background-color: GhostWhite;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}




p.section-header {
margin-left: 0px;
margin-top: 5px; 
margin-bottom: 5px;
font-size: 18px; 
font-weight: bold;
}
hr {
border: 0; 
border-bottom: 1px solid black; 
width: 130px;
text-align: center;
}


.section-content {
margin-left: 10px;
margin-top: 5px; 
margin-bottom: 5px;
font-size: 16px;
}

.book {
text-decoration: underline;
}


#title {
position: relative;
margin-top: -15px;
margin-bottom: -15px;
padding-bottom: 0px;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 32px;
font-weight: bold;
width: 200px;
z-index: 50;
color: green;
text-shadow: 2px 2px 2px white; 
}

#text-emo {
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 32px;
color: purple;
text-shadow: 2px 2px 2px #BFFE82; 

}

#bottom-wrapper {
position: absolute;
z-index: 20;
width: 300px;
height: auto;
margin-top: 20px;
margin-left: 0px;
background-color: Thistle;
-moz-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}

#frame {
margin-top: 0px;
margin-left: 10px;
width: 305px;
}

#header-image img {
width:270px;
}

#footer {
height: 50px;
}


.shadow {
-moz-box-shadow: 5px 5px 5px #656B71;
-webkit-box-shadow: 5px 5px 5px #656B71;
box-shadow: 5px 5px 5px #656B71;
}