/***************************************
 * Miller Sentinel style sheet         *
 * for SCREEN viewing                  * 
 ***************************************/

body 
{
	background: white url(../images/alsace-1882-900x750.jpg);
	color: teal;
	font-family: sans-serif;
	font-size: medium;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

a:link
{	
	text-decoration: underline;
	color: teal;
}

a:visited
{	
	text-decoration: underline;
	color: teal;
}

a:hover
{	
	text-decoration: underline;
	color: gray;
}

a:active
{
	color: black;
}

/* special look for download "buttons" */
a.download
{
	border: 1px solid black;
	text-decoration: none;
	background-color: #fde2b8;
	display: inline;
}

/* show large/small photo selector on screen */

p.sizer
{
	display: inline;
}

/*********************/
/* Photo Directory   */
/*********************/

.photo-directory table
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

/*****************/
/* Picture pages */
/*****************/

/* printing control - different font size & family for screen */

/* small pics pages */

.pics-page table
{
	padding-top: 35px;
	padding-bottom: 35px;
	margin-left: auto;
	margin-right: auto;
}

.single-photo td
{
	width: 400px;
}

/* large pics pages */

div.large-pics img
{
	padding-top: 50px;
}

/**********************/
/* Contact Us page    */
/**********************/

.contact-page table
{
	margin-left: auto;
	margin-right: auto;
	border: 1px solid teal;
	background-color: white;
}

.contact-page table td
{
	padding: 20px;
	text-align: left;
}

/****************************/
/* Family Directory Page    */
/****************************/

.family-directory table
{
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

.family-directory table td
{
	text-align: left;
}


/******************************/
/* Home and Print pages       */
/******************************/

.home-page, .print-page 
{
	width: 550px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

}

.home-page p, .print-page p
{

	line-height: 120%;
}

.home-page h3, .print-page h3
{
	text-align: center;
}

.home-page td
{
border: 1px solid black;
padding-left: 1em;
padding-right: 1em;


}

.home-page table
{

border-spacing: 1em;
}

/**********************/
/* Feedback Page      */
/**********************/

.feedback-page table
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.feedback-page td.label, .feedback-page td.box 
{
	text-align: right; 
	width: 100px;
}

.feedback-page td.box
{
	text-align: left; 
	width: 300px;
}
.feedback-page td.choice-label

{
	text-align: left; 
	width: 30px;
}

.feedback-page td.description

{
	text-align: left; 
	width: 400px
}

/**********************/
/* Thank you Page     */
/**********************/

div.thanks-page, div.thanks-page table
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	padding-bottom: 100px;
}

div.thanks-page h3
{
	font-weight: bolder;
	font-style: italic;
	font-size: xx-large;
}

/*******************/
/* Site map page   */
/*******************/

.site-page table
{
	margin-left: auto;
	margin-right: auto;
}

.site-page td
{
	vertical-align: top;

	padding-left: 20px;
	padding-right: 20px;

}

/*******************/
/* Footer          */
/*******************/

/* print control - show footer on screen */

#footer
{
	display: block;
}

#footer p
{
	font-size: x-small;
}

/*******************/
/* Banner          */
/*******************/

/* print control - show banner on screen */

div#banner table
{
	border: 2px solid teal ;
	line-height: 60%;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/* print control - show banner on screen */

div#banner img
{
	border: 0px inset black;
	display: inline;
}

div#banner h1
{
	font-size: 28px; 
}

div#banner h2
{
	font-size: 18px; 
}

#bannera
{
	width: 172px;
	color: black;
	border: 1px solid teal;
	background-color: #e0cb9e;
}

#bannerb
{	

	width: 500px;
	background-color: #e2cda0;
	padding-left: 20px;
	border: 1px solid teal;
	text-align: left;

}

/*******************/
/* Tree Page       */
/*******************/

table.outline-gen1
{
	background-color: #fffab2;
	color: teal;
	border: 1px solid teal;
	margin-left: auto;
	margin-right: auto;

}

table.outline-gen2
{
	background-color: #fffbc6;
	color: teal; 
	border: 1px solid teal;
}

table.outline-gen3
{
	background-color: #fffdda;
	color: teal; 
	border: 1px solid teal;
}

/***********************/
/* Family Group Sheet  */
/***********************/

table.fgs-gen1
{
	background-color: #fffbc6;
	color: teal;
	border: 1px solid teal;
	width: 600px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

table.fgs-gen2
{
	background-color: #fffdda;
	color: teal;
	border: 1px solid teal;
	width: 100%;
	padding: 10px;
}

td.fgs-parent1
{
	width: 30%;
	text-align: right;
	padding: 5px;
	border: 0px solid teal;
}

td.fgs-parentpic
{
	width: 10%;
	text-align: center;
	border: 0px solid teal;
}
td.fgs-parent2
{
	width: 30%;
	text-align: left;
	padding: 5px;
	border: 0px solid teal;
}

td.fgs-child
{
	width: 40%
}

td.fgs-childpic
{
	width: 20%;
	padding: 15px;
}

td.fgs-childinfo
{
	width: 40%
}