BODY {
	background-color:#FFFFFF;
    background-image:url(bes_images/Pattern1[2].gif);
    background-repeat:repeat-y; 
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #000088;
    margin: 0px; 
    }
	
.Navigation {/*The navigation on the left side, positioned absolutely*/
	position:absolute;
	top:200px;
	left:2px;
	width:135px;
	height:auto;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:110%;/*line-height set to 110% in order to*/
	/*have the navigation elements better separated*/
	}

.TextMain 	{/*this is the main content area*/
	background-image:/*declare a color together with a contrasting background color*/
	/*to insure readability*/
	color:#999966;
	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;/*to position the content area to the topright corner*/
	margin-left:4px;
	} 
	
.Header1 {
	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*/
	font-size:large;
	} 
		
.box {/*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: #000099;*/
   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;
   }
   
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: #FF0000; 
  font-weight: 600; 
  background: #FFFFFF;}
    
a:link {/*normal links in the text*/
  color: blue; 
  text-decoration : none; 
  background: #FFFFFF;}
a:visited {
  color: #FF0000; 
  text-decoration : none; 
  background: #FFFFFF;}
a:hover { 
  color: #999999; 
  text-decoration : underline; 
  background: #FFFFFF;}

/*now follow the section links in the navigation bar on the left side*/        
a.nav:link {
  color: #FFFFFF; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:14px; 
  background: transparent;}
a.nav:visited {
  color: #FF8C00; 
  text-decoration : none;
  font-weight: 600; 
  font-size:14px; 
  background: transparent;}
a.nav:hover { 
  color: #7FFFD4; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:14px; 
  background: transparent;}
a.navtot {/*the style for the actual page*/
  color: #CDCDCD; 
  text-decoration: none; 
  font-weight: 600; 
  font-size: 14px; 
  background: transparent;}
  
strong, b {font-weight: 800;}
/*NN 4.xx needs that...*/ 
big {font-size: larger;}
/*to emphasize words, use it inline with a <span> class*/ 
small {font-size: smaller;}
/*not really necessary, but one never knows...use it inline with a <span> class*/

li{list-style-type: square;
}