/* CSS Work by MATTHEW BERRY for GRA310
LAST UPDATED 12-5-2016
*/

   
@font-face {
           font-family: Majesti-Banner;  
            src: url("http://www.geocities.ws/mlberry/Media/Majesti-Banner-Medium.otf");
} 
body {
    font-family:Majesti-Banner;
    background-color: #8a8c8f ;
    color: #be1e2d ;
}
head {
    font-family:Majesti-Banner;
    color: #be1e2d;
}
foot {
    font-family:Majesti-Banner;
    color: #be1e2d ;
}

#HEADER { color: #be1e2d;}


h1 { color: #be1e2d ; }

h2 { color: #41393d ; }

h3 { color: #41393d ; }
h4 { color: #be1e2d ; }

p { color: black ;}

    
    section{
    float: left;
	border-style:solid;
    border-color: #8a8c8f;}
    
    article{    
    float:left;
	border-style:solid;
    border-color: #8a8c8f;}
    
    footer{
        text-align-last: center;
    }
    
    #Logo
    {
        width:300px;
        height:99.5px;
        position:absolute;
        top:1px;
        left:800px;
        border-style:hidden;
		border-color: #8a8c8f
    }
        #Banner
    {
        width: 700px;
        height:278px;
        position:relative;
        top:10px;
        left:50px;
        border-style:solid;
		border-color: #8a8c8f
    }
#Navigation { color: black;}



ul {
    list-style-type: none;
    margin: 1px ;
    padding: 1px ;
    overflow: hidden ;
    background-color: #41393d;
}

li a {
	float: left;
    display: block;
    color: #d7e4c2;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

li a:hover {    background-color: #d4a18d;}
  

ol {
    margin: 5;
    padding:5;
    width: 10%;
  }
th
{
	font-size: 20px;
}
td
{
	text-align:center;
	color:black;
}