BODY {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  background-repeat: no-repeat; 
  background-position: center;
  background-attachment: fixed;
  background-color: #fff0f0;
  color : #hexcolor;
  margin: 0px;
  
/*
scrollbar-face-color: #990000; 
scrollbar-shadow-color: #999999; 
scrollbar-highlight-color: red; 
scrollbar-3dlight-color: #991515;
scrollbar-darkshadow-color: yellow; 
scrollbar-track-color: green; 
scrollbar-arrow-color: red; 	
*/

scrollbar-face-color:#000000;
scrollbar-arrow-color:white;
scrollbar-track-color:#707070;
scrollbar-shadow-color: 088879;
scrollbar-highlight-color: 141315;
scrollbar-3dlight-color: 676554;
scrollbar-darkshadow-color: 765788;

}



.Navigation {/*The navigation on the left side, positioned absolutely*/
    position: absolute;
    top: 100px;
    left: 3px;
    width: 135px;
    height: auto;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
 }                  /*have the navigation elements better separated*/
 
.Content {/*this is the main content area*/
    background: #FFFFFF;
    /*declare a color together with a contrasting background color*/
    color: #000088;/*to insure readability*/
    margin-left: 160px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    width: auto;
    border: 0.1px solid #FFFFFF;
   /*to insure that NN4.xx renders the background-color of the content area*/
 } 

.Header {
    margin-top: 10px; 
    margin-left: 160px;
}
.box3 {/*this is a box */
   color : #221000;
   font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   padding : 2px;
   margin: 2px;
   border-color : #400000;
   border-style : groove;
   border-width : 5px;/* the border property in longhand*/
 }
 
 .box2 {/*this is a box */
   color : #000099;
   font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   padding : 2px;
   margin: 2px;
   border-color : #FF0000;
   border-style : groove;
   border-width : 2px;/* the border property in longhand*/
  }
 
 .box1 {/*this is a box */
    color : #000f99;
    font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    padding : 2px;
    margin: 2px;
    border-color : #FF00f0;
    border-style : groove;
    border-width : 2px;/* the border property in longhand*/
   }
  
.box0 {/*this is a box where the bottom-navigation*/
      /* and the copyright will be placed*/
  /*background: #FFFFFF;*/
  color : #000099;
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  padding : 2px;
  margin: 2px;
  border-color : #48D1CC;
  border-style : groove;
  border-width : 2px;/* the border property in longhand*/
} 

.navbox {/*button-like box for the left-side navigation*/
   font-size: 15px;/*readability for the links*/
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
   background-color: #ffffff;
   border-color: #FF6633;/*or, in shorthand, the three*/
   border-style: groove; /*border-properties would read:*/
   border-width: 2px;/*border: 2px groove #FF6633;*/
   padding: 1px;
   margin: 2px;
 }
 
 /**
A:link {
  color: #100015;
  text-decoration: none;
  }/*normal links in the text*/
A:visited {
  color: #0000FF;
  text-decoration: none;
  }
A:hover { /*this effect is not shown in NN4.xx*/
  color: #999999;
  text-decoration: none;
  }
A:active {/*colour in NN4.xx is red*/
  color: #100015;
  text-decoration: none;
  }
**/
  
P, OL, UL, DL {font-size: 13px;}
/*font-family is already defined, here I only set the font-size*/
P OL, P UL, P DL, OL UL {font-size: 13px;}
/*and here the I prevent the incredible shrinking text*/
       
.six {font-size: 11px;
  color: #999999; /*this is for small text*/
  background: transparent;}
.mit {text-align: justify;}/*justified text*/
.red {color : #FF0000; background: #FFFFFF;}
.mint {color: #009999; background: #FFFFFF;}
.ROT {font-size: 16px; /*also red, but bigger and in bold*/
  color: #990000;
  font-weight: 600;
  background: #FFFFFF;}

FORM {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #590311;
width: 400px;
} 
INPUT, TEXTAREA {
font-family: Georgia, "MS Serif", "New York", serif;
font-size: 14px;
font-weight: 600;
color: #400030;
background-color: #efdfdf;
/*border: inset 1px #dfbfaf;*/
} 

SELECT, OPTION {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 600;
color: #150000;//202089;
background-color: #fff4f5;//efefbf;
}