/*
   New Perspectives on HTML
   Final Project
   Mark Sirois General Contracting

   ICI Text and Color Styles
   Author: Kelly Sirois
   Date:   November 2, 2015

   Filename:         msgc.css
   Supporting Files: none

*/


/* Body styles */

body {
    background-color: rgb(255, 255, 240);
    color: rgb(0, 0, 128);
    font-family: Century Gothic, sans-serif;
}

/* Header styles */

   header  {
       color: rgb(0, 0, 128);
       text-align:center;
       width: 100%;
}



/* Navigation styles */

nav {
   position: center;
   top: 250px;
   width: 100%;
   z-index: 2;
}

nav ul li {

   display: block; 
   float: left; 
   width: 16%;
   margin: 0px 0px;
   text-align: center;
}

nav ul li a {
   display: block;
   border: 1px solid rgb(255, 255, 240);
   width: 100%;
   background-color: rgb(0, 0, 128);
   color: rgb(255, 255, 240);
}

nav ul li a:hover {
   color: rgb(0, 255, 0);
}

/* Image styles */



/* h1 styles */
     h1 {
         font-family: "Comic Sans MS", Georgia, serif;
         font-size: 24px;
         font-weight: normal;
         letter-spacing: 5px;
         text-align:  center;
     }


/* h2 styles*/

    h2 {
       clear: left;
       font-family: "Comic Sans MS", Georgia, serif;
       font-size: 24px;
       font-weight: normal;
       letter-spacing: 5px;
       text-align:  center;
     }

/* h3 styles*/

    h3 {
       clear: left;
       font-family: "Comic Sans MS", Georgia, serif;
       font-size: 16px;
       font-weight: normal;
       text-indent: 30px;
       letter-spacing: 1px;
       text-align: justify;
       padding: 10px;
       margin-left: 150px;
       margin-right: 150px;
     }

/* Video styles */

audio, video {
  background-color: rgb(255, 255, 240);
  display: block;
  margin: 5px auto;
  text-align: center;
  width: 30%;
}   

/* Image styles */

p  {
     display: block;
     font-size: 20px;
     padding: 20px 20px;
     font-weight: bold;
     width: 350px;
     margin: auto;
}
/* Footer styles */

   footer {
     background-color: rgb(0, 0, 128);
     color: rgb(255, 255, 240);
     clear:left;
     width: 94%; 
     padding: 10px; 
     margin-left: 30px; 
     margin-right: 30px;    
     text-align:center;
     border-radius: 20px;
     
}