/* CSS Document */

table#body {width: 100%}

table#marriages {font: 85%;}

td#text {padding: 0em 0em;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 color: #660000;
		 font: 90%;}
		 
td#index {vertical-align: top;
		  width: 100px;
		  padding: 0em 0.4em;
		  font: 90% Arial;
		  color: #660000;}

div#image {float: top; 
		   border-bottom: 1px solid black;}
		   
td#content {color: #660000;
			font: 90%;}
			
div.rquote {float: right; width: 140px; color: #A09080;
   border: solid #660000; border-width: 4px 0;
   font: bold 1em Arial, Helvetica, Verdana, sans-serif;
   padding: 3px 2px; margin: 1px 7px;}
   
div.lquote {float: left; width: 140px; color: #A09080;
   border: solid #660000; border-width: 4px 0;
   font: bold 1em Arial, Helvetica, Verdana, sans-serif;
   padding: 2px 3px; margin: 7px 1px;}
   
div.rpic {float: right; width: 140px;
          padding: 3px 2px; margin: 1px 7px;}
		   
/* Index menu */

/* "index ul" styles turn an UL into a horizontal index bar */
#index ul {
font-size: 13px;
margin: 0; /* removes indent IE and Opera */
padding: 0; /* removes indent Mozilla and NN7 */
} 

#index ul li {list-style: none; /* turns off display of bullet */
}

/* Adds padding and link color */
#index a {
color: #660000;
}

/* Changes the background color when the link is hovered */
#index li a:hover {
background: #660000;
color: F8F8FF;
text-decoration: none;
}

#index li a:link {text-decoration: none}
#index li a:visited {text-decoration: none}
#index li a:active {text-decoration: none}