html, body, #redframe {
	height:100%;
	color:black; 
	background-color:white;
	font-family:verdana,sans-serif; 
	font-size: 12px;
	margin: 0; 
	border:0;
	padding:0;
}

#redframe {          /* The 'redframe' id and related css is not needed in long pages - just short ones that need to be stretched */
	margin:0;
	padding:0;
	width:100%;
}

#redframe td {
	margin:0;
	border:0;
	padding:0;
	vertical-align:top;
}

div.header {
	width: 100%;
	margin: 0;
	padding: 0;
} 

img {
	border: 0;
}
img.right {
	float:right;
	margin:0;
}
img.left {
	float:left;
	margin:0;
}

#searchform {
	color: black;
	background-color: white;
	margin-top: 10px;
	margin-right: 2em;
	margin-left: 2em;
	border: 0;
	padding: 0;
}
#searchform td.alignright {
	padding-right:5px;
}

#frameprev {
	margin: 2em 10em;
}
#frameprev table.preview td {
	padding-right: .8em;
	vertical-align: top;
}
#frameprev table.preview td.alignright {
	width: 10em;
}
div.content {
	margin: 0 40px;
}

div.adcopy {
	margin: 0 10%;
}

table.boxes {
/*	border:2px solid red; */
	border:0;
	margin-top:10px;
	margin-bottom: 10px;
	width:98%;
}
table.boxes td.box {
/*	border:2px solid black;  In Firefox the boxes inside This box expand to 100% height even when this one is set to '%'. However, IE and Opera do not.  For them, this box needs to be set to a pixel (fixed) height to get the boxes inside it to expand to that same height.  So I use a javascript to change the pixel height when the screen width is 800 or smaller. For higher pixel densities 280px should be enough to keep them the same height (??).  The javascript is loaded into the index page.   */
	border:0;
	width:33%;
	padding:0;
	border:0;
	height:280px;

}
table.bdrtbl {
/*	border:2px solid green; */
	border:0;
	padding:0;
	margin:0;
	height:100%;
}
table.bdrtbl td {
	border:0;
	padding:0;
	margin:0;
}
table.acar {
	margin-bottom:2em;
	width:100%;
}
table.acar td.acarleft {
	width:10em;
	text-align:right;
	vertical-align:top;
}

td.imgbox {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
td.imgboxc {
	width:100%;
}

a {
	font-weight: bold;
}

td.nowrap {
	text-align:right;
	white-space: nowrap;
}
td.nowrapleft {
	text-align:left;
	white-space: nowrap;
}

#menu {
	border: 2px solid #A8000B;
	margin: 3em 2em 1em 2em;
	text-align:center;
	padding: 6px;
}
a.ro {
	color: blue;
	background-color: white;
	font-weight: bold;
	margin-left: 0;
	margin-right: 0;
	padding: 4px 21px 4px 21px;
	border: 2px solid white;
	text-decoration: none;
}

div.footer {
	vertical-align:bottom;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
	margin-top: 12px;
	padding: 8px;
	border-top: 3px; 
	border-right: 0; 
	border-bottom: 0; 
	border-left: 0; 
	border-color: #2E6BBC; 
	border-style: solid; 
}
div.footer a {
	font-weight: normal;
	font-family: verdana, sans-serif;
}

div.footer p.pl a {
	font-weight: normal;
	font-family: verdana, sans-serif;
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
}

h1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.3em; 
	color: #A8000B; 
	background-color:white;
	font-weight: bold; 
	text-align: center;
	padding: 0;
	margin: 0;
}

h2 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.2em; 
	color: #2E6BBC; 
	background-color:white;
	font-weight: bold; 
	text-align: center;
	margin-top: 5px;
}

h3 {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	color: #2E6BBC;
	background-color:white;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

h4 {
	font-family: "Comic Sans MS", Arial, sans-serif;
	color: black;
	background-color:white;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	margin: 5px;
}

span.red {
	color: red;
	background-color:white;
}	
span.redbold {
	color: red;
	background-color:white;
	font-weight: bold;
}	

span.blue {
	font-weight: bold;
	color: #0000FF;
	background-color:white;
}

span.picture {
	font-family: Arial, sans-serif;
	color:green;
	background-color:white;
}
.centerimage {
	text-align: center;
 }

table.srchresults {
	margin-right:auto;
	margin-left:auto;
}
table.srchresults td {
	border: 0;
	padding: 2px 20px;
	text-align:left;
}
tr.srchtoprow {
	font-weight: bold;
}
table.idxpg td {
	border:0;
	margin:0;
	text-align:center;
	padding:4px;
}

table.idxpg td.tdright {text-align:right;}
table.idxpg td.tdleft {text-align:left;}

.center {
	text-align:center;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
.alpha {
	list-style-type: lower-alpha;
}
.roman {
	list-style-type: upper-roman;
}

div.rssfeeds {
	text-align:center;
	color: #000000;
	background-color: #ffffff;
}
div.rssfeeds a {
	margin:10px;
}