body
{
	background-color: #FFFFFF;
	color: #000;
}
#bottomColorMask
{
	background-color: #FFFFFF;
}
#leftColumnMask
{
	background-color: #6699CC;
}
#contentColumnMask
{
	background-color: #fff;

}
#masthead
{
	background-color: #fff;
	color: #fff;
}
#footer
{
	background-color: #003366;
	color: #fff;
}
.vnav ul li a
{
	color: #336;
	background-color: #CCFFFF;
}
.vnav ul li a:hover
{
	background-color: #003366;
	color: #fff;
}
.hnav, .hnav ul li a
{
	background-color: #003366;
	color: #336;
}
.hnav ul li a:hover
{
	background-color: #CCFFFF;
	color: #fff;
}



#masthead
{
	border-top: solid 2em #FFFFFF;
}
#footer
{
	border-bottom: solid 2em #FFFFFF;
}
#innerMasthead, #footerBorder
{
	
	color: black;
}
#pageFrameMask
{

}
#leftColumnMask
{
	border-right: solid 1px #000;
}
.hnav
{
	border: solid 1px #000;
	margin-top: -1px;
}




/*	this familiar hack is used because IE 4/5 have a larger
	font size for the keyword 'small' than IE6/Moz/Opera. So
	we want IE 4/5 to use x-small, and IE6/Moz/Opera to use
	small. Thus we use this hack. */
body
{
	font-family: arial, helvetica, sans-serif;
	font-size : x-small;
	font-color: black;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
}

#innerFooter
{
	text-align: center;
}