/* CSS Document */

/* CSS Document */

div#tableBlock
{
	float: left;
}

table
{
	display: table;
	
	/* Setting the left and right margins equal results in the browser
		centering the table */
	margin-left: auto;
	margin-right: auto;
	
	border: 4px solid #8F8C86;
	table-layout: fixed;
	width: 698px;
	border-collapse: collapse;
}

caption
{
	display: table-caption;
	
	background-color: #889AA3;
	color: white;
		
	border: 4px 4px 0px 4px;
	border-color: #8F8C86;
	border-style: solid;

	font-weight: bold;
	letter-spacing: 2px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 3px 0px 3px 0px;
	
	text-transform: uppercase;
	
	width: 698px;	
}

tr
{
	display: table-row;
}

tr.head, tr.foot
{
	background-color: #8F8C86;
	color: white;
	letter-spacing: 1px;
	text-align: center;
	padding-bottom: 5px;
}

tr.head
{
   font-size: 14px;
	text-align: center;
	padding-bottom: 5px;
}

tr.darkRow
{
   background-color: #DCD7CE;
	color: inherit;
}

tr.foot
{
	font-size: 10px;
	text-transform: uppercase;
	text-align: left;
	padding-top: 5px;
}			

thead, tfoot
{
	background-color: #AFABA4;
	color: white;
	font-weight: bold;
	letter-spacing: 2px;
}  

thead
{
	display: table-header-group;
}

tbody
{
	display: table-row-group;
	background-color: #E6E0D5;
	color: inherit;
	font-size: 12px;
}

tfoot
{
	display: table-footer-group;
}

colgroup
{
	display: table-column-group;
}

col
{
	display: table-column;
}

tr
{
	display: table-row;
}			

td, th
{
	display: table-cell;
}

col#date
{
   display: table-column;
	width: 35px;
}


col#groomLastName
{
	display: table-column;
	width: 60px;
}

col#groomFirstName
{
	display: table-column;
	width: 60px;
}

col#brideLastName
{
	display: table-column;
	width: 60px;
}

col#brideFirstName
{
	display: table-column;
	width: 60px;
}

col#county
{
	display: table-column;
	width: 48px;
}

col#state
{
	display: table-column;
	width: 48px;
}

div#formContainer
{
   width: auto;
   margin-left: auto;
	margin-right: auto;
}

form
{
   /* NOTE that, if any of a <form> tag's parent tags are display: block
	   (or, perhaps, of any display type other than inline), changing this 
		to inline will result in an extra line of whitespace between <form> 
		tags. */ 
	display: block;
	margin: 3px 0 7px 0;
}

input.submit
{
	font-size: 12px;
	font-weight: bold;
   color: #77878F;
	display: inline;
}

table.subtable
{
	display: table;
	border: 0;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 425px;
}

col#subtableColOne
{
	width: 50px;
}

col#subtableColOne
{
	width: 50px;
}

col#subtableColTwo
{
	width: 50px;
}

col#subtableColThree
{
	width: 50px;
}

col#subtableColThree
{
	width: 50px;
}

tr.subtable
{
	display: table-row;
}

td.subtable
{
	display: table-cell;
	padding: 0;
}