html { font-size: 100%; /* IE hack */ }
html>body {
font-size: 16px; /* IE can’t read this; helps Safari */
}
/* hacks for footer */
/* http://alistapart.com/articles/footers */
.container {
	position: absolute;
	float:left;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 100%;
	bottom: 100%;
	min-height: 100%;
	height:100%; 
	}
#outside {
	position:absolute;
	top: 0px;
	visibility: visible;
}
#inside {
	position:absolute;
	top: 0px;
	visibility: visible;
	float:left;
	width: 100%;
}	
html>body .container {
    height: auto;
	}
/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */
 /* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {}
.clearfix {display: block;}
/* End hide from IE-mac */

/* end footer hacs */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 67%; /* sets basic font size.  1 em = 10px */
	color: #18338D;
}
table {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
/* ------------ NSRCA specific  --------------*/
body {
	color:#316AC5;
	background-color:white;
	margin:2em;
	padding:0px;
	font:1em;
	}
	/* turquoise: #09c */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia;
	margin-top: 0px;
	}
h1 {
	margin:0px 0px 1em 0px;
	padding:0px;
	font-size:2em;
	color:#006699;
	}
h2 {
	font:bold 1.5em;
	margin:0px 0px .5em 0px;
	padding:0px;
	color: #006699;
	}
p {
	margin:0px 0px 1.6em 0px; /*spacing between paragraphs?*/ 
	padding:0px;
	font-size: 1em;
	color: #316AC5;
	}

a {
	color:#007CA6;
	font-family:arial, helvetica, sans-serif;
/*	font-weight:500; */
	text-decoration:none;
	}
a:link {color:#007CA6;}
a:visited {color:#007CA6;} /* no difference in visited & unvisited */
a:hover {background-color:#eee;}
  
#content {
	position:absolute;
	min-width:12em;
	margin:0px;
	background-color:white;
	padding:1em 0px 0px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #316AC5;
	left: 20%;
	top: 150px;
	width: 55%;
	float: left;
	height: 100%;
	visibility: visible;
	}

#navAlpha {
	position:absolute;
	top:140px;
	left:20px;
	border:none;
	background-color:#FFFFFF;
	padding:10px;
	z-index:1;
	width:128px;
	visibility: visible;
	}
/* I've heard the following called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#navAlpha {width:128px;}
		
#navBeta {
	position:absolute;
	width:17em;
	left: 80%;
	right:2em;
	border:none;
	background-color:#FFFFFF;
	padding:1em;
	z-index:1;
	float: right;
	visibility: visible;
	top: 170px;
	}
/* Again, "be nice to Opera 5". */
body>#navBeta {
	width:168px;
}
#banner {
	border: 1px solid #0000FF;
	width: 300px;
    }
.boxtext {
	border: 1px solid #0000FF;	
	text-align: center;
    }
.leftfloat {
	float: left;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 4em;
}
.rightfloat {
	float: right;
	padding: 2em;
	margin-right: 2em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.rightmost {
	float: right;
}

table.fine {
	border-spacing: 2px;
	border-collapse: collapse;
	background-color: white;
	border: 1px outset #D7F1F2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
table.fine th {
	padding: 1px 1px 1px 1px;
	background-color: white;

	-moz-border-radius: 0px 0px 0px 0px;
	border: 1px inset #D7F1F2;
}
table.fine td {
	padding: 1px 1px 1px 1px;
	background-color: white;

	-moz-border-radius: 0px 0px 0px 0px;
	border: 1px inset #D7F1F2;
	}
.fineprint {
	font-size: .7em;
}
#header {
	position: absolute;
	height: 140px;
	width: 100%;
	top: 0px;
	z-index: 1;
	background-image: url(/images/clearday.png);
	visibility: visible;
}
#footer {
	clear:both;
	width:90%;
	float:left;
/*
	position:absolute; Firefox does OK with this; IE doesn't 
	z-index: 1;
	bottom: 0px;
	*/
	}
body>#footer {
	width: 90%;
}
#test {
	clear:both;
	float:left;
	}
.slogan {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #2A00FF;
	position: absolute;
	top: 70px;
	right: 400px;
}
/*
clearfix DID work: with both browsers, it put the "footer" at the bottom of the viewport.
That's not what I intended it to do.  I want the footer just to come out at the end of the
longest column.  That's where the "faux columns" come in, I guess.
*/