body {font-family: verdana, Helvetica, sans-serif;
	 font-size: 0.8em} 						/*all text on the page*/
h1 {color:#660000;
	font-size:large;
	text-align:left;
	}	 
#sketchpage
	{background-color: #FFFFCC;
	padding-left:10px;
	padding-top:10px;
	text-align:center;
	}	
#sketchtable 
{text-align: left;
width: 100%;
}
.addresscol
{width: 30%;
}

.layout{width:100%; 
	margin-left:auto;	
	margin-right:auto;
	border-top: thin solid #660000;
	border-left: thin solid #660000;
	border-right: thin solid #660000;
	vertical-align:top}	/*table used for whole page layout*/
	
.background {
	background-image: url(images/brettelllaneworks.jpg);
	background-repeat: no-repeat; 
	background-position: bottom right}	/*cell holding background image*/
	
.layouttop {width:100%}	/*table used for banner layout*/

.layoutmain {width:100%} /*table used for main content layout*/


.bannertop  {height:73px}		/*top of banner cell properties*/

.bannermid  {
	     height: 37px;
	     background-color: #ffcc99;
	     text-align: center;
	     border-top: medium solid #660000;
	     border-bottom: medium solid #660000} /*middle of banner cell properties*/

.bannerbot  {
	     height:71px;
	     vertical-align:middle;
	     text-align:center;
	     padding-left:5px}		/*navigation area of banner cell properties*/

.mainleft {
	color:black; 
	font-size: 100%;		
	width:55%;
	text-align:left; 
	vertical-align:top; 
	padding-top:10px;
	padding-left:10px;
	padding-right:30px; 
	padding-bottom:20px}	/*cells on left side of page*/
	
.audioleft {
	color:black;
	font-size: 100%;
	width:75%;
	text-align:left;
	vertical-align:top;
	padding: 10px;

}	/*cells on left side of page*/
	
.audiolist {
	color:black; 
	font-size: 100%;		
	text-align:left; 
	vertical-align:top; 
	padding-top:10px;
	padding-left:10px;
	padding-right:10px; 
	padding-bottom:10px;
	border: thin solid #660000;
	}	
	
p.charitytext {
	font-size: 90%;
	color:#660000;
	font-weight:bold;
	font-style:italic;		
	}
	
.update {
	font-size: 120%;
	color:#FF0000;
	font-weight:bold;
	font-style:italic;		
	}


.mainmid {text-align:center; 
	vertical-align:top; 
	padding-top:15px;
	padding-bottom:20px;
	padding-right:10px;
	width:auto}	/*cells in middle part of page*/
	
.leftarea {
	text-align:left;
	vertical-align:top;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left: 10px;
}	/*cells in middle part of page*/
	
.frontright {text-align:left; 
	vertical-align:top; 
	padding-top:10px;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:20px;
	width:45%}	/*cells in right part of page*/

.side	{
	text-align:right; 
	vertical-align:top; 
	padding-top:13px;
	padding-left:10px; 
	padding-right:10px;
	padding-bottom:20px;
	width:150px}	/*cells on right side of page*/
	
.sitemap{
	font-size: 90%;		
	width:20%;
	text-align:center; 
	vertical-align:top; 
	padding-top:10px;
	padding-left:10px;
	padding-right:30px; 
	padding-bottom:20px}


.news	{
	font-size: 100%;
	padding-top:5px;
	padding-left:5px; 
	padding-right:5px;
	padding-bottom:10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	border: medium solid #660000;

	 	}	/*table containing news or local links*/
		
.nheading {
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFCC99;
	background-color: #660000;
	vertical-align: middle;
	width: auto;
	height: 50px
				}
	 
.form	{
	 text-align: left;
	 padding-top:5px;
	 padding-left:5px; 
	 padding-right:5px;
	 padding-bottom:10px;
	 border-top: medium solid #660000;
	 border-bottom: medium solid #660000;
	 border-left: medium solid #660000;
	 border-right: medium solid #660000 }	/*table containing news or local links*/		

.topside{ width:190px;
	  height:175px;
	  vertical-align:top;
	  text-align:right}	/*cell containing building drawing*/

.enquiry{	width:50%;
			vertical-align:top;
			text-align:right;
			padding-top:15px;
			padding-bottom:20px;
			padding-right:10px;
			padding-left:10px}

.bottombar  {
	     background: #ffcc99;
	     border-top: medium solid #660000;
	     border-bottom: medium solid #660000;
		 padding-top:2px;
		 pading-bottom:2px;
		 text-align:center;} /*middle of banner cell properties*/
		 
p.bgcaption {
	color: #660000;
	font-size: 70%;
	font-weight:normal;
	vertical-align: bottom;
	text-align: left
	 		} 
			
	.date {
	color: #660000;
	font-size: 70%;
	font-weight:normal;
	vertical-align:middle;
	text-align: right;
	 		} 
			
	.copyright {
	color: #660000;
	font-size: 70%;
	font-weight:normal;
	vertical-align:middle;
	 		} 

p.heading{color: #660000; 
	font-size: 120%; 
	font-weight:bold } /*page headings*/
	
span.subheading{color: #660000; 
	font-size: 100%; 
	font-weight:bold } /*page headings*/

p.maintext {color:black; 
	    font-size: 100%}	/*main descriptive text*/


span.subhead {color:#660000; 
	     font-size: 100%; 
    	     font-weight:normal}  /*inline non-hyperlinked elements used in the navigation bars*/

span.urhere 
	{text-decoration: none; 
	color: #898989; 
	font-size: 13px;	
	font-weight:bold}	/*name of page in side navigation bar that is currently open*/
	
span.urhere2 
	{text-decoration: none; 
	color: #898989; 
	font-size: 12px;	
	font-weight:bold}



a.nav {	text-decoration:none;
		color: #660000; 
		font-size: 13px;	
		font-weight:bold;
		line-height: 120%}	
a.nav:link    {	text-decoration:none; 
	      		color:#660000 }
a.nav:visited {color:#660000}
a.nav:focus{color:#cc0000; 
			font-weight:bold}
a.nav:hover{color: #cc0000; 
			font-weight:bold}
a.nav:active {color:#cc0000}	   /*navigation link properties*/

a.nav2 {
	text-decoration:none;
	color: #660000;
	font-size: 12px;
	font-weight:bold}	
a.nav2:link    {	text-decoration:none; 
	      		color:#660000 }
a.nav2:visited {color:#660000}
a.nav2:focus{color:#cc0000; background-color:#ffcc99}
a.nav2:hover{color: #cc0000; background-color:#ffcc99}
a.nav2:active {color:#cc0000; background-color:#ffcc99}	   /*navigation link properties*/

a.nav3 {
	text-decoration:none;
	text-indent: 5px;
	color: #660000;
	font-size: 12px;
	font-weight:bold}	
a.nav2:link    {	text-decoration:none; 
	      		color:#660000 }
a.nav2:visited {color:#660000}
a.nav2:focus{color:#cc0000; background-color:#ffcc99}
a.nav2:hover{color: #cc0000; background-color:#ffcc99}
a.nav2:active {color:#cc0000; background-color:#ffcc99}	   /*navigation link properties*/	
	


a.caption {
	color: #660000;
	font-size: x-small;
	font-weight:normal;
	font-variant: normal;
	font-style: normal;
}	
a.caption:link{	text-decoration:underline; 
	      		color:#660000 }
a.caption:visited {color:#660000}
a.caption:focus{color:black; 
				font-weight:bold}
a.caption:hover{color: black; 
				font-weight:bold }
a.caption:active {color:black}	   /*caption properties*/

a.link {
	color: blue;
	font-size: 100%;
	font-weight:normal;
	line-height: 150%;
	height: 150%;
}	
a.link:link{	text-decoration:underline}
a.link:visited {color:#999966}
a.link:focus{color:#cc0000 
				}
a.link:hover{color: #cc0000 
				 }
a.link:active {color:#cc0000}	   /*link properties on sitemap*/	
.image {
	float: left;
	padding-right: 10px;
	vertical-alignment: bottom;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
li {
	list-style-type: disc;
	list-style-position: outside;
}
ul {
	list-style-position: outside;
	list-style-type: disc;
}
.frame {
	border: thin solid #660000;
}
.imageright {
	padding: 5px;
	float: right;
	border: thin solid #660000;
}
.textrightalign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;


}
.photopage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
	padding: 5px;
}
.plaincaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #660000;
	background-position: center top;
}
