BODY {
      background-color : #333333;
      font-family : Arial, Tahoma, Verdana, Hevetica, sans-serif;
      color : #cccccc;
      margin: 0px; 
      }
	  


.box1 {
	position : absolute;
	top: 0px;
	left: 0px;
	height: auto;
	width: auto;
}

.box2 {
	position : absolute;
	top: 190px;
	left: 250px;
	height: auto;
	width: auto;
}

.box3 {
	position : absolute;
	top: 225px;
	left: 0px;
	height: auto;
	width: auto;
}

.box4 {
	position : absolute;
	top: 270px;
	left: 0px;
	height: auto;
	width: auto;
}


.navbox1 {
	position : absolute;
	top: 170px;
	left: 1px;
	height: auto;
	width: 194px;
	border: thin solid #CCCCCC;
	
}

.tipbox {
	position : absolute;
	top: 123px;
	left: 124px;
	height: auto;
	width: auto;
}


.Youarehere {
	position : absolute;
	top: 85px;
	left: 650px;
	height: auto;
	width: auto;
	font:medium;
	font-style:italic;
	font-family:Arial, Tahoma, Verdana, Hevetica, sans-serif;
}


p {
	font-style:Tahoma, Arial, Helvetica;
	font-size:-1;
	color:#cccccc;
	}
strong{
	font-size : 13px;
	font-family : Arial, Tahoma, Verdana, Hevetica, sans-serif;
	}

.Uppercontainer {
	position:absolute;
	top:0px;
	left:0px;
	height:128px;
	width:800px;
	}

.Navigation {/*The navigation on the left side, positioned absolutely*/
    position: absolute;
    top: 130px;
    left: 3px;
    width: 120px;
    height: auto;
	font-family : Arial, Tahoma, Verdana, Hevetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
    }                  /*have the navigation elements better separated*/
	
.Content {
	position:absolute;
	top:275px;
	width:500px;
	left: 195px;
	height:auto;
	background: #333333;
	color: #cccccc;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	font-family : Arial, Tahoma, Verdana, Hevetica, sans-serif;
	border: 0.1px solid #333333;
	
   /*to insure that NN4.xx renders the background-color of the content area*/
    }
	
.Header {
	position: absolute;
	margin-top : 10px;
	margin-left : 160px;
	left: 2px;
	top: -2px;
	}

.box {/*this is a box where the bottom-navigation*/
		/*and the copyright will be placed*/
	background : #333333;
	color : #ffffff;
	font-family : Arial, Tahoma, Verdana, Hevetica, sans-serif;
	font-size : 12px;
	padding : 2px;
	margin: 1px;
	
	}

.navbox {/*button-like box for the left-side navigation*/
	font-size : 15px;/*readability for the links*/
	font-family : Arial, Tahoma, Verdana, Hevetica, sans-serif;
	background-color : #ffffff;
	border-color : #FF0000; /*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 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 bold*/
	color: #FF0000;
	font-weight: 600;
	background: #FFFFFF;}
	
a:link {/*normal links in the text*/
	color: #ffffff;
	text-decoration: none;
	font-size : 13px;
	font-family : Arial, Tahoma, Verdana, Hevetica, sans-serif;
	background: #333333;}
a:visited {
	color: #cccccc;
	text-decoration: none;
	font-size : 13px;
	font-family : Arial, Tahoma, Verdana, Hevetica, sans-serif;
	background: #333333
	}
a:hover {
	color: #CCCC66;
	text-decoration: underline;
	font-size : 13px;
	font-family : Arial, Tahoma, Verdana, Hevetica, sans-serif;
	background: #333333;
	}
/*now follow the section links in the navigationbar on the left side*/

a.nav:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	background: transparent;
	}
a.nav:visited {
	color: #ffffff;
	text-decoration : none;
	font-weight: 600;
	font-size: 16px;
	background: transparent; 
	}
a.nav:hover {
	color: #CCCC66;
	text-decoration: underline;
	font-weight: 600;
	font-size: 16px;
	background: transparent;
	}
a.navtot {/*the style for the actual page*/
	color: #CDCDCD;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	background: transparent;}