A:link  {	line-height: 1.7em; color: #669933;	text-decoration: none; font-weight:700 ;}
A:visited  {line-height: 1.7em; color: #669933;	text-decoration: none;}
A:active  {	line-height: 1.7em; color: #666666;	text-decoration: none;}
A:hover  {	line-height: 1.7em; color: #003300;	text-decoration: none;} 

.centerpage {
width: 90%;
margin: 0 auto;
background-color: #ffffff;
}
border: 1px solid #cccccc;

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	text-align: left;
	text-decoration: none;
}

.header {
padding: 1em .5em 0 .5em;
align: center;
}



.mainbox {
margin: 0 15em 0 17em;
padding-top: 1em;
background-color: #ffffff;    
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000; 
line-height: 1.4em;
}

.leftbox {      
/* No side padding or borders to avoid IE5 box model problem */
position: absolute;
left: 5%;
padding-top: 1.4em;
padding-left:1em;
width: 16em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align: left;
}

.rightbox {
position: absolute;
right: 5%;
width: 10em;
padding-top: 2em;
padding-right:.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align: center;
}

.imageright {
float: right;
clear: right;
margin: 1em 5% .5em 1em;
}

.imageleft {
float: left;
clear: left;
margin: 1em 1em .5em 5%;
}

.center {
align: center;
}

/*** Getting consistent text sizes across browsers (IE5) ***/
body { font-size: 82%;}
/* Resets 1em to 12px - more or less. The more accurate value of 80% can cause a small gap at the bottom of the mainbox (due to rounding errors?)*/

h1 { font-size: 187.5%; font-weight: 700; }
h2 {font-size: 150%;	font-weight: 700;	width: 300px;}
h3 { font-size: 125%; font-weight: 700; }
h4 { font-size: 100%; font-weight: 700; }
h5 { font-size: 87.5%; font-weight: 700; }
h6 { font-size: 80%; font-weight: 700; }
/* Headers sized taking body font-size into account to give equivalent to 150%, 120%, 100%, 80%, 70%, 64%. */