/*base.css*/
body, div  {
	font-family : Arial,  Verdana,  Geneva, Helvetica,  sans-serif;
	font-size:16px; line-height: 21px; 
	padding: 0; margin: 0; 
	}

p {
	padding: 0 25px;
	margin: 5px 0;
	}
p.note {font-size: 80%; }
#foot p.foot  {font-size:14px;  text-align: center;}

p.legend, p.legend_300, p.legend_400 { /* for "photo credit" notes*/
	clear:right;
	float:right;
	padding: 0 0 15px 0; 
	text-align: center; 
	font-size: 80%;
	width: 640px;
	}
p.legend_300 {width:300px;} /*TROUBLE! check index pages*/
p.legend_400 {width:400px;}

a:link, a:visited, a:active { text-decoration:none; }
a.u:link, a.i:visited, a.u:active { text-decoration:underline; } /*class u = underline it anyway */
a:active { text-decoration:underline; }
li { line-height: 22px;} 


h1, h2 { 
	font-family: 'Garamond', 'Times New Roman', Roman, serif;
	font-style:normal; 
	padding:0;
  	text-align: right;
	clear: both; 
	}
h1 { 
	font-size:40px; 
	line-height: 40px;
	margin: 20px 0;
	}
h2 {
	font-size:26px; 
	line-height: 26px;
	margin: 50px 0;
	}

h3 {
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	padding: 25px;
	}
xh3 span {font-size:18px;}
hr {
	float: right; 
	width: 40%;
	height: 8px;
	line-height: 8px;
	padding: 0 35px;
	border: 0;
	margin: 0;
	}

img {
	padding: 0;
	margin: 0 0 8px 20px;
	border: 0;
	float: right;
	}
	
#outer_wrapper { margin: 0 auto;}
div#main_wrapper { /*invisible div */
	min-height: 650px;/*why? this causes problens in index pages - but left for now & overridden there instead */
	margin: 0 auto;
	}
div.main, div.textbox, div.doty { 
	padding-bottom: 20px;
	}

div#header {
	width: 86%;
	margin: 50px auto 70px auto;
	padding: 0;
	border: 0;
	}
	
#navbar { 
	position: absolute; 
	top:60px; 
	width:50px; 
	padding: 0; 
	margin: 0;
	}
#navbar img {
	display: block;
	float: none;
	clear: both;
	margin: 7px auto;
	}	
div#list, div#sidebar {
	position: absolute;
	top: 240px; 
	}
div#list { 
	left: 0;
	padding: 0; 
	margin: 0;
	}
div#list ul, div#list ul a {  
	font-size:13px; 
	line-height: 19px; 
	} 
div#list ul  { 
	list-style-type: none;
	margin: 0 0 0 15px;
	padding: 0;
	}
li { list-style-type: none; }
/*
div#list ul li { list-style-type: none; }
div#list ul li { padding-left: 1em;}
div#list ul li.heading {  padding-left: 0;}
*/
li.heading { font-style: italic;}
div#sidebar {
	right: 0;
	margin: 0;
	text-align: center;
	}

/*start successful! test*/
div#topad {
	position: absolute;
	top: 195px;
	left: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	}
div#topad_inner {margin: 0 auto;}
/*div#topad_inner a:link, div#topad_inner a:visited { text-decoration:none;}*/
/*end test*/

table.spec, table.dotyspec { 
	width:80%; 
	line-height: 90% ; 
	margin: 20px auto; 
	}
table.spec td, table.spec th { text-align: left; padding:4px;}

/*table#footer is the old-style full-width nav table */
table#footer { width:98%;	border:0;margin:0 auto;}
table#footer th { 
	width: 20% ; 
	padding: 6px 0;
	font-size: 12px; line-height: 15px; 
	font-weight: bold; 
	}
#footer a	{ text-decoration: none; text-transform: lowercase; }
#footer a:hover	{color: red;text-decoration: underline;}

/*table#foot is the new, plain one */
table#foot { width:790px;	border:0;margin:0 auto;}
table#foot th { 
	width: 20% ;
	padding: 6px 0;
	font-size: 12px; line-height: 15px; 
	font-weight: normal;
	}
table#foot a	{ 
	text-decoration: underline; 
	text-transform: none; 
	}
table#foot a:hover {color: red;text-decoration: underline;} /*the red is universal*/
table#foot a#home:link, #footer a#home:visited, #footer a#home:active { font-weight: bold; color: white; }/*the white is also universal*/