#wrapper {width: 90%;
            margin: auto;
        box-sizing: border-box;}
        #logo {float:right;
            width:342px;height:180px;
            border-color:#660099;
            border-image-width: 1em;
            box-shadow: 5px 5px 3px #660099;
            padding: 5px 0px 3px;}
        #logo2 {display: block;
            float:right; 
            width:375px;
            border-color:#660099;
            border-image-width: 1em;
            box-shadow: 5px 5px 3px #660099;
            padding: 5px 0px 3px;}
        #logo3 {display: block;
            float:left;
            margin-left:3%;
            height:550px;
            border-color:#660099;
            border-image-width: 1em;
            box-shadow: 5px 5px 3px #660099;
            padding: 5px 0 3px 3px;}
        #logo4 {display: block;
                float:right; 
                width:375px;
                border-color:#660099;
                border-image-width: 1em;
                box-shadow: 5px 5px 3px #660099;
                padding: 10px 0px 3px 3px;}
        #logo5 {display: block;
            float:left;
            margin-left:3%;
            height:400px;
            border-color:#660099;
            border-image-width: 1em;
            box-shadow: 5px 5px 3px #660099;
            padding: 5px 0px 3px 3px;}
        #logo6 {display: block;
                float:right; 
                width:260px;
                border-color:#660099;
                border-image-width: 1em;
                box-shadow: 5px 5px 3px #660099;
                padding: 10px 0px 3px 3px;}
        #logo6a {display: block;
                float:right; 
                width:300px;
                border-color:#660099;
                border-image-width: 1em;
                box-shadow: 5px 5px 3px #660099;
                padding: 10px 0 3px 3px;}
        #logo7 {display: block;
                float:right; 
                width:300px;
                border-color:#660099;
                border-image-width: 1em;
                box-shadow: 5px 5px 3px #660099;
                padding: 10px 0 3px 3px;}
        #logo8 {display: inline-block;
                align-items: center;
                width: 190px;
                border-color:#660099;
                border-image-width: 1em;
                padding: 10px 10px 10px 80px;}
        table {width: 65%;
            align-self: auto;
            text-align: center;
            padding: 10px 3px 5px 30px;}
        #table2{text-align: center; 
            vertical-align: text-top;
            align-self: auto;
            width:55%}
        #table3{text-align: center; 
            vertical-align: text-top;
            align-self: auto;
            width:80%}
        #table4{text-align: center; 
            vertical-align: text-top;
            align-self: auto;
            width:80%}
        #trpurple{background-color: #660099;
            border-color:#fff000;
            border-image-width: 1em;
            box-shadow: 5px 5px 3px #00ffff;
            color:#00FFFF}
        #trpurple1{background-color: #660099;
            color:#00FFFF}
        #trpurple2{background-color: #660099;
            color: #00FFFF;
            line-height: 35px}
        #traqua{background-color: #fff000;
            font: bold 25px times new roman, serif;
            font-variant: small-caps;
            border-color:#fff000;
            border-image-width: 1em;
            box-shadow: 5px 5px 3px #00ffff;
            color:#660099;}
        #traqua2{background-color: #fff000;
            font-family:Helvetica, "Times New Roman", serif;
            color:#660099;}
        #traqua3{background-color: #fff000;
            font-family:Helvetica, "Times New Roman", serif;
            color:#660099;}
        article {font-size: 1em;}
        nav {display: flex;
            margin-top: -1.25%;
            background-image: url(Images/Side.png);
            box-shadow: 10px 10px 5px #660099;
            float:left;            
            text-align: center;            
            font-size: 150%;
            line-height: 40px;
            padding: 10px;
            width: 15%;
            height: 1200px;}
        nav ul{list-style-type: none;
            padding: 10px 5px 50px 5px;}      
            .button  {border-radius: 170px;
                padding: .2em; 
                background-color: #660099;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: bold;
                text-decoration: none;}
            .button:link { color : #00FFFF; }
            .button:hover { color : #fff000; background-color: #3300cc;} 
        body {width:auto;
            background-color:#FFF000;
            padding: 10px 15px 15px 10px;
            font-family:Georgia, Verdana, sans-serif;}
        main {display:block;
            margin-left: 10px;
            padding: 8px;}
        h1 {background-image: url(Images/Side.png);
            background-size: 75%;
            box-shadow: 10px 10px 5px #660099;
            color:#ffffff;
            text-shadow: 5px 5px 10px #000000;
            font-family:Georgia, "Times New Roman", serif;
            text-align: center;
            line-height: 4em;
            font-size: 2.5em;
            width: auto;
            padding: 2px 5px 5px 5px;}        
        h2 {font-family:Georgia, "Times New Roman", serif;
            margin-left: auto;
            text-align: center;}
        h3 {text-align: center;
            margin-left: auto;
            font-style: italic;}
        p {margin-left: 20%;
            font-size: 1.2em;}
        li { display: inline-block;
            width: auto;
            padding-bottom: 10px;
            text-align: center;
            font-style: italic;
            font-family: Georgia, serif; }
        div.gallery {margin: 15px;
            border: 2px solid #660099;
            float: right;
            width: 290px;}            
        div.gallery:hover {border: 1px solid #660099;}
        div.gallery img {width: 100%;
            height: auto;}            
        div.desc {padding: 10px;
                text-align: center;}
        blockquote {font-family:Helvetica, "Times New Roman", serif;
            padding: 0 0 10px;
            text-align: center;}    
        footer {clear: both;
                padding: 10px 30px 10px 30px;
                background-image: url(Images/Cross.png);
                background-size: 15%; 
                background-position-x: 4%;
                background-repeat: no-repeat;
                position: relative;
                font-style: italic; font-size: 85%;
                text-align: center;
                background-color: #3300cc; 
                box-shadow: 10px 10px 5px #660099;
                color:#FFF000;
                width: auto;
                height: auto;}