/* pcw4.css Conor 28 Mar 06  Style sheet for Richard Browning, for divs and centralising etc */

html {height: 100%; margin-bottom: .01em} /* force scroll bar to prevent screen width changing*/

#outerdiv {position: absolute; width: 760px;  left: 50%; margin-left: -380px; height: 580px; top: 8px; background-color: #FFFFFF; z-index: 99; visibility: visible;}  /* to force centralising */
#namediv { position: absolute;  left: 30px; top: 30px; width: 400px; height: 80px; z-index: 99; visibility: inherit }
#leftdiv { position: absolute;  left: 30px; top: 210px; width: 230px; height: 250px; z-index: 99; visibility: inherit }
#left2div { position: absolute;  left: 30px; top: 480px; width: 230px; height: 100px; z-index: 99; visibility: inherit }
#middlediv { position: absolute;  left: 280px; top: 210px; width: 480px; height: 370px; z-index: 90; visibility: inherit }
#rightdiv { position: absolute;  left: 575px; top: 210px; width: 185px; height: 250px; z-index: 99; visibility: inherit }
#right2div { position: absolute;  left: 575px; top: 480px; width: 185px; height: 80px; z-index: 99; visibility: inherit }
#button1div { position: absolute;  left: 650px; top: 50px;width: 100px; height: 20px; z-index: 95; visibility: inherit }
#button2div { position: absolute;  left: 650px; top: 80px;width: 100px; height: 20px; z-index: 95; visibility: inherit }
#button3div { position: absolute;  left: 650px; top: 110px;width: 100px; height: 20px; z-index: 95; visibility: inherit }
#button4div { position: absolute;  left: 650px; top: 140px;width: 100px; height: 20px; z-index: 95; visibility: inherit }
#button5div { position: absolute;  left: 650px; top: 170px;width: 100px; height: 20px; z-index: 95; visibility: inherit }

body { 
	background-color: #DCD9D9;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11pt;
	color: #000000;
}
/* button states */
.buttons {           /* for non-active button, ie current page */
  float: left;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  width: 100px;
  height: 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid black;
  border-left: 1px solid #cccccc;
  border-right: 1px solid black;
  background: #FFFF00;
  text-align: left;
  text-decoration: none;
  font: bold 12px Arial;
  color: black;
}
.buttons a:link, .buttons a:visited
{
  float: left;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  width: 100px;
  height: 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid black;
  border-left: 1px solid #cccccc;
  border-right: 1px solid black;
  background: #cccccc;
  text-align: left;
  text-decoration: none;
  font: bold 12px Arial;
  color: black;
}
.buttons a:hover
{
  background: #eeeeee;
}
.buttons a:active
{
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}

.button2 {   /* for secondary testimonial button */
  float: left;
  font: normal 12px Arial;
  text-align: center;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  width: 100px;
  height: 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid black;
  border-left: 1px solid #cccccc;
  border-right: 1px solid black;
  background: #FFFF00;
  text-decoration: none;
  color: black;
}
.button2 a:link, .button2 a:visited {
  float: left;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  width: 100px;
  height: 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid black;
  border-left: 1px solid #cccccc;
  border-right: 1px solid black;
  background: #cccccc;
  text-align: left;
  text-decoration: none;
  font: normal 12px Arial;
  color: black;
  text-align: center;
}
.button2 a:hover {   
  background: #EEEEEE;
}
.button2 a:active {   
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}

/* end button states */

#namediv h1 {
	font-size: 24pt;
	color: #678244;
	font-weight:bold;
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0px 8px 0px 8px;
	text-decoration: none;
}
#namediv h2 {
	font-size: 18pt;
	color: #678244;
	font-weight:bold;
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0px 8px 0px 8px;
	text-decoration: none;
}
/* for home link on name */
#namediv a:link, #namediv a:active, #namediv a:visited,#namediv a:hover {color:#678244; text-decoration:none;}


#leftdiv p {
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding: 0px 8px 8px 8px;
	font-size: 10pt;
	/* line-height: 15pt; */
	text-align:left;
}
#left2div p {
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0px 8px 8px 8px;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-align:right;
}
#rightdiv p {
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding: 0px 8px 8px 8px;
	font-size: 10pt;
	/* line-height: 15pt; */
	text-align:left;
}
#right2div p {
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0px 8px 8px 8px;
	font-size: 9pt;
	color: #000000;
	text-align:right;
}

.testimonial {
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding: 0px 8px 8px 8px;
	font-family: "Times New Roman", Times, serif;
	font-size: 8pt;
	color: #0066CC;
	/* line-height: 15pt; */
	text-align:left;
}