html, 
body { 
height: 100%;
}
body {
    background: url(/assetsowo/pix/bg3.gif);
    background-color: black;
    background-size: 100%;
    background-position: center;
    color: white;
}
/* Main Text */
.ParaMain{
    margin: 10px 10px 10px 10px;
}
.ParaMainNYA{
    margin: 10px 10px 10px 10px;
}
.container {
    align-content: center;
    text-align: center;
}
.div1,
.div2,
.div3 {
  border: 1px solid white
}

.link0{color: #FF55FF;}
.link0:hover{color: #6F30FF;}
 /* .link0:visited{color: #6F30FF;} */

.outerdiv1,
.outerdiv2,
.outerdiv3 {
  float: left;
  width: 150px;
  height: 150px;
  text-align: center;
  margin: 5px;
 margin-left: 85px;
}

.div1{background: url(/assetsowo/pix/WGELogo2.png);    background-color: black;background-repeat: no-repeat;background-size: 95% 95%;  width: 150px;height: 150px;background-position: center}
.div2{background: url(/assetsowo/pix/SMCLogo.png);    background-color: black;background-repeat: no-repeat;background-size: 95% 95%;  width: 150px;height: 150px;background-position: center}
.div3{background: url(/assetsowo/pix/SWALogoA.gif);    background-color: black;background-repeat: no-repeat;background-size: 95% 95%;  width: 150px;height: 150px;background-position: center}
.div1:hover, .div1:visited{border: 1px solid #E04FFF;} /* WGE Purple */
.div2:hover, .div2:visited{border: 1px solid #f612f6;} /* SMC Pink */
.div3:hover, .div3:visited{border: 1px solid #E7DD00;} /* SWA Yellow */
/* The navigation bar */
.navbar {
  overflow: hidden;
  background-color: black;
  top: 0; /* Position the navbar at the top of the page */
  width: 800px; /* Half width */
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px outset white;
  margin-bottom: 0px;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 4px 16px; /* <Height> than <Width> */
  text-decoration: none;
  font-family: serif;
}

/* Change background on mouse-over */
.navbar a:hover {
  background-color: midnightblue;
  color: white;
}
/* Change background on mouse-over Donor */
.navbardono:hover {
  background-color: midnightblue;
  color: white;
}
/* background on mouse-over Donor */
.navbardono {
  background-color: #333333;
  color: white;
}
/* Main Divs */
.lestuff {
  margin-top: 20px; /* Add a top margin to avoid content overlay */
  display: block;
  width: 800px; /* suitable for 800x600 displays? */
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px outset white;
  background-color: black;
  font-family: serif;
}
.lestuffNYA {
    margin-top: 20px; /* Add a top margin to avoid content overlay */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block;
    width: 90%; /* suitable for 800x600 displays? */
    display: block;
    border: 1px outset white;
    background-color: black;
    font-family: serif;
}
.HeaderPrefs {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
}

.LogoPara {
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: serif
}

#Library {
    background-image:url(/assetsowo/pix/owo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 800px;
    height: 164px;
}
#Library:hover{
    background-image:url(/assetsowo/pix/uwu.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 800px;
    height: 164px;
}
.Footer{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 802px;
    display: block
}

.lestuffGOLD {
  margin-top: 20px; /* Add a top margin to avoid content overlay */
  display: block;
  width: 800px; /* suitable for 800x600 displays? */
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 2px outset gold;
  background-color: black;
  font-family: serif;
}

.lestuffPurple {
  margin-top: 20px; /* Add a top margin to avoid content overlay */
  display: block;
  width: 800px; /* suitable for 800x600 displays? */
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 2px outset purple;
  background-color: black;
  font-family: serif;
}

.lestuffPink {
  margin-top: 20px; /* Add a top margin to avoid content overlay */
  display: block;
  width: 800px; /* suitable for 800x600 displays? */
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 2px outset #77ddff;
  background-color: black;
  font-family: serif;
}

.donorsList {
    text-align: center;
    margin: 5px;
}