body
{
   background-color:black;
   margin:0
}

h1
{
    font-weight:bold;
    font-family:arial;
    text-align:center;
    font-size:150%;  
}

h2
{
    font-weight:bold;
    font-family:arial;
    text-align:left;
    font-size:100%;
    bottom-margin:0px
   
}

a:link {text-decoration:none;color:#324c4e} 
a:visited {text-decoration:none;color:#6d8a8e}
a:active {text-decoration:none;color:black}

a.navigation:link {text-decoration:none;color:black}
a.navigation:visited {text-decoration:none;color:black}
a.navigation:hover {text-decoration:underline;color:black}
a.navigation:active {text-decoration:none;color:black}

p
{
    margin:10px;
    font-family:arial
}



img.float
{
     float:left;
     margin-bottom:5px;
     margin-right:15px;
     margin-left:5px;
     margin-top:0px
}

.content 
{
  position: relative;
  width: 700px;
  max-width: 700px;
  background-color: white;
  margin: auto;
}

.titlebar
{
  width: 700px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: white;
  margin: 0px;
}

.pagearea
{
  width: 670px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 5px;
  background-color: white;
  margin: 0;
}

.coverarea
{
  width: 700px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: white;
  margin: 0;
}

.grid-header {
  display: grid;
  grid-template-columns: 600px 100px;
  grid-gap: 0;
  background-image: url("images/yellow.gif");
  text-align: center;
  padding: 0;
}


.grid-books {
  display: grid;
  grid-template-columns: 200px 455px;
  grid-gap: 15px;
  background-color: white;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin: 0px;
}

.grid-videos {
  display: grid;
  grid-template-columns: 320px 335px;
  grid-gap: 15px;
  background-color: white;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin: 0px;
}

.pagination
{
   background-color: white;
   width: 700px;
   text-align: center;
   left: 0;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 0px;
   padding-right:0px;
   margin: 0px;
}


.bottomnav
{
   background: url("images/yellow.gif");
   width: 700px;
   text-align: center;
   left: 0;
   margin: 0;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 0px;
   padding-right: 0px;
}