/* CSS Document */

/*
   Project Phase 1

   Index Style Sheet
   Author:  Angela Lipscomb 
   Date:  16 June 2013   

   Filename:         spn.css
   Supporting Files: 

*/

/* Display HTML5 structural elements as blocks */
  * {padding: 0;
    margin: 0;
    }
    
    
body {
   
   background-color: white;
   float: none;
   margin: 0px auto;
   width: 90%;
   max-width: 90%;
   min-width: 90%;
  
}

<style type="text/css">
img {
margin-left:5px;
margin-right:5px;
}
</style>

  header, section, nav { display: block; }
  
    header {background-color: hsla(0,0,0,1);
          text-align: center;
          width: 100%;
          margin-bottom: 2em;
          margin-top: none;
          -mox-box-shadow: rgba(220,220,220,0.5) 10px 0px 15px, rgba(220,220,220,0.5) -10px -0px 15px;
    -webkit-box-shadow: rbga(220,220,220,0.5) 10px 0px 15px, rbga(220,220,220,0.5) -10px -0px 15px;
box-shadow: rgba(220,220,220,0.5) 10px 5px 30px, rgba(220,220,220,0.5) -10px -0px 15px;
          }
    
            
  header img         {height: 5em;}

nav {float: left;
     width: 19%;
     margin-bottom: 1em;
     margin-top: 0px;
     margin-left: 5px;
     margin-right: 10px;
     
     border: 5px solid rgb(132, 223, 218);

   -moz-border-radius: 25px;
   -webkit-border-radius: 25px;
   border-radius: 25px;}

   
nav ul li:hover {
background-color: rgb(83, 142, 213);
}
  
nav ul li:first-of-type {
text-transform: uppercase;
}
     
nav li {
     list-style-type: none;
     line-height: 2em;
     margin-bottom: 1em;}

ul.a {list-style-type: circle;}   
     
nav a {font-family: 'Palatino Linotype', 'Geneva','sans-serif';
       text-decoration: none;
       color: rgb(112,128,144);
       font-size: 1.25em;
       font-weight: bold;
       margin-left: 2em;} 

  
a:link {color:darkslategray;}
a:visited {color: royalblue;}
a:hover {color: red;}
a:active {color yellow;}



section#intro {
        width:100%;
        margin-left: auto;
        margin-right: auto;
        float: left;
        font-family: 'Palatino Linotype', 'Palatino', 'sans-serif';
        font-weight: bold;
        font-size: 1.5em;
        text-align: center;
        color: rgb(255,127,80);
        
        }

section img {
            -mox-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            border:5px solid rgb(255,250,240);
            box-shadow: rgb(220,220,220) 10px 5px 30px;}     

h1 {color: rgb(255,127,80);
    font-size: 1em;
    text-align: center;
    margin-bottom: 2em;}
     

    
p {font-size: 1em;
   text-align: left;
    margin: 1em;
    } 

h2 {
    color: rgb (255,127,80);
    font-size: .75em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.5em;
    text-shadow: gainsboro 10px 5px 15px;} 
    
h3 {color: rgb(255,127,80);
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    }

h4 {color: rgb(255,127,80);
    font-size: 1.25em;
    text-align: center;
    margin-bottom: 2em;}
    
/* Footer styles */
footer address {
background-color: rgba(139,69,19, 0.7);
color: gainsboro;
margin-bottom: 0px;
color: rgba(255,127,80, 0.8);
font: normal small-caps bold 1.2em/1.5em 'Times New Roman', Times, serif;
text-align: center;
text-shadow: gainsboro 10px 5px 15px;
}