body{
    background-color: darkgreen;
    background-image: url(/Cat3Takover/schoolstuff/schoolphotos/grainyGreen.jpg);
    background-repeat: repeat; background-origin: border-box; background-size: 5%;
}
.center{display: block; margin-left: auto; margin-right: auto; width: 50%; position: relative;}
#container{width: 60%; height: 1000px; margin: auto; border: hidden; overflow-x: hidden; overflow-y: visible; text-align: center;}
a:hover{color: #0000ff; cursor: pointer;}
a{color: #0000ab; text-decoration: underline;}
.cat{font-family: Georgia; color: black;}
.centerv{padding: 0; text-align: center; position: relative; transform: translateY(-25%);} 

.menubar {display: flex; flex-direction: row; top: 0; position: sticky; width: 60%; text-align: left; height: 47px; background-color: #ffbf1e; z-index: 2; overflow: visible;}
.menubar span {z-index: 3; padding-right: 10px; height: 47px; width: fit-content;}
.menubar a {font-family: Georgia; font-size: 14px; text-align: left; color: white; text-decoration: none;}
.menubar a:hover {color: white; text-decoration: underline;}
.menutext{font-family: serif; font-size: 20px; text-align: left; color: white; font-weight: 550; padding-right: 10px;}
.menutext:hover{text-decoration: underline;}
.dropdown {height: 47px; width: fit-content;}
.dropbtn{height: 47px; width: fit-content;}
.dropbtn:hover{text-decoration: underline; text-decoration-style: dashed;}
.dropdown .dropbtn {font-size: 20px; border: none; outline: none; color: white; background-color: inherit; font-family: inherit; margin: 0;}
.dropdown-content {display: none; position: absolute; background-color: #f5b81d; min-width: auto; z-index: 4;}
.dropdown-content a {float: none; color: white; background-color: #f5b81d; padding: 12px 16px; text-decoration: none; display: block; text-align: left; z-index: 4;}
.dropdown:hover .dropdown-content {display: block;}

.mainheader{width: 60%; height: 220px; background-color: #eea300; margin: auto; border: hidden; overflow: hidden; text-align: center;}
.mainheader img {float: left; padding-left: 5px; padding-top: 10px; padding-bottom: 5px;}
.mainheader p {font-smooth: never; -webkit-font-smoothing : none;text-indent: 15px; text-align: left; margin: 0; font-size: 40px; font-family: Georgia; font-weight: bold;}

.grad{
    height: 12px; background-color: #eea300;
    background-image: linear-gradient(to bottom, #eea300, #ffbf1e);
    clear: left;
}