html
{ 
height: 100%; 
} 

body
{ 
height: 100%; 
background-color: #ffccff;
} 

H1
{
color: white;
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 48px;
}

H2
{
color: white;
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 24px;
}

 p 
{
font-size:14px;
}

#wrapper
{
width: 1000px;
margin: 0px auto; 
padding: 0px; 
border: 0px solid #01B1AF; 
border-radius: 0px;
background-color: #01B1AF;
}

#headerwrapper
{
height: 185px;
width: 890px;
margin: 0px 0px 0px 0px; 
padding: 0px; 
border: 0px solid #A4157B ; 
poistion: relative;
}

#headerimage
{
background: url(images/JudyOval8.jpg) no-repeat left;
    border-radius: 180px;
    width: 140px;
    height: 165px;
    background-size: 140px;
margin: 8px 0px 0px 50px; 
padding: 0px; 
border: 2px solid white; 
position: absolute;
background-color: #993399;
}

#header
{
width: 1000px;
height: 200px;
margin: 0px 0px 0px 0px; 
padding: 0px; 
float: left;
border: 3px 0px 3px 0px solid #01B1AF ;
background-color: #A4157B ;
color: white;
font-weight: bold;
font-style: italic;
text-align: center;
}

#menu
{
display: inline;
width: 988px;
height: 34px;
margin: 0px 0px 0px 0px; 
float: left;
padding: 6px; 
border: 3px 0px 3px 0px solid #01B1AF ;
background-color: #A4157B;
}

#menu ul 
{
margin: 0;
padding: 0;
}

#menu li 
{
margin: 0 5px 0px 0;
padding: 0;
list-style: none;
display: list;
}

#menu a
{
padding: 5px 10px;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: white;
font-family:serif;
line-height: 100%;
margin: 0px;
}

#menu a:hover 
{
color: red;
}


#body
{ 
width: 800px; 
float: left;
padding: 10px; 
margin: 20px 50px 20px 90px; 
border:5px solid #A4157B ;
background-color: white;
} 

.dropbtn {
  background-color: #A4157B;
  color: white ; 
font-weight: bold;
font-family:serif;
  padding: 0px;
  font-size: 16px;
  border: none;
}
 
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #A4157B;
font-size: 18px;
font-weight: bold;
font-family:serif;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
text-align: left;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: red;}


#footer
{ 
clear: both; 
height: 52px; 
border: 0px solid #01B1AF; 
padding: 1px; 
margin: 0px 0px 0px 0px; 
background-color: #A4157B;
font-size: 18px;
font-weight: bold;
color: white;
} 

/***DISPLAY PHOTO OR IMAGES INLINE***/

div.photoimages
{
height: auto;
width: auto;
float: left;
text-align: center;
display: inline;
padding: 5px;
}

div.bookimages
{
height: auto;
width: auto;
float: 
text-align: center;
display: inline;
padding: 0px;
}

/***DISPLAY PHOTO OR IMAGES INLINE***/