/* CSS Document 



	border:1px solid purple;

*/



/**********************************MAIN********************************/



html {

	height:100%;

}



body {

	height:100%;

	font-family:Arial, Helvetica, sans-serif;

	margin:0;

	font-size:0.8em;

	background-color:#7B827C;

	}

	

#non-footer {

	position: relative;

	width:779px;

	margin:auto;

	background-color:#7B827C;

}



* html #non-footer

{

	height: 100%;

}

	

/*********************OUTER DIVS************************/

	

#header-div {

	position:relative;

	left:0;

	top:0;

	background-color:#FFFFFF;

}

  

#middle-div {

	position:relative;

	left:0;

	top:0;

	background-color:#FFFFFF;

	border-top:1px solid #FFFFFF;

	border-right:none;

	border-bottom:none;

	border-left:none;

	z-index:1;

}



#body-div {

	position:relative;

	top:0;

	left:0;

	padding:0 5px 30px 79px;

	color:#7B827C;

	background-image:url(images/body-bg.gif);

	background-color:#FFFFFF;

}



#footer-div {

	height:22px;

	width:100%;

	top:0;

	left:0;

	background-image:url(images/footer-bg.gif);

}



/*********************************INNER DIVS**********************/



#stained-glass-div {

	position:absolute;

	top:0;

	left:0;

	margin:70px 0 0 0;

	z-index:50;

	background-color:#7B827C;

}



#nav-bar-div {

	position:absolute;

	left:0;

	top:0;

	margin:0 0 0 59px;

	width:330px;

	height:294px;

	background-image:url(images/blur-dove.jpg);

	background-repeat:no-repeat;

	background-position:bottom right;

	font-family:"Copperplate", Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

	font-size:0.8em;

	color:#007576;

}



#pics-div {

	position:relative;

	width:400px;

	height:323px;

	top:0;

	left:0;

	margin:0 0 0 379px;

	text-align:right;

}



#quote {

	position:absolute;

	top:0;

	left:0;

	width:190px;

	text-align:right;

	margin:60px 0 0 23px;

	color:#007576;

	font-size:12px;

}



/*****ABOUT PICS*****/



#pic-01 {

	position:absolute;

	top:0;

	left:0;

	margin:184px 0 0 33px;

}



#pic-02 {

	position:relative;

	top:30px;

	left:0;

}



/**************************FOR CONDOLENCES FORM************************************/



#form-box {

	width: 600px;

	margin:5px auto 0 auto; 

	position:relative;

	text-align:left;

}



div.row {

	clear: both;

	padding-top:5px;

	}



div.row span.label {

	float: left;

	width: 100px;

	text-align: right;

  }



div.row span.formw {

	float: right;

	width:470px;

	text-align: left;

	padding-left:10px;

	position:relative;

	margin:-3px 0 0 0;

	}





.centred {

	clear:both;

	text-align:center;

}

	

/*****************************************************************************/







/*****************************FOR FUNERAL NOTICE PRINT_OUTS*******************/



.labels {

	position:relative;

	width:660px;

	border-bottom:1px solid #FFFFFF;

	padding:5px;

	background-color:#D9DEE2;

	color:#666666;

}



.form-elements {

	position:relative;

	width:660px;

	border-bottom:1px solid #A6CFD0;

   	padding: 3px 5px 5px 5px;

	position:relative;

	background-color:#F1F5F5;

}



.trio-col-01 {

	position:absolute;

	width:30%;

}



.trio-col-02 {

	position:absolute;

	left:43%;

	width:30%;

}



.trio-col-03 {

	position:relative;

	left:75%;

	width:23%;

}





/*****************************************************************************/





/***************************FOR CONTACT COLUMNS*****************************/



.table-rows {

	position:relative;

}



.table-col-01 {

	position:relative;

	top:0;

	left:0;

	width:50%;

}



.table-col-02 {

	position:absolute;

	top:0;

	left:58%;

	width:50%;

}

/**************************************************************************/



/******************************TEXT STYLES***********************/



.subheader {

	color:#007576;

	font-size:1.2em;

}



em {

	color:#007576;

}



ul.list {

	list-style-type:none;

	margin:0;

	padding:0 0 0 12px;

}



ul.list li {

	margin:0;

	padding:7px;

}



ul a:link, ul a:visited {

	color:#7B827C;

	text-decoration:none;

}



ul a:hover {

	color:#007576;

	text-decoration:none;

}



ul li.current a:link, ul li.current a:visited {

	color:#007576;

	text-decoration:none;

}



ul li.current a:hover {

	color:#007576;

	text-decoration:none;

}



a:link, a:visited {

	color:#007576;

	text-decoration:underline;

}



a:hover {

	color:#7B827C;

	text-decoration:none;

}


.cheques {
	display:none;
}