body {
  font-family: Arial, Helvetica;
  background-color: #dddddd;
  color: #000000;
  margin: 0px;
  padding: 0px;
  font-size: 0.8em;
  text-align: center;
}
td {font-size: 100%; text-align: left; margin: 0px; padding: 0px;}
h1 {font-size: 130%; display: block; font-weight: bold;}
h2 {font-size: 120%; display: block; font-weight: bold;margin: 0px 20px 10px 20px;}
h3 {font-size: 100%; display: block; font-weight: bold;margin: 0px 20px 10px 20px;}

.brooke { margin: 10px 20px 0px 0px;}
.flag { margin: 10px 0px 0px 10px;}
#container {
margin: 0px auto 0px auto; 
width: 700px; 
text-align: 
left; background:#fff;
}

#skiplinks {
position: absolute;
left: -1000px;
}

p {margin: 0px 0px 20px 0px;}

#header {
	padding: 0px;
	background: url('../images/brooke_header.jpg') 0px 0px;
	height: 145px;
	}
#header img {border: 0px;}

.brookelogo {float: right; margin: 5px 5px 0px 0px;}
.brooketext {margin: 45px 0px 0px 10px;}
	
#navbarp ul {position: relative; width: 100%; list-style-type: none; margin: 0px 0px 10px 10px;; padding: 0px; overflow: auto;}
#navbarp li {position: relative;  display: block; float: left; margin: 0px 15px 0px 0px;  z-index: 100;}
#navbarp a {text-decoration: none;text-transform: uppercase; color: #000; font-size: 9pt;}
	
#page {
position: relative;
background: #fff;
width: 100%;
overflow: auto;
  margin: 0px;
  padding: 0px;
}

#content {
position: relative;
margin: 0px 0px 0px 0px;
overflow: auto;
width: 100%;
}
	
#content p {
position: relative;
margin: 0px 20px 10px 20px;
}
	
/* ================================ */
/*  START OF WIDGET TEXT FORMATTING
/* ================================ */
.widgetem {
font-style: italic;
}

.widgetstrong {
font-weight: bold;
}

.widgetleft {
text-align: left;
}

.widgetright {
text-align: right;
}

#content p.widgetcentre {
text-align: center;
margin: 0px 0px 0px 20px;
}

.widgetjustify {
text-align: justify;
}

.widgetexternal {
/* formatting for external link */}


/* ================================ */
/*  END OF WIDGET TEXT FORMATTING   */
/* ================================ */
.lhcolumn {
width: 340px;
margin: 0px 0px 0px 0px;
}

.lhcolumn p {
margin: 0px 0px 20px 0px;
}

.rhcolumn {
width: 340px;
float: right;
clear: right;
margin: 0px 10px 0px 0px;
}

.rhcolumn p {
margin: 0px 0px 20px 0px;
}
.uploadedimgr {
float: right;
margin: 0px 10px 10px 20px;
display: inline;
}

.uploadedimgl {
float: left;
margin: 0px 0px 10px 0px;
display: inline;
}

.uploadedimgc {
position: relative;
text-align: center;
display: inline;
margin: 5px 0px 5px -20px;
padding: 0px;
}

.uploadedimgi {
text-align: center;
display: block;
margin: 5px 0px 5px 0px;
}


.segment {
margin: 10px 0px 10px 0px;
padding: 0px;
}

.segmentimgonly {
display: inline;
float: left;
margin: 0px 0px 0px 5px;
text-align: center;
}

.segmentimgonly p {
display: inline;
}

	
.divborder {
border: 1px solid #000000; 
margin: 3px 0px 2px 0px; 
text-align: left;
}

