img#logo{ width: 350px;
    height: 300px;
    position: relative; left: 550px;
    }

h1 {color: black;
    font-family: fantasy;
    border-bottom: 4px dotted black;
    text-align: center;}

/*These is the navigation for the links*/
    nav {
     background-color: rgb(159, 98, 117);
     margin: 0px;
     text-align: center;}

nav ul {
        margin: 0px;
        list-style-type: none;
        padding: 5px 0px 5px 0px;}

nav ul li {
        display: inline;
        padding: 5px 10px 5px 10px;}

a:link {
        color:            black;
        text-decoration:  none;
        border-bottom:    thin dotted #000000;}

a:visited {color: rgb(219, 156, 166);}

a:hover {background-color: pink;}

li.selected {background-color:rgb(202, 124, 149);}

/*End of navigation for links*/

body { 
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size:large;
    margin: 10px;}



img#main1 {width: 600px; height: 580px;
          position: relative;
          margin: 30px 0px 20px 50px ;}
    

img#main2 {width: 600px; height: 580px;
           margin: -618px 50px;
           float: right;
           position: relative;}
         

div#main {background-color: rgb(159, 98, 117);
          margin: 0px 0px;}

div#intro {text-align: center;
          width: 500px;
          margin-left: 460px;
          background-color:rgb(159, 98, 117);}

div#container {width: 1420px;}
        

div#line {border-bottom: 4px dotted black;}
        
    
footer {background-color: rgb(159, 98, 117);
        color:black;
        text-align:center;
        padding: 10px;
        margin: 0px 0px 10px 0px;
        font-size:90%;}