
.bodytext {	
	/*background-color: #FFFFFF; */
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14;
	color: #000000;	
		
	/*
	line-height: 2;
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em
	*/
	}

a.bodytext:link    { color: #000000; text-decoration: none; }
a.bodytext:visited { color: #000000; text-decoration: none;} 
a.bodytext:hover   { color: #FF0000; text-decoration: none;} 
a.bodytext:active  { color: #000000; text-decoration: none;} 
To set a particular area to different colors, you define that area using a CSS class, then use the contextual selectors in something like the following CSS declarations: 

.mymenuleft a:link    { color: #000099; text-decoration: none;} 
.mymenuleft a:hover   { color: #CCCCCC; text-decoration: none; } 
.mymenuleft a:visited   { color: #000099; text-decoration: none; } 


.mymenubottom a:visited { color: #FFFFFF; text-decoration: none;} 
.mymenubottom a:link  { color: #FFFFFF; text-decoration: none;} 
.mymenubottom a:hover { color: #FF0000; text-decoration: none;} 