/* firefox extend mainCol width so don't get gap on right hand side of images in
pages other than index page */
body {background-color: #002244;
	COLOR: #002244;
	font-family:Arial}


table {	background-color: #FFFFFF;
	width: 800px;
	border-collapse: collapse;
	border: none
}

tr {padding: 0;
	margin: 0;

}
tr.titleRow {background-image:url('img/title11.jpg');
	background-color: #003366;
	height: 120;
	width: 800;
	}
tr.spaceRow {background-color: #003366;
	background-image:url('img/bgTemplateGrey.gif');
	height:30

}

tr.bottomRow {background-color: #002244;

}

td{
	padding: 0;
	margin: 0
  }

td.menuCol {background-color: #003366;

	width: 136px;
	height: 30px;
	/*padding: 2px 2px 2px 12px */
	}
td.menuBottom {background-color: #003366;
	height: 210px;
	}
td.mainCol {width: 430px;
	padding: 20px 10px 0px 10px}

td.indexMainCol {width: 430px;
	padding: 0px 10px 0px 10px}

td.rightCol {width: 200px;
	padding: 0px 0px 10px 0px;
	background-color: #bbbbbb;
	margin: 5px

}

h2 {text-align: center;}
img.slide {border: 5 solid black;}
<!-- gets rid of space around an image in IE -->
img {vertical-align:bottom;
	border: 0}

img.r {border-style: solid;
	border-width: 3px 1px 3px 3px;
    border-color: black	}
img.m {border-style: solid;
	border-width: 3px 1px 3px 1px;
    border-color: black	}
img.l {border-style: solid;
	border-width: 3px 3px 3px 1px;
    border-color: black	}

/* means text more than one line then second line will be below first line rather
than below the image */
img.link {float: left}

.menuContainer {
width: 200px; /* width of outside box (max width for link in all browsers) */
height: 30px; /* height of outside box (max height for link in all browsers) */
/*border: 2px solid #000000;  /* set if desired */
background-image:url('img/button2.gif');
background-repeat: no-repeat;
/* padding: 5px 0px 0px 12px; */
}
.linkContainer {
/* width: 150px; /* width of outside box (max width for link in all browsers) */
height: 80px; /* height of outside box (max height for link in all browsers) */
/*border: 2px solid #000000;  /* set if desired */
/*background-image:url('img/button2.gif'); */
background-repeat: no-repeat;
/* padding: 5px 0px 0px 12px; */


}
.linkContainerLong {
/* width: 150px; /* width of outside box (max width for link in all browsers) */
height: 102px; /* height of outside box (max height for link in all browsers) */
/* border: 2px solid #000000;  /* set if desired */
/*background-image:url('img/button2.gif'); */
background-repeat: no-repeat;
/* padding: 5px 0px 0px 12px; */


}

a.menuItem {
width: 188px; /* the width of the box less twice the width of any border */
height: 25px; /* the height of the box less twice the width of any border */
padding: 0px; /* as required */
display: block; /* yes, you need this - use float on .anchors if you need to line boxes up side by side */
padding: 5px 0px 0px 12px;
}

a.ad { color: #ddeeff;}

.activeMenuItem	{
display: block; /* yes, you need this - use float on .anchors if you need to line boxes up side by side */
padding: 5px 0px 0px 12px;
color: #ddeeff;
}

.dateSpace {
 	/* float: right; */
	text-align: right;
	padding: 2px 15px 0px 0px;
}

.cybersurfer {
    text-align: right;
    color: #ddeeff; }

#fade_base { padding: 10px 0px 10px 10px; /* margin: 5px */
	COLOR: #000044;
	height: 95px;
}

#buttons { padding: 0px 0px 5px 0px; /* margin: 5px */
	COLOR: #000044;
}

#news { padding: 10px 10px 0px 10px; /* margin: 5px */
 	COLOR: #000044;
}

#postalAddress { margin:20px}

#name {font-weight: bold}

a:link { color: #000044; border:none;text-decoration: none}
/* a:active { color: #00ff00; border:none;text-decoration: none } not needed as no active links */
a:visited { color: #000044; border: none;text-decoration: none}
a:hover { color: #99ccff; border:none ;text-decoration: none}

a.main { color: #0000ff; border:none;text-decoration: underline

}

a.main:hover { color: #ff00ff; border:none;text-decoration: underline}

a.ad:link{ color: #888888; border:none;text-decoration: none}
a.ad:visited{ color: #888888; border:none;text-decoration: none}