/** ------------------------------------------------------------- **/
/** -------------------2 and 3 column layout -------------------- **/

/** -------------------------------------------------------------
	21 Sep 07 - Saeed
	This stylesheet contains comments specific for Torbay
	Funerals web site and there are mods specifically for site.

	19 Sep 07 - Saeed
	This stylesheet contains two versions of the centrec section.
	One is centrec and the other is centrec home.
	The centrec and rightc are called from the template if it is
	required.
	------------------------------------------------------------- **/

body {
	background-image: url("images/back.jpg");
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	text-align: center;
}

#skip-navigation {
}

#wrap {
	margin: 0 auto;
	text-align: left;
	width: 898px;
	background-image: url("images/wrap-background.jpg");
}
* html #wrap {  /* This is the Tan hack */
	width: 898px;
	w\idth: 898px;
}

#wrap-home {
	margin: 0 auto;
	text-align: left;
	width: 898px;
	background-image: url("images/wrap-background-home.jpg");
}
* html #wrap-home {  /* This is the Tan hack */
	width: 898px;
	w\idth: 898px;
}

#header {
	position: relative;
}

#centerc {
	display: inline;
	float:left;
	margin-left:213px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
	width: 655px;
	/*background-color: #99CC00;*/
}
* html #centerc {  /* This is the Tan hack */
	width: 685px;
	w\idth: 655px;
}

#centerc-home {	/* This is used on the home page (3 col) */
	display: inline;
	float:left;
	margin-left:213px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	width: 367px;
	/*background-color: #99CC00;*/
}
* html #centerc-home {  /* This is the Tan hack */
	width: 407px;
	w\idth: 367px;
}

#leftc {
	float: left;
	margin-left: -898px;
	width: 213px;
	padding-top: 10px;
	/*background-color: #0066FF;*/
}
* html #leftc {  /* This is the Tan hack */
	width: 213px;
	w\idth: 213px;
}

#leftc-home {
	float: left;
	margin-left: -620px;
	width: 213px;
	padding-top: 10px;
	/*background-color: #0066FF;*/
}
* html #leftc-home {  /* This is the Tan hack */
	width: 213px;
	w\idth: 213px;
}

#rightc {
	float:left;
	width: 240px;
	padding-top: 10px;
	padding-left: 19px;
	padding-right: 19px;
	/*background-color: #FF66FF;*/
}

* html #rightc {  /* This is the Tan hack */
	width: 278px;
	w\idth: 240px;
}

#foot {
	clear: both;
	width: 898px;
	height: 39px;
	background-image: url(images/footer-bg.gif);
}

/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header-graphic {
}

#navigation {
	float: left;
	padding-bottom: 20px;
}


/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;

}
#navigation ul li {
	display: inline;
	padding: 0;
	margin: 0px; 
}
#navigation ul li a, #navigation ul li a:visited {
    border-left: 1px solid #999999;
	display: block;
	float: left;  
	font-size: 0.9em;
	font-weight: bold;   
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 5px;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active {	
	background-color: #263262;
	color: #FFFFFF;	
}


/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/

#menu ul {
	list-style: none;
	margin: 0px;
	margin-bottom: 8px;
	padding: 0px;
}
#menu ul li {
	margin: 0; 
	padding: 0; 
}

#menu ul li a, #menu ul li a:visited {
	font-family: "Times New Roman", Times, serif;
	color: #ffffff;
	font-size: 1.3em;
	display: block;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 0px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 185px;
}
* html #menu ul li a {  /* This is the Tan hack */
	width: 200px; 
	w\idth: 185px; 
}
#menu ul li a:hover, #menu ul li a:active {
	color: #4B77E6;	
}
.menulinksON, a.menulinksON {
	color: #4B77E6;
}

.menu_header {
	border-bottom: 1px solid #666666;
	display: block;  
	font-weight: bold;	
	padding-bottom: 5px; 
	padding-left: 15px;	
	padding-right: 0px;	
	padding-top: 5px; 
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 185px;
}
* html .menu_header {  /* This is the Tan hack */
	width: 200px; 
	w\idth: 185px; 
	}

/** ------------------------------------------------------ **/
/** ------------------------ menu subsection ------------- **/

#submenu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu ul li
{
	margin: 0; 
	padding: 0; 
}

