body{
    text-align: left;
    font-family: tex_gyre_adventorregular, 'verdana';
background-image: url(stripedbg.png);
}
@font-face {
    font-family: 'tex_gyre_adventorregular';
    src: url('texgyreadventor-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.window{
    background-image: url(nprblogwindow2.png);
    z-index: -10;
    position: fixed;
    width: 1536px;
    height: 717px;
    top: 0;
    left: 0;
    overflow: hidden;
    background-size: cover;
 background-repeat: no-repeat;
}
.container{
    overflow-x: hidden;
    overflow-y: scroll;
    width: 1526px;
    height: 603px;
    position: fixed;
    top: 113px;
}
.banner{
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(nprbbanner.png);
    background-size: cover;
    width: 650px;
    height: 90px;


}
.navbar {
 position: relative;
    width: 630px;
    padding: 0px 0px 15px 35px;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
    height: 20px;
    z-index: 2;
    font-size: 16px;
    color: white;
    background-color: #00a9b7;
}
.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 5px 30px 7px 30px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #1c2183;
}

.dropdown-content {
  font-size: 14px;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  max-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10;
  color: #00a9b7;
}

.dropdown-content a, .dropdown-content a:visited{
  float: none;
  color: #00a9b7;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #bebebe;
  color: #00a9b7;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.one{
  max-width: 108px;
}
.two{
  max-width: 121px;
}
.three{
  width: 149px;
}
.four{
  max-width: 117px;
}
.five{
  width: 94px;
}
.main{
    position: absolute;
    top: 155px;
    padding: 0px 5px 20px 4px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(main.png);
    background-size: contain;
    width: 600px;
    height: 700px;
    z-index: -2;
    background-repeat: no-repeat;
}
.parent{
   position: absolute;
    top: 155px;
    left: 50%;
    padding-top: 3px;
    transform: translateX(-50%);
  width: 604px;
  height: 610px;
  display: grid;
    grid-template-columns: 30% 70%;
    grid-area: 'one two';
    z-index: 1;
    font-family: Verdana;
    font-size: 12px;
    border-bottom: white dotted 2px;
}
.footer{
  position: absolute;
    top: 767px;
    left: 50%;
    padding: 5px 0px 0px 0px;
    margin-bottom: 10px;
    transform: translateX(-50%);
  width: 598px;
  height: fit-content;
  z-index: 1;
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
}
.footer img{
  padding: 2px;
}
.parent a:link, .parent a:visited{
  color: white;
  text-decoration: underline;
}
.parent a:hover{
  color: #1c2183;
  text-decoration: underline;
}
#one{
  grid-area: 'one';
  border-right: white dotted 2px;
  margin: 2px 0px 0px 5px;
}
.title{
  background-color: white;
  color: #00a9b7;
  font-size: 16px;
  margin: -2px 0px 3px -5px;
  text-align: left;
  font-family: tex_gyre_adventorregular, 'verdana';
}
.righttitle{
  background-color: white;
  color: #00a9b7;
  font-size: 16px;
  margin: -2px 0px 3px 0px;
  text-align: left;
  font-family: tex_gyre_adventorregular, 'verdana';
}
.divider{
  margin: 10px 0px 0px -5px;
  border-top: white dotted 2px;
  width: 100%;
}
.month{
 text-indent: 10px;
}
.image img{
  padding: 5px 5px 0px 0px;
  margin: auto auto;
}
.cdtracker img{
  float: left;
  display: inline;
  margin-bottom: 2px;
}
.cdtracker{
  padding: 3px 3px 3px 2px;
  display: block;
  clear:both;
}
#ad{
  display: block;
  padding: 0px;
  margin-left: -3px;
  margin-top: 3px;

}
#two{
  grid-area: 'two';
  overflow-y: scroll;
  overflow-x: hidden;
}
#twotitle{
font-weight: 600;
    font-size: 13px;
    padding: 0px 0px 0px 10px;
    border-bottom: #ffffff solid 3px;
     text-align: left;
     color: white;
}
#twotitle2{
color: black;
   font-weight: 600;
   text-align: left;
    font-size: 13px;
    padding: 2px 5px 0px 10px; 
   border-bottom:#1c2183 dotted 3px; 
   margin-bottom: 3px;
}
#twotext{
  padding: 0px 3px 0px 3px;
}
#twotext img{
  margin-right: auto;
   margin-left: auto;
  display: block;
  margin-bottom: 3px;
  box-shadow: rgb(52, 61, 58, 0.7) 3px 3px 3px;
  border: solid white 2px;
}
.images{
  display: flex;
 padding: 5px 0px 5px 0px;
}
.video{
  display: block;
  margin: 5px auto 5px auto;
  box-shadow: rgb(52, 61, 58, 0.7) 3px 3px 3px;
  border: solid white 2px;
  text-align: center;
  width: 320px;
  height: 240px;
}
  .start{
  position: relative;
   width: 100px;
   margin-left: 0px;
  margin-right: 0px;
   height: 100px;
   z-index: 2;
} 
.startcontainer{
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
   width: 1900px;
   height: 30px;
}