/* 
  common formatting elements for all pages
*/

/*
 * use this to over-ride defaults 
 <style type="text/css" media=screen>
<!--
  body  { background: #aaaacc; color: black }
-->
</style>

 */
body { background-color: white; color : black }

/* 
dt.idx : { padding-top: 2% }
*/

/*
h1, h2 { text-align : center }
*/
h1 { text-align : center }
.hdr { text-align:center;
       font-size: 125%; color: black ;  text-decoration: underline; 
       font-variant: small-caps; 
       font-weight: bold} 
td {vertical-align : top }
.news { color : red }
.caption { font-size : smaller; color : white; background : black }
.natural {color: green}
A:link  { color: blue}
A:active  { color: blue; font-size: 125% }
A:visited { color: red }

.menu1 {
	text-align: center;
	align: center;
}

/* ================== */
.skip { display: none;
	}
.hide { display: none;
	}	
p.clr { clear: both }
/*
 * the 'bio' css has a td element that compounds this 
  table.footer {width: 100%; border: thin dashed; }
 */
 
hr.sep { clear: both; width: 75%; text-align: center; }

/* 
 * class only works with 'div', not with 'td'
 * background doesn't work 
 *
td .footer { width: 30% }
.footer td { width: 30% ;background-color : green; border: dashed #F0F0F0; }
img.footer { border: none}



	margin-top: 4px;  
	width: 100%; 
	border: thin solid black !important;   
*/

table.footer {
	margin-top: 10px;  
	margin-left: 5%;
	margin-bottom: 10px;
	
	width: 90%; 
	border-left, border-right: none;
	
	/* 
	border-top: thin solid black;  
	*/
	border-top: 2px solid black;
	border-bottom: 2px solid black;  
	
}
.footer img{ border: none}
.footer td { width: 30% ;
	border: none; 
	padding-left: 10px;
	padding-right: 10px;
	padding: 10px 20px 10px 20px ;
 }

.fx { width: 50% ; background-color : red;  align: right; text-align: right;}
.f { text-align: right;}
.f2 {  width: 20%;}
.f3 {  width: 10% ; text-align: right;background-color : green; }


.qsource { text-indent: 20px }