body { 
       margin:0px;
       background-color: rgb(0,0,0);
 }
.sidenav{ 

          background-color: rgb(225,247,196);
 }
.topnav{ 

         background-color: rgb(146,182,222);
         background-image: url('headbg.jpg');
         background-repeat: repeat;
 }
.topnav .tabpic { 
                  border: 1px solid rgb(104,158,160);
                  border-bottom: none;
                  display: inline;
 }
.content{ 

          background-color: rgb(255,255,255);
          border-top: 1px solid rgb(0,102,0);
          border-left: 1px solid rgb(0,102,0);
          padding-left: 20px;
          padding-top: 20px;
          font-family: verdana, sans-serif;
          font-size: 10pt;
          color: rgb(0,0,0);

 }

.sidenav .topic { 
                  
                  font-family: verdana, sans-serif;
                  font-weight: bold;
                  font-size: 16px;
                  color: rgb(255,255,255);
                  background-color: rgb(133,178,128);
                  padding: 3px;
                  padding-left: 10px;
                  margin-top: 3px;
 }

.sidenav .topic a { 
                  font-family: verdana, sans-serif;
                  font-weight: bold;
                  font-size: 18px;
                  color: rgb(255,255,255);
                    text-decoration: none;
 }
.sidenav .topic a:hover { 
                  font-family: verdana, sans-serif;
                  font-weight: bold;
                  font-size: 18px;
                  color: rgb(255,255,255);
                          text-decoration: underline;
 }

h1 { 
     font-family: Times New Roman, sans-serif;
     font-size: 30px;
     border-bottom: 1px solid rgb(133,178,128);
     }
h2 { 
     font-family: Times New Roman, sans-serif;
     font-size: 20px;
     margin-bottom: 10px;
     
     }
.content p { 
             width: 500px;
 }