/* Optional Code */
body { margin: 0; padding: 0; background-color:#FFF; text-align: justify; font-size:9pt; color:#000033;}
h1,h2 {padding: 0.3em;}
h2{line-height: 1.0; margin-bottom: 0px;}
h1 {font-weight: bold; font-family: "Georgia, Times New Roman, Times, serif"; font-size: 11pt; color: #000033; line-height: 100%; margin: 15px 0px 12px 0px;}
h2 {font-size: 10.6pt; font-weight: bold; color: #000033; font-family: Georgia, serif; margin-top: 4px; margin-bottom: 0px; }
h3 {font-variant: smallcaps; text-align: left; padding-bottom: 0px; line-height: 100%; margin: 0;}
h3 {font-size: 10pt;}
h4 { color:#0066FF; margin: 0; line-height: 1.1em; padding: 4px; font-size: 8.5pt; }

p {padding: 0 8px 0 8px;}
a {text-decoration: none; font-weight: bold; color:#000033;}
a:hover, a:active {color:#FF3333;}

/*table at bottom of header - info for clients and users*/
.toptable {background-color:#66FFFF; color: #000033; 
			border: solid 1px #ffffff; text-align: center; width: 770px;}
.toptable tr{background-color: #66ffff; margin-left: 40px auto; margin-right: 40px auto;}
.topleft,.topright {width: 10%;}
.toptable p {font-size: 8pt; color: #000033; text-align: center; line-height: 140%;}
/*for making that dratted top menu centre in firefox I hope*/
.drat {margin-left: auto 145; margin-right: auto 145;}
/*which navigation is this?*/
.propnav {font-size: 8.0pt; line-height: 150%;}
.propnav a:link,a:visited {color: #003333;}
.propnav a:hover {color: #ff3300;}
.propnav a:active {color: #ff3300;}

/*For side column content*/
.sideboxes {width: 130px; color:#000066; text-align: center; border: solid 2px #0066CC; background-color:#FFFF99;}
.sideboxes p, .sideboxes a {margin-top: 1px; color:#0066CC; font-size: 8pt; font-family: Verdana, Helvetica, sans-serif;}
.sideboxes h4, selectwrap h4{color:#CC0000; font-size:8.5pt; margin: 4px 3px 0px 3px; line-height: 130%;}
.darktext {color:#000033; font-size: 8pt;}
/*for property tables on for sale by owner*/
.privatetable {border: 0; height: auto; font-size: 9pt; width: 650px; margin: 4px;}
.privatetable td {border: solid 1px  #033; padding: 2px;}
.privatetable td p{margin: 0; padding: 2px 2px 5px 2px; line-height: 120%;}
.propimage {border: 1px; vertical-align: top;  text-align: center; width: 179px; margin: 0; padding: 2px;
 }
.propimage img {border: solid 1px #003333;}
.propinfo {border: solid 1px #000033; padding: 2px; text-align: left; 
		color: #000033; vertical-align: top; margin: 0; height: auto;}
h3, .uktext, {padding-left: 5px; padding-right: 5px;}
.uktext, uktext p {font: normal "Verdana"; font-size: 9pt; line-height: 120%}
.francais {font-size: 9pt; font-family: "Geneva, Arial, Helvetica, sans-serif"; padding: 5px 5px;  color:#000099; text-align: left; line-height: 120%;}
.cref,.prix  {color: #000033; line-height: 100%; font-weight: bold; height: 12px; 
}
.cref,.prix,.click {font-family: "Verdana, Helvetica, sans-serif"; font-size: 8.5pt; font-weight: bold;
				   text-align: left;  border: solid 1px #003333;}			
.cref { width: 100px;}
.prix {width: auto;}
.client {text-align: left;}
.client, .contact {text-align: center; font: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;}
.client {background-color: #FFFFCC;}
.contact {background-color: #99FFFF;}
.contact a, .client a {color:#003333; font: bold 8pt "Arial, Helvetica, sans-serif";}


.sold {font-size: 12pt; font-weight: bold; 	color: #CC3300;}
.click {font-style: italic; width: 85%;}
.text {font: italic bold "Georgia, Times New Roman, Times, serif"; font-size: 9.5pt; color: #006666; line-height: 115%}
.mediumfont {font-size: 12pt; color:#000033; font-weight: bold;}
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
.maintext {width: 500px; text-align: justify;}
.rightext,.leftext,.leftextB,.italL {font-size: 8pt; padding: 3px 8px 10px 8px; width: 150px;}
.leftext,.italL {text-align: left;} 
.rightext {text-align: center; font-size: 8pt;}
.bold {font-weight: bold;}
.red {color: #CC3300;}
centext {text-align: center;}
.italic {font-style: italic; line-height: 125%; margin: 0;}
.ital ul,.ital ul li{list-style: none;}
.normal { font-style: normal; font-weight: normal;}
.geneva {margin-top: 0px; padding: 2px 10px 2px 10px; vertical-align: top; font-size: 10pt; font-style: italic; font-family: "Geneva, Arial, Helvetica, san-serif"; font-weight: bold; color: #006666; text-align: center; }
.newshead {text-align: center; font: bold 11pt "Geneva, Helvetica, sans-serif"; color: #cc3300;}
.sideboxes hr {height: 2px; width: 60px; color:#000033;}
.paybox {width: 550px; text-align: justify; font-size: 8pt; color:#000033;}
/*for sending advert details page*/
.toform, .toemail, .toterms, .sendall {vertical-align: middle; padding: 8px 5px 10px 5px; text-align: left; font-size: 8.8pt; font-weight: bold; width: 550px; height: 10px; border: solid 1px  #000033;}
.toform {background-color:#99ffff;}
.toemail {background-color:#ffff66; width: auto; }
.sendall { background-color:#ffff66; }
.toterms {text-align: left; background-color:#99FFCC; }
.floatleft {float: left;}
.floatright {float: right;}
.bigfont {font-size: 13pt; color:#ff3300;} 
.adlist {text-align: center; color:#000033; font-size: 8.5pt; list-style: none; line-height: 200%;}
.top {width: 25px; padding: 5px;text-align: center; font-weight: bold; font-size: 14px; border: 1px solid #000033; background-color:#FFFF66;}

/*text properties navigati0n bar*/
.propertylinks {width: 100%; height: .8em;
	font: bold  8pt #003333;
	font-family: "Verdana, Helvetica, sans-serif";
	text-align: center;
	vertical-align: middle;
	background: #ffff66;
	margin-left: -100px;
	margin-right: -100px;
	padding-top: .7em; padding-bottom: .3em;
	position: static;
	border: 2px solid #ffffff;
	border-style: outset;
}

.bretagne,.bretagneb{text-align: left; color: #003333; padding: 0 10px 0 10px; line-height: 125%;}
.bretagneb {font-weight: bold}

/*settings for the inner divs with photos in the center column*/
.pennewrap { background-color: #fff; text-align: center; height: 1%;}
.penneleft {width: 33%; float: left; }
.penne p,.manor p, .office{font-family: Arial, Helvetica, sans-serif;
							 color: #006666; font-weight: bold; font-size: 8.0pt;}

* html .penneleft {margin-bottom: 0;}
/* Hides from IE-mac \*/
* html .pennewrap {height: 1%;}
/* End hide from IE-mac */

/*for right column*/
.selectwrap {padding: 4px; margin-left: 6px; width: 128px; text-align: center; border: 2px solid; border-color:#00CCFF; background-color:#ffff99}
.selectwrap img {border: 1px solid; border-color:#FFFF00; margin: 5px;}
.blue {color: #0099FF; font-weight: bold; text-align: center; padding: 0px; margin: 0px; font-size: 8.5pt; font-family: Arial, Helvetica, sans-serif;}
.darktext {color:#003366; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.selectwrap a, .darktext a{color:#CC0000; font-weight: bold;}
.bold {font-weight: bold;}
/*for admin footer*/
.maisons {vertical-align: top; text-align: center; width: 60%;}
.date,.copyright {font-size: 7.0pt; font: normal "verdana, helvetica, sans-serif"; vertical-align: top;}
.copyright {width: 100%; text-align: center; border: 0px;}
.date {vertical-align: top; width: 22%; text-align: center;font-size: 7.0pt;}
.date a {font-size: 7.0pt;}
.trademark {border: 0px; font-size: 4.5pt; font-weight: bold;  vertical-align: super; color: #003333;}
.copyright a {font-size: 7pt;}

.wrapper { min-width: 400px; margins: auto;}
          /* Always good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
	width: 100%; background-color: #ffff33;            /* total width */
}      
.middle {margin: 1px auto;
}
.clear { clear: both; height: 1px; margin: 0px;}
.clearleft {clear: left; 
  clear:both;
  font-size:.0001%;
  height:0;
}

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.right p { padding-left: 15px; vertical-align: top;}
.center { margin: 0 -8px 0 -2px; }
/* Hides from IE5-mac \*/
* html .penneleft {height: 1%;}
/* End hide from IE5-mac */