/* Prevent any browser defaults. */
html {
	margin: 0; 
	padding: 0;}

/* Set default styles for page. */
body { 
	margin: 0; 
	padding: 0;  
	background: #fff url(images/bg_fade-blue.jpg) repeat-x; 
	color: black;
	font-family: Arial, sans-serif; 
	font-size: 100%; }

/* ---------------------------------- */
/* Div styles 
margin: 0 auto; 
text-align: left;*/

#pagebody {
	position: relative; 
	top: 0;
	width: 780px;
	margin: auto;
	padding: 0;
	background-color: #fff}

div#section-top { 
	background: #fff url(images/ico_shadow.png) repeat-x; 
	width: 100%;
	margin: 0;
	padding: 0;}

div.section {
	position: relative;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;}

div.main {
	width: 560px;
	margin: 0;
	padding: 0;
	background-color: #fff;}

div.photo {
	float: right;
	width: 180px;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background-color: #fff;}


/* ---------------------------------- */
/* Set font and link styles. */
h1 {	
	margin: 30px 20px 10px 40px;
	padding: 0px;
	color: #000;
	font-family: arial, sans-serif; 
	font-size: 130%;
	letter-spacing: 6px;
	border-bottom: #000 1px solid;}

h2 {
	margin: 20px 0 0 40px;
	padding: 0;
	color: #000;
	font-family: Arial, sans-serif; 
	font-size: 80%;}

h2.under {
	margin: 0 20px 0 40px;
	padding: 0;
	color: #000;
	font-family: Arial, sans-serif; 
	font-size: 100%;
	font-style: italic;
	text-align: right;}
h2.invisible {
	margin: 0 0 20px 40px;
	color: #fff;
	border-bottom: black 1px solid;}
h3 {	
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, sans-serif; 
	font-size: 100%;}
.center {
	margin: 0;
	padding: 0;
	text-align: center;}
.italic {
	font-style: italic;}
.bold	{
	font-weight: bold;}
.invisible {
	color: #fff; 
	font-size: 50%;}
.noborder {
	border: 0;}
p {
	margin: 0 0 20px 40px;
	padding: 0;
	font-size: 80%;
	text-align: justify;}
p.foto {
	margin: 0 20px 15px 0;
	padding: 0;
	font-size: 75%;
	text-align: center;}
p.source {
	margin: 0 0 0 40px;
	font-size: 75%;
	text-align: left;}
p.footer {
	margin: 10px 0 20px 40px;
	font-size: 75%;
	text-align: center;}
ul {
	margin: 0 0 20px 60px;
	font-size: 80%;}
table {
	margin: 20px 0 0 40px;
	padding: 0;}
tr {
	vertical-align: top;}
th { 
	font-family: arial;
	text-align: left; 
	font-size: 90%;}
td { 
	font-family: arial;
	font-size: 80%;}
td.new {
	background-color: #fff;}
img {
	border: 1px solid #000;}

/* -------------------------------------- */
/* Anchor rules. */

a:link {
	color: #7e2217;}

a:visited {
	color: #f87217;}

a:link img {
	border: 1px solid #blue;}

/* -------------------------------------- */
/* Rules for links menu. */

div#linksbar {
	margin: 0;
	padding: 0;}

div#linksbar p {
	margin: 0;
	padding: 3px 0 0 0;
	text-align: center;}

div#linksbar a { 
	border-left: black solid 1px;
	color: #000;
	padding: 3px 7px 3px 7px;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;}

div#linksbar a.current { 
	background: #000;
	color: #fff;}

div#linksbar a:hover { 
	background: #000;
	color: #fff;}

/*
Order: 	a:link		- order not
	a:visited	-       known
	a:hover		- after link/visited
	a:active	- after hover

Notes: 
- Make sure no returns or white space between links on .htm page - these cause extra vertical space between boxes which cannot be squashed out by negative margins.
*/