BODY {
      background-color : #333333;
      font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	  font-size : 13px;
      color : #cccccc;
      margin: 0px; 
      }
	  
.Logobox1 {
	position : absolute;
	top: 5px;
	left: 5px;
	height: auto;
	width:auto
	} 
.Logobox {
	position : absolute;
	top: 0px;
	left: 0px;
	height: auto;
	width: auto;
}
.news {
	position : relative;
	top: 68px;
	left: 370px;
	height: 100px;
	width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
.box1 {
	position : absolute;
	top: 0px;
	left: 0px;
	height: auto;
	width: auto;
}

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

.golbanner {
	position : absolute;
	top: 220px;
	left: 235px;
	height: 60px;
	width: auto;
}

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

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

.navbox1 {
	position : absolute;
	top: 160px;
	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, Helvetica, 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 : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
    }                  /*have the navigation elements better separated*/
	
.Content {
	position:absolute;
	top:650px;
	width:770px;
	height:auto;
	background: #333333;
	color: #cccccc;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size : 13px;
	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;}

a.newsLink:link { color: white;
		  text-decoration: none;
		  font-weight: 600;
		  font-size: 18px;
		  background: transparent;
                  }
a.newsLink:visited { color: white;
                  text-decoration: none;
                  font-weight: 600;
                  font-size: 18px; 
		  background: transparent;
      		  }
a.newsLink:hover { color: white;
                  text-decoration: none;
                  font-weight: 600;
                  font-size: 18px;
		  background: transparent;
	  	  }