/*Standard style sheet for RegencyPreservation.co.uk*/

/*Redfine standard selectors*/
body {
	background-color: white; 
	color: black;
	margin: 0; 
	padding: 0; 
	border: 0;
	font-family: helvetica,arial,sans-serif;
	font-size: 10pt;
	}

h1,h2,h3, hr { 
	font-family: helvetica,arial,sans-serif;
	color: #CC0099; 
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
		}
/*Note : FireFox & Opera do not read the HR redefintion*/

h1 { 
	padding-left: 10px;
	}

h2  {
	margin: 1em 0 0.5em 0;
	padding-left: 15px;
	width: 50%;
	}
	
h3  {
	padding-left: 20px;
	margin-top: 1em;
	margin-bottom: 0px;
	}


#layoutLogic {
	background-color: white;
	/*Changed 27/4/10*/
/*	margin: 0 -1px;
	width: 100%;*/
	margin : 0;
	width : 860px;
	border: solid 1px black;
	 }

#header {
	color: white;
	position: relative;
	z-index: 13;
	width: 100%;
	height: 120px;
	border: 0px;
	background-image: url(images/preservation-hdr.gif); 
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	}
	
#footer{
	position: relative;
	z-index: 13;
	width: 100%;
	color: black;
	padding: 0 25px 0 25px;
	margin: 40px 0 0 0;
	border: 0px;
	font-family: arial,sans-serif;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	}

#phoneno {
	color: white;
	background-color: #CC0099;
	position: absolute;
	top: 20px;
	left: 40px;
	z-index: 20;  /*appears over header*/
	height: 66px;
	width: 66px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-family: helvetica,arial,sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	background-repeat: no-repeat;
	}

.page {
	background-color: #fff;
	width: auto;
	border-right: 0;
	border-left: 170px solid magenta;
	}
	
.section {
	margin: 0;
	width: 100%
    }

.navigation, .content{
	position: relative;
	float: left }

.navigation {
	margin-right: 1px;
	margin-left: -170px;
	z-index: 10;
	width: 170px;
   }
    
.mainMenu {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #CC0099;
	}

.content {
	margin: 0 -3px 0 -2px;
	z-index: 20;
	width: 90%;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px; }


.page>.section {
	border-bottom: 1px solid transparent }

/*Styles for the curved text boxes*/
.curvedArea {
	width: 100%;
	}

.topLeft {
	background-image: url('images/bevel-tl.jpg');
	width: 100%;
	height: 20px;
	float: left
	}

.topRight {
	background-color: #fff;
	background-image: url('images/bevel-tr.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0;
	width: 30px;
	height: 20px;
	float: right
	}

.centerLeft {
	background-image: url('images/bevel-cl.jpg');
	background-repeat: repeat-y;
	width: 100%;
	float: left
	}

.centerRight {
	background-image: url('images/bevel-cr.jpg');
	background-repeat: repeat-y;
	background-position: 100% 0;
	width: 100%;
	float: right
	}

.bottomLeft {
	background-image: url('images/bevel-bl.jpg');
	background-repeat: no-repeat;
	width: 100%;
	float: left
	}

.bottomRight {
	background-color: #fff;
	background-image: url('images/bevel-br.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0;
	width: 30px;
	height: 30px;
	float: right
	}

.curveAreaContent {
	padding-left: 20px;
	padding-right: 20px;
	}

.bodyText, .bodyTextLegal, .bodyTextTndent {
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 0px;
	}

.bodyText{ font-size: 12px; }

.bodyTextLegal { font-size: 10px; }

.bodyTextIndent {
	padding-left: 120px;
	margin-top: 1em;
	margin-bottom: 1em;	
	}


.forminput {
	position: absolute;
	left: 160px;
	}
	

/*styles for the footer menu*/
		
ul.horizontal li
	{
	padding : 3px;
	margin : 0px;
	border-right: 1px solid #CC0099;
	border-left: 1px solid #CC0099;
	list-style: none;
	display: inline;
	}
	
/*Styles for the main nav menu*/	
a.menu {
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	margin-bottom: 1px;
 	margin-top: 1px;
	padding: 3px;
	text-align: left;
	background-color: #d3d3d3; 
	color: blue;
	width: 114px;
/*	width: 94px; */
  	}

a.menu:link {
	color: blue;
	border-right: 20px solid #6a6a6a;
	}
	
a.menu:visited {
	border-right: 20px solid #6a6a6a;
	color: blue;
	}

a.menu:hover {
	border-right: 20px solid blue;
	color: blue;
	}

a.menu:active {
	color: blue;
	border-right: 20px solid red;
	}
	
.clear {
	clear: both }
	
span.sright { float: right; display:inline}
span.sleft { float: left; display:inline}

ul.indent li
	{
	font-family: helvetica,arial,sans-serif;
	font-size: 12px; 
	padding : 0px;
	padding-left: 30px;
	margin : 0px;
	border: 0;
	}

#footer a
	{ color: #CC3333; 
	  background-color: #FFFFFF; 
	  border: 1px solid white;
	  font-size: 0.9em;
	}
	
#footer a:hover { 
	color: #FF0000;
	border: 1px solid magenta;
	}

#footer a:visited
	{ color: blue; }
	
#footer a:active { 
	color: red;
	border: 1px solid green;	
    }
    
p.bodytext a {	  border: 1px solid white; 	  font-size: 0.9em;}
p.bodytext a:hover { 	border: 1px solid blue; }
p.bodytext a:active { 	border: 1px solid green;}

/*Spans for the WEBUSEFUL link*/
span.wub, span.wur {
	font-size: 90%;
	letter-spacing: 80%;
	}
	
span.wub { color: black; }
span.wur { color: red; }