body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#666666; text-align:center;
background-color:#dddddd;}

p {
margin:0.2em 0 1.2em 0; padding:0.3em;}

h1 {
padding:0; margin:0;font-size:225%; font-weight:normal;  
color:#637134; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h2 {
color:#637134; font-size:150%; font-weight:normal margin:0.2em; padding:0; 
 font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h3 {
background-color:#DDDDDD; color:#3B4471; font-size:100%; font-weight:normal margin:0.2em; padding:0; 
font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}


div {
margin:0; padding:0; display:block;}

a:link, a:visited {
color:#637134; text-decoration:underline;}
a:hover {
color:#3B4471; text-decoration:none;}
a:active {
color:#637134; text-decoration:underline;}



.container {
background-color:#FFFFFF; margin:30px auto 0 auto; padding:0; width:725px;}

.titleblock {
padding:2em; margin:0; text-align:left;
background-image:url(../graphics/mill-hp.jpg); background-repeat:no-repeat; background-position:right center; height: 100px;}

.titleblock p {
text-indent:4em; color:#3B4471;}



ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height:.75em; 
clear:both; margin:0; padding:0; background-color:#3E5660;}

ul.navbar li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; width:24.5%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#3E5660; color:#FFFFFF;}

a.nav:hover {
display:block; float:left; width:24.5%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#637134; color:#FFFFFF;}

a.nav:active {
display:block; float:left; width:24.5%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#3E5660; color:#FFFFFF;}



.rightcontainer {
float:right; clear:both; width:13em; margin:1em 0 0 0; padding:0;}

.rightbox {
margin: 2.25em 1.2em 0.5em 0em; padding:0.3em; border:1px solid #3E5660; text-align:left;}

.rightcontainer h2 {
text-align:left; padding:0 0 0 1.5em;}

.linkbox a {display:block;}


/* content-two-column is used when there is a left nav column */
.content-two-column { 
clear:left; text-align:left; margin:1.2em 13.5em 0 0; padding:1em 1ex 1em 1.5ex;}

.content-two-column h2 {text-indent:1em;}

.content-two-column h3 {text-indent:1em;}

.content-two-column p, ol, ul, table {padding:0 0 0 2ex;}  

/* content-one-column used when there is no left nav column */
.content-one-column { 
clear:left; text-align:left; margin:1.2em 1.2em 0 0; padding:1em 0 1em 1.5ex;}

.content-one-column h2 {text-indent:1em;}

.content-one-column h3 {text-indent:1em;}

.content-one-column p, ol, ul, table {padding:0 0 0 2ex;} 

.footer {
color:#3E5660; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #3E5660; text-align:left; clear:both;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {margin:0;}


table.data {
	width: 90%;
	border-top:1px solid #ccc;      
	border-right:1px solid #ccc;      
}

table.data td, th {
	padding: 2px;
	vertical-align:top;
	text-align:left;
	border-bottom:1px solid #ccc;      
	border-left:1px solid #ccc;      
}

table.data #cemetery-results {
	font-size:80%;
}

table.data td#relationship {
	width:25px;
}

#school-photo-left {
float:left; clear:both; margin:1em 0 0 0; padding:0;}
#school-photo-right {
float:right; margin:1em 0 0 0; padding:0;}