body { background-color: #ffffff;
 
      background-image: url(beige.jpg);     
    
 color: #330000;
       
     font-family: Lucida Calligraphy, Lucida Handwriting, Brush Script, serif;
}


#header { background-color: #ffffff;
         background-image: url(beige.jpg);
         font-size:3.7em;
         border: 3px solid #faebd7;
         text-align: center;
         text-shadow: 3px 3px 3px #d1d0ce;
          margin: 0; }
#nav {	float: left;
        width: 200px;
        padding-top: 10px;
        font-size:1.1em;
        text-align: center;
}

#nav a{ text-decoration: none;
        padding: 5px;
        display: block;
        background-image: url(beige.jpg);
        border-bottom: 1px solid #faebd7;}


#nav a:link { color: #000000; }
#nav a:visited { color: #f778a1; }
#nav a:hover { color:#842dce; 
               background-color: #ffffff;}
#nav ul {list-style-type:none;
margin: 0;
padding: 0; }

#footer { background-color: #faebd7;
          color: #000000;
 
         font-size: .60em;

          font-style: italic;

          text-align: center;

		  padding-top: 20px;

		  padding-bottom: 20px;

		  clear: both;	  }

figure{ float: right;
        margin: 10px;
        padding: 5px; 
        border: 1px solid #000000;}
figcaption { text-align: center;
             font-size: .60em;
             font-style: italic; }
#footer a:link { color: #f778a1; }

#footer a:visited { color: 0000ff; }

#footer a:hover { color: #330000; }

#wrapper { margin-left: auto;
             
     margin-right: auto;

     background-image: url(beige.jpg);             
     width: 95%;  
			 
    
			 
    min-width: 700px;
			 
    -webkit-box-shadow: 5px 5px 5px #828282;
			 
    -moz-box-shadow: 5px 5px 5px #828282;
			
    box-shadow: 5px 5px 5px #828282;
}  

h2 {text-transform: uppercase;
    font-family: Lucida Handwriting,Brush Script, cursive;
    background-color: #faebd7;
    color: #000000;
    font-size: 1.2em;
    border-bottom: 1px solid #000000;
    padding: 5px 0 0 5px;
    margin-right: 20px;
    clear: left;
}  

.details { padding-left: 20%;
          
padding-right: 20%;
}

#content { padding: 10px 20px 20px 20px;
           margin-left: 200px;
           background-image: url(beige.jpg);
           color: #000000; }
.floatright {float: right;
             padding-left: 20px}
.floatleft { float: left;
             padding-right: 10px;
             padding-bottom: 10px;}
.clearleft {clear: left;}	  

img { border-style: none;}
