/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
}

div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

/* site container */
/*******************************************************************************/
body
{
	background: #CCCCCC url(/site/img/bgslice.gif) repeat;
}

div#container
{
	width: 770px;
	padding: 0;
}

div#site_container
{
	background: #FFFDE8 url(/site/img/copy-bgslice.gif) left top repeat-y;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks
{
	height: 2em;
}
 
div#skiplinks p
{
	color: #666666;
	line-height: 2em;
	margin-bottom: 0;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #666666;
}



/* header block */
/*******************************************************************************/
div#header_container
{
}

div#breadcrumb
{
	background: #FFFDE8 url(/site/img/breadcrumb-bg.gif) repeat-x;
	margin: 0 0 0 1px;
	width: 759px;
}

div#breadcrumb p
{
	margin-bottom: 0;
	padding: 0 5px;
	line-height: 1.818em;
	font-size: 0.9166em;
	text-align: right;
}

/* body block */
/*******************************************************************************/
div#body_container
{
}

div#flash_container
{
	margin-bottom: 15px;
}

div#nav_column
{
	float: left;
	width: 118px;
	margin: 0 0 0 6px;
}

div#copy_column
{
	float: left;
	width: 494px;
	margin: 0 10px;
}

div#adbar_column
{
	float: left;
	width: 120px;
	padding-top: 5px;
}

/* nav details */
/*******************************************************************************/
div#nav_column
{
	background: url(/site/img/menu-top.gif)  top left no-repeat;
	padding: 14px 0;
}

div#nav_column ul
{
	padding: 0; margin: 0;
	color: #fff;
	width: 111px;
	list-style: none;
}

div#nav_column li
{
	background: url(/site/img/menu-seperator.gif) top left no-repeat;
	padding-top: 2px;
}

div#nav_column a
{
	color: #fff;
	font-weight: normal;
	width: 111px;
	display: block;
	padding: 2px 3px;
	background: url(/site/img/menu-bgslice.gif) repeat-y;
}

/* adbar details */
/*******************************************************************************/
div#adbar_column img
{
	margin-bottom: 10px;
}

/* footer */
/*******************************************************************************/
div#sitefooter
{
	clear: both;
	background: url(/site/img/footer-bgslice.gif) left bottom no-repeat;
	height: 50px;
}

div#footer_container
{
	padding: 15px 5px;
	color: #000;
	font-size: 0.83em;
}

/* Contact details in body styling */

div.contact, div.contact2 {
font-size: 0.888em;
float: left;
width:220px;
padding: 5px 15px 5px 0px;
}


/* Layout of coffins information and images */

div.coffindetails, div.coffinimg {
float:none;
}

div.coffindetails {
background-color: #FFF;
padding: 5px;
width: 440px;
border-bottom: groove #9F5454 5px;
border-left: ridge #9F5454 5px;
border-right: groove #9F5454 5px;
margin-bottom: 25px;
}

div.coffinimg {
background-color:#FFF;
width: 440px;
padding:5px;
border-left: ridge #9F5454 5px;
border-right: groove #9F5454 5px;
border-top: ridge #9F5454 5px;
}

div.clear {
clear:both;
}


/* Layout of memorials information and images */

table#mem tr td {
	vertical-align:top;
	padding-bottom: 15px;
}


table#mem tr td.det {
	padding: 5px 12px 5px 1px;
}



p.small {
font-size: 0.833em;
}

/* layout of ashes caskets */

div.ashes {
padding-bottom: 30px;
float:left;
width: 240px;
height: 205px;
background-color: #FFF;
}

p.label {
padding-left: 5px;
}

.extrapadding {
padding: 10px;
}

/* Spacing of incorporating */

p.incorp {
margin-bottom: 0.3em;
}