#submenu ul li a, #submenu ul li a:visited
{
	border-bottom: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 170px;
}
* html #submenu {  /* This is the Tan hack */
	width: 185px; 
	w\idth: 170px; 
	}


/** ------------------------------------------------------ **/
/** ------------------- higlights boxes------------------- **/

div.miniadverta {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 5px;
	margin-bottom: 15px;
	color: #666666;
	font-weight: normal;
}

div.miniadverta a , div.miniadverta a:visited {
	color: #333366;
	text-decoration: underline;
	font-weight: normal;
}
div.miniadverta a:hover, div.miniadverta a:active {
	color:#0066CC;
}

/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footerleft {
	float: left;
	margin-top: 8px;
}
#footerleft ul {
	list-style: none; 
	margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
	position: absolute;
	white-space: nowrap;
}
#footerleft ul li {
	color: #000000;
	display: inline;
	font-size: 0.9em;
	margin: 0;	
	padding-right: 11px;	
}
#footerleft ul li a {		
	color: #E1E3E5;
	text-decoration: underline;
}
#footerleft ul li a:hover, #footerleft ul li a:active, #footerleft ul li a:focus {	
    color: #F3BE80;
	text-decoration: underline;	
}
#footerright {
    float: right;
	margin-top: 8px;
}
#footerright ul
{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    white-space: nowrap;
}
#footerright ul li
{
	color: #000000;
	display: inline;
	font-size: 0.9em;
	margin: 0;	
	padding-right: 11px;	
}
#footerright ul li a
{		
	color: #E1E3E5;
	text-decoration: underline;
}
#footerright ul li a:hover, #footerright ul li a:active, #footerright ul li a:focus
{	
    color: #F3BE80;
	text-decoration: underline;	
}

#validated {
	clear:both;
	padding-top:5px;	
}

/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

h1 { /* Used for the titles on the page */
	font-family: "Times New Roman", Times, serif;
	color: #112945;
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 25px;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	color: #112945;
	font-size: 1.3em;
}

h3 {
	font-family: "Times New Roman", Times, serif;
	color: #112945;
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	font-family: "Times New Roman", Times, serif;
	color: #112945;
	font-size: 1em;
	font-weight: bold;
}

h5 {
	font-family: "Times New Roman", Times, serif;
	color: #112945;
	font-size: 0.8em;
	font-weight: bold;
}

h6 {
	font-family: "Times New Roman", Times, serif;
	color: #112945;
	font-size: 0.6em;
	font-weight: bold;
}

caption {
	font-weight: normal;
	text-align: left;
}

th {
	font-weight: bold;
	text-align: left;
}
a, a:visited {
	color: #3A59B3;
	text-decoration: underline;
}
a:hover {
	color: #000000;
}
img {
	border: 0px;
}
pre {
	font-size: 0.8em;
	background-color: #CCCCCC;
	padding: 10px;
}


/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
  margin: 0px;
  padding: 0px;
}
fieldset {
  padding: 10px;
  padding-top: 10px;
  width: auto;
  }
legend {
  font-weight: bold;
  padding-bottom: 10px;
  }
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  }
label {
  display:block;
  float: left;
  width: 150px;
  margin-right: 10px;
  padding-bottom: 10px;
  }


/** ------------------------------------------------------ **/
/** ------------------- standard ------------------------- **/

img.ImgFloatRight {
	border: 1px solid #000000;
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
}
img.ImgFloatLeft {
	border: 1px solid #000000;
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
}
img.ImgFloatNone {
	border: 1px solid #000000;
	margin-bottom: 10px;
	margin-right: 15px;
}

/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	clear: both;
	padding-top:0px;
  }
/*label cell*/
div.TableReplaceRow div.TableReplacelabel {
	float: left;
	text-align: left;
	width: 150px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplacedata {
	float: left;
	text-align: left;
	margin: 0px;
  } 
 /*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
  } 
div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
}
  
/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/

.strikethrough {
	text-decoration:line-through;
}

.redtext {
	color: #FF0000;
}

.funeralservices-title {
	font-family: "Times New Roman", Times, serif;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
}

.imagecopyright {
	font-size: 80%;
}

div.DivRegistration {
	padding-left: 15px;
	padding-bottom: 10px;
}

.textalign-center {
	text-align: center;
}

img.ImgFloatLeftNoBorder {
	border: 0px solid #000000;
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
}
img.ImgFloatRightNoBorder {
	border: 0px solid #000000;
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
}