/** GLOBAL FONT DEFINITIONS **/

body { font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
a {text-decoration: none; color: #000099;}
a:link {text-decoration: none;	color: #000099;}
a:hover {text-decoration: none;	color: #ffffff;	background: #000099;}

.indent {margin-left: 40px; display: block;}


#forthcomingevents {border-bottom: 1px solid #CCCCCC; margin-bottom: 5px;}
#forthcomingevents .event {padding-bottom: 3px; margin-bottom: 10px;}
#forthcomingevents h2 {margin:5px 0 5px 0; pading: 0;}
#forthcomingevents .event h3 { font-size: 12px; color: #990000; margin-top: 0; margin-bottom: 0; padding:0;}

#forthcomingevents .event .date {font-size: 65%; height: 1%; background: url(../images/bg-greengrad.jpg) right repeat-y; text-align: right; color: #000000; font-weight: bold; margin-top: 0; margin-bottom: 0; padding: 2px;}
#forthcomingevents .event p {font-size: 70%; margin-top: 0; margin-bottom: 0;}

/** LAYOUT STYLES **/

body { background: #ededed;	margin: 0px;	text-align: center;} /** Text=-align: center to get panel centralised **/
#wrapper {	width: 761px; margin: auto;	height: 100%; text-align: left;	background-color: #ffffff;
            background-image: url(../images/bg-wrapper-green2.gif); background-repeat: repeat-y; background-position: center;}
			
#header {	position:relative;	background: #008053;	height: 112px;	overflow: visible;	min-height: 112px;}	
#contentpanel {	clear: both; position: relative;	margin: 10px;	padding-top: 10px;	height: 100%;}
#contentpanel #leftcolumn { position:relative; float: left;	width: 570px;	height: 1%;}
#contentpanel #leftcolumn p {margin: 0 0 1em 0;}
#contentpanel #leftcolumn #leftside {position: relative;float:left;width: 320px;height: 1%;}

#contentpanel #leftcolumn #rightside {position: relative;float: right;width: 250px;height: 1%;}
#contentpanel #rightcolumn {position:relative;float: right;width: 152px;margin: 0 0 0 18px;	height: 1%;}
#contentpanel #homeleft {position: relative;float: left;width: 220px;height: 1%;}
/* Random House Columns x 2 */
#contentpanel #homeleft #rndhsecol1 {float: left; position: relative; margin-left: 0px;width: 105px; font-size: 80%;}
#contentpanel #homeleft #rndhsecol1 h2 {margin-bottom: 5px;}
#contentpanel #homeleft #rndhsecol2 {float: right; position: relative; width: 105px;font-size: 80%;}
#contentpanel #homeleft #rndhsecol2 h2 {margin-bottom: 5px;}
#contentpanel #homemiddle {position: relative; float: left; width: 320px; height: 1%; margin-left: 10px; }
#contentpanel #homeright {position: relative; margin-left: 565px; width: 150px; height: 1%; }
#contentpanel #bottom {	clear: both;	margin: 0;	text-align:center;}
#contentpanel #bottom ul {	margin: 10px 0 0 0;	padding: 0px;	text-align:center;}
#contentpanel #bottom li {	font-size: .8em;	display: inline;	margin-left: 10px;	margin-right: 0px;	font-weight: bold;}

#contentpanel .boxout {	border: 1px solid #999999;	width: 150px;	margin: 5px 0 0 0;	padding: 0;	background-color:#FFFFCC;}
#contentpanel .boxout .boxhead {	background: #003000;}
#contentpanel .boxout .boxhead h2 {	font: Arial, Helvetica, sans-serif #ccccff bold 14px;padding: 2px;color: #FFFF99;margin: 0;}
#contentpanel .boxout p {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;text-decoration: none;
						padding: 2px;	margin: 0;}

#contentpanel .branchsection {
	position:relative;
	/* background-color: #cce6dd; */

	margin: 0 10px 20px 10px;
	padding: 10px;
	clear: both;
}

#contentpanel .branchsection .map	{ position: relative; margin-left: 410px; height: 1%;}

#contentpanel .branchsection .openinghours {position:relative; width: 190px; float: left; height: 1%; }

#contentpanel .branchsection .contactdetails {float: left;width: 220px;position:relative;}

#contentpanel .branchsection h2 {margin: 0 0 5px 0; background: #cce6dd; width: 100%;}

#contentpanel .branchsection .staffpics {position: relative;	float: left; 	width: 100px;	margin-right: 10px;	text-align:center;	font-size: 70%;}


#footer1 {	background: #008053;	border-top: #008053 5px solid;	width: 761px;	text-align: center;	height: 23px;}

#footer1 img {	height: 23px; 	width: 198px;	padding: 3px 0 0 0;	margin: 0;}	

#footer2 {	background: #008053;	width: 761px;	text-align: center;	height: 37px;}

#footer2 img {	height: 17px; 	width: 581px;	padding: 10px 0 0 0;	margin: 0;}

/* General Global Styles */

.img-left {	float: left; 	margin: 3px;}
.img-right {float: right;margin: 3px;}
.clear {	clear: both;}
.areaimage {	width: 250px;}

.total {margin-bottom: 4px;	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	color: #FFFFFF;	background-color: #008053;	text-align: center;}

.total a {	color: #ffffff;	text-decoration: none;	background-color: #008053;}

.total a:link {	color: #ffffff;	text-decoration: none;	background-color: #008053;}

.total a:hover {	color: yellow;	text-decoration: none;	background-color: #008053;}


/* Community Page styles */
#contentpanel #leftcolumn  .communitysection {
	border-top: 1px solid #999999;
	margin: 0 0 20px 0px;
	padding: 5px 0 30px 0px;
	clear: both;
}

#contentpanel #leftcolumn  .communitysection .communitypics {position: relative;float:left;width: 140px;height: 1%;}
#contentpanel #leftcolumn  .communitysection .communityinfo {position: relative; float: right;width: 420px; height: 1%}
#contentpanel #leftcolumn  .communitysection h2 { font-size: 100%; color: #990000; margin: 0px; padding: 0px;}
#contentpanel #leftcolumn  .communitysection .dates {font-size: 90%; margin: 4px 0 10px 0; padding:0; font-weight: bold; color: #333333; font-size: 90%;}
#contentpanel #leftcolumn  .communitysection p {margin-top: 1em;}





#awardlogo {
	width: 160;
	float: right;
}


.boxtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}
.boxtext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: navy;
	font-weight: normal;
	text-decoration: none;
}
.boxtext a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: navy;
	font-weight: normal;
	text-decoration: none;
}
.boxtext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: navy;
	font-weight: normal;
	text-decoration: none;
}

.boxhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFF99;
}
.border-grey {
	border-top: 0px none;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;

}


/* TEXTUAL/DESIGN styles */

/* HEADER STYLES */
#header #logo {
	height: 1%;
	width: 239px;
	float: left;
	padding-top: 24px;
	background: #008053;
}

#header .nav {
	background: #008053;
	float: left;
	width: 261px;
	padding-top: 93px;
	font-size: 11px;
}

#header .nav ul {
	margin: 0px;
	padding: 0 0 0 5px;
}
#header .nav li {
	font-size: 12px;
	display: inline;
	margin-right: 10px;
	color: #FFFFCC;
	font-weight: bold;
}
#header .nav li a:link {
	color: #FFFFCC;
	text-decoration: none;
}
#header .nav li a:visited {
	color: #FFFFCC;
	text-decoration: none;
}
#header .nav li a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFcc;
}

#header .nav li .nomargin {
	margin-right: 0px;
}

/* END HEADER STYLES */





#contentpanel h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #990000;
	text-align: left;
	font-weight: bold;
}

#contentpanel h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
}

#contentpanel h2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	text-decoration: none;
}
#contentpanel h2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	text-decoration: none;
}
#contentpanel h2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #990000;
	color: #ffffff;
	text-decoration: none;
}

#contentpanel h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFF99;
	padding-top: 8px;
}

#contentpanel .hint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #990000;
}

#contentpanel p,li,ul,ol,blockquote,textarea,input,select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}

#contentpanel p li a{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: navy;
}

#contentpanel p a:link{
	text-decoration: none;
	font-weight: normal;
	color: navy;
}
#contentpanel p a:hover{
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
	background-color: navy;
}



#contentpanel #homeleft .propbyarea {
	font-size: 85%;
}

#contentpanel #homeleft .propbyarea ul {
	width: 220px;
	margin-left: 0px;
	padding-left: 0px;
}

#contentpanel #homeleft .propbyarea li {
    float: left;
    width: 105px;
	list-style: none;
	margin-left: 3px;
}

