body {
 font-family: "Lato", sans-serif;
 transition: background-color .5s;
 }
 
 #coolmenu{
border: transparent;
width: auto;
background-color: #FFFFFA;
margin-left: 20px;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: none;
}

html>body #coolmenu a{
width: auto;
}

#coolmenu a:hover{
background-color: black;
color: white;
}

#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
background-color: #ffffaa;
color: #254117;
}

.time {
  text-align:center;
  font-family:arial,helvetica,sans-serif;
  font-weight:bold;
  font-size:16px;
  color:#000200;
 }
 
 .alert {
   background-color:#FFFFE0;
   font-size:16pt;
   color: #444444;;
   font-family: arial;
   text-align: center;
   margin-left: 5px;
  }
  
   .quote {
   width: 100%;
   font-size:25pt;
   padding-left: 10px;
   padding-right: 10px;
   font-family: tahoma;
   font-style: oblique;
   color:#006400;
   background:khaki;
   margin-left: auto;
   margin-right:auto;
   }
 
 .quote1 {
   width: 100%;
   font-size:25pt;
   padding-left: 10px;
   padding-right: 10px;
   font-family: tahoma;
   color:#006400;
   background:khaki;
   text-align:center;
   }
 
 .quote2 {
   text-align:center;
   font-family:tahoma,helvetica,sans-serif;
   font-weight:900;
   font-size:30px;
   color:#201020;
   background:#F3E5AB;
   }
  
  .quote3 {
   text-align:center;
   font-family:tahoma,helvetica,sans-serif;
   font-weight:900;
   font-size:30px;
   color:#201020;
   background:#F3E5AB; 
    }
   
   .tquote {
     text-align:center;
     font-family:arial,helvetica,sans-serif;
     font-weight:500;
     font-size:16px;
     color:#254117;
     }
   
   
.div1 {
 border: #FFFFE0 8px solid;
 }

.div2 {
 border: #C3FDB8 8px solid;
 }

.quotes {
  text-align:center;
  font-family:arial,helvetica;
  font-size:16px;
  font-weight:600;
  color:#204020;
  }
 

  
  #more {
 display: none;
 } 
  
  .paragraph {
    font-size:18px;
    color:#100000;
    font-family:arial,helvetica;
    background:#ffffff;
    margin-left: 20px;
   }
   
 .extract {
   text-align: left;
   font-family: times;
   font-size: 12px;
   color: #993333;
   }
 
 .extract2 {
   text-align: left;
   font-family: times;
   font-size: 12px;
   color:#443333;
   }
   
  
  .randquotes {
    text-align:center;
    font-family:arial;
    font-size:18px;
    background:#ffffff;
    color:#444444;
  }  
  
  .content {
     border:5px solid#fafad2;
    }
    
  .content1 {
    text-align:center;
    font-size:16pt;
    color:#202020;
    font-family:helvetica,sans-serif;
    background:#FFFFF0;
    }
    
  .content2 {
    text-align:left;
    font-family:arial,helvetica,verdana;
    font-weight:500;
    font-size:18px;
    color:#202020;
    margin-left:10px;
    }
    
    .insert {
      text-align:left;
      font-family:arial,helvetica,sans-serif;
      font-weight:600;
      font-size:17px;
      color:blue;
      }
    .extracted3 {
      text-align:right;
      font-family:tahoma,sans-serif;
      font-size:12px;
      color:#223344;
      }  
      
     table, th, td {
       border: 1px solid #ffffea;
     }

     table {
       width: 100%;
     } 
      
     th {
       height: 40px;
     }
     
     td {
        text-align: left;
     }
    
    table1, th, td {
       border: 1px solid #ffffea;
       font-family:arial;
       font-size:20px;
       color:#010101;
     }

     table1 {
       width: 100%;
     } 
      
     th {
       height: 30px;
       color:#800080;
     }
     
     td {
        text-align: left;
        border: 1px solid #888888;
     } 
     h4 {
      font-size: 1em; 
      color: #222222;
      text-align: left;
      margin-left: 20px;
     }
     
     hr { 
      display: block;
      margin-left: auto;
      margin-right: auto;
      border-style: inset;
      border-width: 3px;
     }