body{font: 13px "Verdana"; color:#000000; background: #D5EAE9; }

 body{padding: 30px 40px 40px; background: #e0f4ea; }

    p{margin: 10px 0; text-align: justify;}

 h1,h2,h3,h4,.top,hr{color: rgb(1,103,116);}
 hr{color: rgb(61,110,20);}

 h1{font: bold 180% Arial;}
 h2{font: bold 150% Arial;}
 h3{font: bold 120% Arial;}
 h4{font: bold 110% Arial; margin-top: 10px; margin-bottom: 5px;}

 .top{font: bold 16px Arial; }

 hr{margin-top: 25px;}

 .detail{font: 11px Verdana; background:#F8F9F7;
         margin: 20px 0; padding: 5px 15px;}

 .detail0{font: 11px Verdana; background:#F8F9F7;
         border: 1px solid #336; margin: 20px 0; padding: 5px 15px;}

 .detail1{font: 11px Verdana; background:#D5EAE9;
         border: 1px solid #336; margin: 20px 0; padding: 5px 15px;}


 p.detail{margin: 7px 0;}


 .new0{background: #a7f777; font-style:oblique;}
 .new{color: #3d6e14; font-style:oblique;}

 .grey{color: #aaaaaa;}
 .maybe{background: #dddd00;}
 .old{background: #ee4400;}
 
 #details{font: 11px; background: #FFCFCF;}

 #guidance{background: #FFFDDA;}

 .critical{font: bold; background: #FF0000; padding: 20px;}

 .takenote{padding: 5px 20px; border: 1px solid #336;
           font: 14px "Verdana"; color: red; background: #f7ffff;}

.takenote2{padding: 10px; border: 1px solid #336;
           text-align: center; font: 15px "Verdana"; color: red; background: #f7ffff;}

 ul{margin-top: 10px;}
 
 a:link{color: maroon;}
 a:visited{color: maroon;}
 a:hover{color: red;}