body {background-color: #ddd; background-image: URL(LochNess_th.jpg); background-repeat: repeat-y;}


#textlinks   {color: #006;}
width: 80%;}
A:link{color: #0000ff; text-decoration: none}
A: visited{color:  #990033}
A: hover{color: #339933}
A: active{color: #ff0000} 

.bottomlinks{width: 80%; text-align: center;
margin-left: auto; margin-right: auto;} 

A:link{color: #0000ff; text-decoration: none}
A: visited{color:  #990033}
A: hover{color: #339933}
A: active{color: #ff0000} 

#banner{width: 90%; text-align: center;
margin-left: auto; margin-right: auto;}

.lower{width: 25%; text-align: center;
margin-left: auto; margin-right: auto;}

#HEADER
{color: #ffff00; background: #b22222;
border-width: 2px; border-COLOR: #999; #999; #888; #888;
border-style: solid;
padding: 10px;

}

.bottom
#banner{width: 25%; text-align: center;
margin-left: auto; margin-right: auto;}



#navcontainer 
{ 
background: transparent; 
width: 100%; 
 
padding: 1em 0; 
font-family: georgia, serif; 
font-size: 13px; 
font-weight: bold; 
text-align: left; 
 
} 
 
ul#navlist 
{ 
text-align: center; 
list-style: none; 
padding: 0; 
margin: 0 auto; 
width: 70%; 
} 
 
ul#navlist li 
{ 
display: block; 
margin: 0; 
padding: 0;
} 
 
ul#navlist li a 
{ 
display: block; 
width: 100%; 
padding-top: 0.5em; padding-bottom: 0.5em; 
border-width: 2px; 
border-color: #999; #999; #888; #888; 
border-style: solid; 
color: #ffff00; 
text-decoration: bold; 
background: #b22222; 
} 
 
#navcontainer>ul#navlist li a { width: auto; } 
 
ul#navlist li#active a 
{ 
background: #b22222; 
color: #ffff00; 
} 
 
ul#navlist li a:hover, ul#navlist li#active a:hover 
{ 
color: #ffff00; 
background: #990000; 
border-color: #888; #888; #999; #999; 
}