#contentpanel #homeleft .propbyarea a {
	text-decoration: none;
	color: #000099;
}

#contentpanel #homeleft .propbyarea a:link {
	text-decoration: none;
	color: #000099;
}

#contentpanel #homeleft .propbyarea a:hover {
	text-decoration: none;
	background: #000099;
	 color: #ffffff;
}


/* .column is used on Local Area to put the areas names in 2 columns */

#contentpanel .column ul {
  float: left;
  width: 22em;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#contentpanel .column li {
  float: left;
  width: 11em;
  margin: 0;
  padding: 0;
} 



/* Columns used for the Random House elements on left of Home Page */

#contentpanel #homeleft #rndhsecol1 {
	text-align: center;
	font-size: 80%;
}
#contentpanel #homeleft #rndhsecol2 {
	text-align: center;
	font-size: 80%;
}
#contentpanel #homeleft #rndhsecol1 img {
	width: 95px;
	height: 59px;
	border: 1px solid #000000;
}
#contentpanel #homeleft #rndhsecol2 img {
	width: 95px;
	height: 59px;
	border: 1px solid #000000;
}

#contentpanel #homeleft #marketupdate {
	margin-top: 6px;
	clear: both;
	text-align: center;
}

#contentpanel #homeleft #marketupdate h2 {
 padding: 0; margin:0;}


#contentpanel #homeleft #marketupdate img { border: 0;}


#contentpanel #homemiddle #toppanel {
	background: url(../images/bg-family.jpg) #cce6dd top left no-repeat;
	padding: 2px 5px 5px 155px;
	margin-bottom: 6px;
}

#contentpanel #homemiddle #toppanel h1 {
	color: #990000;
	margin: 0 0 10px 0;
	padding-top: 0;
	font-size: 75%;
}

#contentpanel #homemiddle #toppanel p {
	font-size: 11px;
}

#contentpanel #homemiddle #canary {
	margin-bottom: 8px;
	border: 3px #006e3a solid;
	padding: 5px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
}

#contentpanel #homemiddle #canary p {
	padding-right: 10px;
	margin:0;
	font-size: 11px;
	padding-top: 5px;
}

#contentpanel #homemiddle #canary .bold {margin-top: 10px; font-weight: bold;}

#contentpanel #homemiddle #canary h1 {
	position: relative;
	font-size: 19px;
	color: #000000;
	height: 38px;
	margin: 0;
	padding: 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}

#contentpanel #homemiddle #canary ul {
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 70px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#contentpanel #homemiddle #canary li { margin: 0px; padding: 0px; }

#contentpanel #homemiddle .bold {margin-top: 10px; margin-bottom: 10px; color: #FF0000; font-weight:bold; font-size: 12px;}


#contentpanel #homemiddle #boxes {
	margin-top: 6px;
}

#contentpanel #homemiddle #boxes h2, p {
	padding: 0;
	margin: 0;
}
#contentpanel #homemiddle #boxes p {
	font-size: 11px;
}

#contentpanel #homemiddle .box-primrose {
	border: 2px #008053 solid; padding: 2px 2px 2px 140px;	background: url(../images/bg-primrosegardens.jpg) top left no-repeat #008053; margin-bottom: 6px; height:1%; color: #ffffff;}
	#contentpanel #homemiddle .box-primrose h2 { color: ffffff;}
	#contentpanel #homemiddle .box-primrose a { color: #FFFFCC;}

#contentpanel #homemiddle .box-wingrave {
	border: 2px #008053 solid; padding: 2px 2px 2px 140px;	background: url(../images/bg-wingrave.jpg) top left no-repeat #008053; margin-bottom: 6px; height:1%; color: #ffffff;}
	#contentpanel #homemiddle .box-wingrave h2 { color: ffffff;}
	#contentpanel #homemiddle .box-wingrave a { color: #FFFFCC;}

#contentpanel #homemiddle .box-woburn-road {
	border: 2px #008053 solid; padding: 2px 2px 2px 140px;	background: url(../images/bg-woburn-road.jpg) top left no-repeat #008053; margin-bottom: 6px; height:1%; color: #ffffff;}
	#contentpanel #homemiddle .box-woburn-road h2 { color: ffffff;}
	#contentpanel #homemiddle .box-woburn-road a { color: #FFFFCC;}

#contentpanel #homemiddle .box-relocation {
	border: 2px #008053 solid; padding: 2px 2px 2px 140px;	background: url(../images/bg-relocation.jpg) top left no-repeat; margin-bottom: 6px; height:1%;}
	
