title{
      font-family: arial;
      color: green;
      }
body{
     background-image: url(pictures/filmstrip.jpg);
     background-repeat: no-repeat;
     background-position: center;
     color: #0B3B0B;
     text-align: center;
     font-family: eras bold itc, arial rounded mt bold, arial, impact;
     font-size: 20px;
    }

#container {
            width: 480px;
            margin: 0;
            }

#misadventures {
               
               font-family: arial, arial rounded mt bold, times new roman;
               font-size: 25px;
               font-weight: bolder;
               text-align: center;
               color: white;
               border-color: black;
               border-width: 4px;
               border-style: solid;
               background-color: purple;
               padding: 10px;
               margin-left: 220px;
               margin-right: 220px;
             }

#banner {
   font-family: arial, eras bold it, forte;
   font-size: 25px;
   font-weight: bolder;
   text-align: center;
   color: purple;
   border-color: black;
   border-width: 4px;
   border-style: solid;
   background-color: white;
   padding: 10px;
   margin-left: 200px;
   margin-right: 200px;
   }

#start {
      font-family: arial, eras bold it, forte;
      font-weight: bolder;
      background-color: white;
      border: 3px solid black;
      padding: 10px;
      margin: 25px;
      width: 220px;
      text-align: center;
      color: purple;
      float: left;}

#finish {
      font-family: arial, eras bold it, forte;
      font-weight: bolder;
      background-color: white;
      border: 3px solid black;
      padding: 10px;
      margin: 25px;
      width: 220px;
      text-align: center;
      color: purple;
      float: right;}

#middle {
     font-family: arial, eras bold it, forte;
     font-size: 25px;
     font-weight: bolder;
     text-align: center;
     color: purple;
     border-color: black;
     border-width: 4px;
     border-style: solid;
     background-color: white;
     padding: 10px;
     margin-left: 500px;
     margin-right: 500px;
     }



#wg {
        width: 225px;
        height: 4000px;
        background-color: yellow;
        color: #0B3B0B;
        font-family: arial rounded mt bold, arial, impact;
        font-style: oblique;
        font-size: 14px;
        border-style: solid;
        border-color: black;
        border-top-width: 10px;
        border-bottom-width: 10px;
        border-left-width: 5px;
        border-right-width: 5px;
        padding: 25px;
        margin: 50px;
        float: left;
        }

#wh {
        width: 225px;
        height: 2000px;
        padding-left: 10px;
        float: left;
        background-color: yellow;
        color: #0B3B0B;
        font-family: eras bold itc, arial, arial rounded mt bold, impact;
        font-style: oblique;
        font-size: 14px;
        border-style: solid;
        border-color: black;
        border-top-width: 10px;
        border-bottom-width: 10px;
        border-left-width: 5px;
        border-right-width: 5px;
        padding: 25px;
        margin: 50px;
        }

#ush {
        width: 225px;
        height: 2000px;
        background-color: yellow;
        color: #0B3B0B;
        font-family: arial, arial rounded mt bold, impact;
        font-style: oblique;
        font-size: 14px;
        border-style: solid;
        border-color: black;
        border-top-width: 10px;
        border-bottom-width: 10px;
        border-left-width: 5px;
        border-right-width: 5px;
        padding: 25px;
        margin: 50px;
        float: right;
        }


p.jacks {
         border-color: black;
         border-width: 4px;
         border-style: solid;
         background-image: url(pictures/site.jpg);
         background-repeat: no-repeat;
         background-position: center;
         padding: 40px;
         margin: 100px;
        }


p.mustang {
          font-family: eras bold itc, arial rounded mt bold, arial;
          text-align: top;
          color: orange;
          border-color: black;
          border-width: 4px;
          border-style: solid;
          background-image: url(gifs/under-construction.gif);
          background-repeat: no-repeat;
          background-position: center;
          padding: 140px;
          margin-left: 320px;
          margin-right: 320px;
          }

h1 {
    font-family: eras bold itc, arial rounded mt bold, arial;
    color: black;
    }

p {
   font-family: arial, eras bold it, forte;
   font-size: 25px;
   font-weight: bolder;
   text-align: center;
   border: black solid 5px;
   padding: 5px;
   padding-left: 5px;
   padding-right: 5px;
   margin: 5px;
   margin-right: 300px;
   margin-left: 300px;
   background-color: purple;
   color: white;
   border-bottom: 5px solid black;
   }

q {font-family: arial;}

h2 {
    font-family: matura mt script capitals, brush script, eras bold itc, arial;
    color: #FFFF00; 
   }

h3 {
    font-family: eras bold itc, arial rounded mt bold, arial;
    font-weight: bold;
    color: black;
   }

h4 {
    font-family: eras bold itc, arial rounded mt bold, arial;
    font-weight: bold;
    color: white;
   }

h6 {
    font-family: eras bold itc, arial rounded mt bold, arial;
    color: black;
    }

em {background-color: yellow;}

a:link {
        text-decoration: underline;
        color: purple;
        }


a:visited {
           text-decoration: underline;
           color: orange;
           }