.divider {position:relative; border-bottom: 1px solid #000000; width: 98%; margin: 3px 0px 10px 0px;}

.tableprice {border-collapse: collapse; border: 1px solid #000000; margin: 0px 15px 0px 15px;}
.tableprice td {padding: 3px; border: 1px solid #000000; font-size: 90%;}

.smaller {font-size: 80%;}
.right { text-align: right;}
td.right {width: 80px;}


.navitem {margin: 0px; position: relative; line-height: 150%;  padding: 0px 10px 0px 10px;border-right: 1px solid #000000; text-align: center; font-size: 8pt;background: #cccccc; font-variant: small-caps;}
form { display: inline;}  
input, textarea {font-size: 10pt; border: #000000 solid 1px; color: #000000;}


.nav:link    {text-decoration: none; color: #333333; }
.nav:visited {text-decoration: none; color: #333333;}
.nav:active  {text-decoration: underline; color: #000000; }
.nav:hover   {text-decoration: underline; color: #000000; }

.text1 {background: #ffffff;}
.margin1 {margin: 5px 10px 5px 10px; background: #ffffff; padding: 1px; width: 670px;}
.divhome {
	margin: 0px 0px 0px 0px; 
	background: #ffffff; 
	padding: 0px; 
	width: 700px; 
	text-align: center;
	}

.cosworth {margin: 3px 0px 3px 0px;}

/* ===========================
  phot gallery 
    ========================== */
.photocontainer {text-align: center; position: relative; }
.photocontainer span {display: block; margin-bottom: 2px;}
.photocontainer a:link {text-decoration: none; color: #333;}
.photocontainer a:visited {text-decoration: none; color: #333;}
.photocontainer a:hover {text-decoration: underline; color: #333;}

.photocontainer img {border: 0px; margin-top: 5px;}
.nextlink {float: right; }
.lastlink {float: left;}
.nextlastlinks {
position: relative; 
width: 600px; 
margin: 0px 50px 0px 50px;
}



.grey {background: #cccccc;}
.bold {font-weight: bold;}
.quote {font-style: italic; font-size: 120%;}
.quotesmall {font-style: italic; color: #000099;}
.red {color: #ff0000;}

.indented {margin: 0px 0px 0px 30px;}

.centre {text-align: center;}

.contacttable {width: 500px; border: 1px solid #ddd; padding: 5px; font-size: 100%;}

.ptable {width: 650px;  background: #ffffff; position: relative; overflow: auto;}
.row {clear: both; margin: 10px 10px 0px 10px;   background: #ffffff;}
div.row span.lcol {
  float: left;
  width: 310px;
  text-align: justify;
  display: block;
  } 
  
div.row span.rcol {
  float: right;
  width: 310px;
  text-align: justify;
  display: block;
  }

div.row span.rcolr {
  float: right;
  width: 310px;
  text-align: right;
   display: block;
 }

.imagefr {float: right; margin: 0px 0px 10px 10px;}

/* =================== */
/* =================== */
/* =================== */
/*      PMBWS FORM     */
/* =================== */
.validation_options {
	position: absolute;
	left: -1000px;
}

form#pmbws 		{
display: block;
overflow: auto;
/* 
border: 1px solid #060;
background: #E9F4E5;
*/
margin: 10px 0px 30px 20px;
}

form#pmbws p		{
	margin-bottom		: 1.3em;
/* NB value of this in forms css is currently set at 1em */
}

form#pmbws p label {
	width			: 10em;
/* NB value of this in forms css is currently set at 9.5em */
	display			: block;
	float			: left;
	cursor			: pointer;
	line-height		: 1.3;
	margin-left		: 3px;
}

form#pmbws p input {
	width			: 20em;
/* NB value of this in forms css is currently set at 9.5em */
}

form#pmbws p textarea {
	width			: 20em;
/* NB value of this in forms css is currently set at 9.5em */
}

form#pmbws #submit 	{
	cursor			: pointer;
	width			: 10em;
}

/* ------ error messages -------- */
form#pmbws p span.errorMsg {
	position		: relative;
	display			: block;
	float			: left;
	left			: 10em;
	color			: #FF0000;
}


/* ------ validation option buttons -------- */
form#pmbws fieldset.validation_options {
	position		: absolute;

	/*right			: 440px;
*/ 
	bottom			: 0.5em;
	width			: 50%;

	border			: 1px solid #006699;
	padding			: 0.3em;
}


.contactmessage {
font-weight: bold;

color: #600;
}