#contentpanel #homemiddle .box-land {
	border: 2px #008053 solid; padding: 2px 2px 2px 140px;	background: url(../images/bg-land.jpg) top left no-repeat; margin-bottom: 6px;height:1%;}

#contentpanel #homemiddle .box-country {
	border: 2px #008053 solid; padding: 2px 2px 2px 140px;	background: url(../images/bg-country.jpg) top left no-repeat; margin-bottom: 6px;height:1%;}
#contentpanel #homemiddle .box-accessible {
	border: 2px #008053 solid; padding: 2px 2px 2px 140px;	background: url(../images/bg_accessible_property.jpg) top left no-repeat; margin-bottom: 6px;height:1%}

#contentpanel #homemiddle #homepagead {
	margin: 0 0 4px 0;
	border: dashed #CCCCCC 1px;
	padding: 0 0 5px 5px;

}

#contentpanel #homemiddle #homepagead img {
	float: right;
	margin: 0 0 4px 4px;
	padding: 0;
} 



#contentpanel #homeright #houseoftheday {
	background-color: #8dc6b2;
	text-align: center;
	color: #000000;
	padding: 5px;
}

#contentpanel #homeright #houseoftheday img {
	border: 1px solid #000000;
}

#contentpanel #homeright #houseoftheday p {
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
}

#contentpanel #homeright #houseoftheday a {
	color: #000000;
	text-decoration: none;
}
#contentpanel #homeright #houseoftheday a:link {
	color: #000000;
	text-decoration: none;
}

#contentpanel #homeright #houseoftheday a:hover {
	color: #000000;
	text-decoration: underline;
	background-color: #8dc6b2;
}

#contentpanel #homeright #houseoftheday h3 {
	color: #000000;
	font-size: 13px;
	font-weight: bold; 
	margin: 0px;
	padding: 0px;
}


#contentpanel #homeright #magazine h2 {
	margin: 5px 0 5px 0;
	padding: 0;
	text-align: center;
}

#contentpanel #homeright #magazine p {
	font-size: 70%;
	text-align: center;
	margin: 0;
}








/* 
Cornice Styles 
See NAHstyles-wai-ns4.css for the background image definitions
as this file enables thes cornered boxes to degrade properly in NS4 */

div.cornice {
font: 12px/1.5 Geneva, Arial, Helvetica, sans-serif;
  background: #ffffff;
  width: 400px;
  border: none;
  margin: 0;
} 
div.cornice250 {
  font: 12px/1.5 Geneva, Arial, Helvetica, sans-serif;
  background: #ffffff;
  width: 250px; 
  border: none;
} 
div.cornice h4 {
  font: 1.0em;
  color: #000000;
}
div.cornice250 h4 {
  font: 1.0em #000000;
  font-weight: bold;
  margin: 0;
  text-align:center;
}
div.cornicebody {
  padding: 15px;
  margin:0;
  margin-top:-1.7em;
}
div.cornicebody form {
	margin: 0;
}
div.cornicebody select, input {
	font-size: .80em;
}
div.cornicefooter {
}
div.cornicefooter p {
  padding: 15px;
  margin:-2em 0 0 0;
  }




/** FORM STYLES */

/* form-standard is used for most forms on the site */
.form-standard {
	background-color: #ffffff;
	margin-bottom: 20px;
	width: 300px;
}
.form-standard input, textarea {
	border: 1px solid #999999;
	background-color: #66FF99;
}

.form-standard p {
	margin: 0 0 1px 0;
	padding: 0px;
	clear: left;
	height: 100%;
}
.form-standard p label {
	font-weight: bold;
	float: left;
	width: 100px;
	padding-top: 0px;
	margin: 0;
}

.form-standard .buttonright {
	text-align: right;
	margin: 5px;
}



/* form-search is used on the home page search form only */


#form-search {
	position: relative;
}
#form-search p {
	margin: 0px 0 3px 0;
	
	font-size: 10px;
}
#form-search p label {
	float: left;
	width: 65px;
	margin:0;
}

#form-search .fullwidth{
	width: 100%;
	margin:0;
}

#form-search .fullwidth input{
	margin-left: 65px;

}

#form-search input, select{
	font-size: 9px;
}

#form-search select {
	width: 80px;
}


.smallbuttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #CCCCCC;
	width: 85px;
}