@variables {
  highlight1: #288682; /* was orange */
  highlight1-light: #FFC180 ; /* 50% saturation */
  highlight2: #4B2886; /* was blue */
  borderColor: #441D86;
  linkColor: #288682;
  buttonColor: #e8f2fe; /* light version of highlight 2 */
  pageColor: #D4CBE2; /* light version of highlight 2 */
  errorColor: red; /* usually this will stay as red */
  docColor: #ffffff; /* usually this will stay as white */
}


html {
  overflow-y: scroll;
  background-color: #D4CBE2; /* var(pageColor) */
}
 
body {
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  font-size: 12px;
  text-align: left;
}

strong {
  color: #288682; /* var(highlight1) */
  font-weight: bold;
}

 
#doc {
  background-color: #ffffff; /* var(docColor) */
}
 
#bd, #hd {
  border-left: 2px solid;
  border-right: 2px solid;
  border-right-color: #441D86; /* var(borderColor) */
  border-left-color: #441D86; /* var(borderColor) */
}
 
#bd {
  padding: 5px;
}

#content {
	padding-left: 5px;
}

#hd {
}
 
#logo {
  padding-left: 10px;
  padding-top: 5px;
  padding-right: 10px;
}
 
 
#header {
  height: 30px;
  padding-left: 10px;
  padding-bottom: 0px;
  padding-top: 5px;
  text-align: left;
}
 
#ft {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: 2px solid;
  border-top-color: #441D86; /* var(borderColor) */
  background-color: #D4CBE2; /* var(pageColor) */
}
 
p {
  margin-bottom: 0.5em;
}
 
h1 {
  font-size: 150%;
  color: #4B2886; /* var(highlight2) */
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  text-transform: none;
}
 
h2 {
  font-size: 130%;
  color: #288682; /* var(highlight1) */
  margin-top: 10px;
  font-weight: bold;
}
 
h3 {
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 5px;
}
 


#menu {
  height: 40px;
  border-top: 2px solid;
  border-top-color: #441D86; /* var(borderColor) */
  border-bottom: 2px solid;
  border-bottom-color: #441D86; /* var(borderColor) */
}
 
 
a {
  outline: none;
}
 
#sidebar {
  padding-left: 5px;
}
 
.display_none {
  display: none;
}
 
/*
If you want this size in pixels (px) Declare this percent (%)
10 77
11 85
12 93
13 100
14 108
15 116
16 123.1
17 131
18 138.5
19 146.5
20 153.9
21 161.6
22 167
23 174
24 182
25 189
26 197
*/
 
ul.pagination li {
  display: inline;
  list-style-type: none;
  padding-right: 0.5em;
  padding-left: 0em;
}
 
ul.navigation li {
  display: inline;
  list-style-type: none;
  padding-right: 0.5em;
}
 
/* tag cloud formatting */
 
span.alphabetList {
  color: gray;
}
 
span.alphabetList A {
  padding: 2px;
}
 
span.alphabetList A:hover {
  color: white;
  background-color: #288682; /* var(linkColor) */
}
 
div.tag-cloud {
  text-align: left;
}
 
div.tag-cloud A {
  padding: 2px;
  text-decoration: none;
  color: #288682; /* var(linkColor) */
}
 
div.tag-cloud A:hover {
  color: white;
  background-color: #288682; /* var(linkColor) */
}
 
ul.tag-cloud li {
  display: inline;
  list-style-type: none;
  padding: 1px;
}
 
.tag-cloud-large {
  font-size: 150%;
}
 
.tag-cloud-small {
  font-size: 150%;
}
 
.tag-cloud-item-1 {
  font-size: 60%;
}
 
.tag-cloud-item-2 {
  font-size: 80%;
}
 
.tag-cloud-item-3 {
  font-size: 100%;
}
 
.tag-cloud-item-4 {
  font-size: 120%;
}
 
.tag-cloud-item-5 {
  font-size: 140%;
}
 

.display_none {
  display: none;
}
 
.left-label {
  width: 200px;
  font-weight: bold;
  border: 1px solid black;
  display: block;
  float: left;
  clear: both;
}
 
table.left {
  width: 100%;
}
 
th {
  vertical-align: top;
  text-align: left;
  color: white;
  background-color: #441D86; /* var(borderColor) */
  border: 1px solid;
  border-color: #441D86; /* var(borderColor) */
  padding: 5px;
}
 
table.left th {
  width: 200px;
}
 
td {
  border: 1px solid;
  border-color: #441D86; /* var(borderColor) */
  vertical-align: top;
  padding: 5px;
}
 
tfoot {
  color: #441D86; /* var(borderColor) */
}
 
tr.highlight {
  background-color: #288682; /* var(highlight1) */
}
 
.visible {
  visibility: visible;
}
 
.hidden {
  visibility: hidden;
}
 
A:link, A:visited, A:active, A:hover {
  color: #4B2886; /* var(highlight2) */
  text-decoration: none;
}

A:hover
{
  text-decoration: underline;
}
 
.numeric, .right {
  text-align: right;
}
 
.summary-line {
  margin-bottom: 10px;
}
 
.float-right {
  float: right;
}
 
.float-left {
  float: left;
}
 
#ajax-indicator {
  background-color: #288682; /* var(highlight1) */
  color: white;
  float: right;
  margin: 5px;
  padding: 2px;
}
 
.background-light {
  background-color: #FFC180; /* var(highlight1-light) */
}
 
.address-label {
  font-weight: bold;
  color: #288682; /* var(highlight1) */
}
 
.timeline {
  color: gray;
}
 
.lo-light {
  color: gray;
}
 
#googleMap {
  width: 100%;
  height: 400px;
}

.sidebox {
  font-size: 11px;
}
 
.sidebox .lo-light {
  font-size: 10px;
  padding-left: 5px;
}
 
.sidebox h2 {
  margin-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 13px;
  font-weight: bold;
}
 
.sidebox li {
  margin-bottom: 4px;
}
 
.tooltip {
  text-decoration: underline;
}
 
.organisationSummary {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.organisationSummary h3 {
  margin-bottom: 0px;
}
 
.organisationSummaryFooter {
  background-color: #288682; /* var(highlight1) */
  color: white;
}
 
.organisationSummaryFooter a {
  color: white;
}
 
.isPremium {
  border: 3px solid;
  border-color: #288682; /* var(highlight1) */
  padding: 5px;
  margin-top: 5px;
}

.isNotPremium {
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 5px;
}



 
div.isPremiumFlag {
  color: #4B2886; /* var(highlight2) */
  font-size: 15px;
  font-weight: bold;
  padding: 5px;
  float: right;
}
 
.highslide-caption {
  display: none;
}
 
.framed-image {
  padding: 3px;
/*  border: 1px solid gray;*/
}
 
.organisation-name {
  color: #4B2886; /* var(highlight2) */
  margin-bottom: 5px;
}
 
.frontBox {
  padding: 5px;
  border: 3px solid;
  border-color: #288682; /* var(highlight1) */
}
 
.editLinksBox {
  border: 2px solid;
  border-color: #288682; /* var(highlight1) */
  padding: 5px;
}

.editLinksButton {
/*  display: none;*/
  margin-bottom: 5px;
  margin-top: 5px;
}

.frontBox h2 {
  color: #4B2886; /* var(highlight2) */
  margin-top: 0px;
  font-weight: bold;
}
 
.highlight1 {
  color: #288682; /* var(highlight1) */
  font-weight: bold;
}
 
/* form markup should be:
	<fieldset>
		<legend></legend>
		<ol>
			<li>
				<label></label>
				<div class='form_error'></div>
				{field}
			</li>
			...
			</ol>
	</fieldset>
	
	<fieldset>
	...
	</fieldset>
	
	<fieldset class='submit'>
	{submit button}
	</fieldset>
*/
 
fieldset
{
  margin-top: 5px;
	border: 2px solid;
	border-color: #288682; /* var(highlight1) */
	padding: 10px;
}

.button, A:link.button, A:visited.button, A:active.button, A:hover.button
{
  margin-top: 5px;
  margin-right: 5px;
  border: 1px solid black;
  padding: 5px;
  color: black;
  background: #e8f2fe; /* var(buttonColor) */
  cursor: pointer;
  line-height: 30px;
}
 
input, textarea {
	padding: 1px;
/*  background: #fff url(../images/input-shadow.gif) top left repeat-x;*/
  margin-bottom: 5px;
}
 
textarea {
  overflow: auto;
}
 
legend
{
	color: #288682; /* var(highlight1) */
	font-weight: bold;
	font-size: 131%;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
 
}
 
fieldset ol
{
  margin-top: 5px;
	list-style: none;
}
 
fieldset ol li
{
	list-style: none;
}
 
fieldset ol li p
{
	margin-left: 0px;
}
/*fieldset li
{
  padding-bottom: 1em;
}
*/ 
label
{
	display: block;
	font-weight: bold;
	color: #4B2886; /* var(highlight2) */
}
 
fieldset p
{
/*  margin-left: 28px;
  margin-right: 28px;
*/}
 
fieldset.submit
{
	border-style: none;
}
 
.form_error, .error_list
{
	color: red; /* var(errorColor) */
}

table.center {margin-left:auto; margin-right:auto;}

.tag-line
{
/*  margin-top: 5px;*/
}

.highslide-wrapper .highslide-html-content {
    width: auto;
}

.news-body
{
  margin-top: 20px;
  margin-bottom: 20px;
}

.news-heading
{
  margin-top: 10px;
  font-size: 130%;
  font-weight: bold;
}

.new
{
  color: white; /* var(errorColor) */
  font-weight: bold;
  border: 1px solid red;
  background-color: red;
  margin-left: 2px;
  padding: 1px;
}

.sf_star
{
  margin-right: 5px;
}

.formHelp
{
  font-style: italic;
}

.highlight1 {
  color: #288682; /* var(highlight1) */
}

.highlight2 {
  color: #4B2886; /* var(highlight2) */
}

.backgroundHighlight1 {
  background-color: #288682; /* var(highlight1) */
}

.backgroundHighlight2 {
  background-color: #4B2886; /* var(highlight2) */
}

.frontLocationSearch {
  background-color: #288682; /* var(highlight1) */
  color: white;
  padding: 10px;
}

A.white {
  color: white;
  font-weight: bold;
}

.bookReview
{
  overflow: auto;
  margin-bottom: 20px;
}

.bookCover
{
  margin-left: 10px;
  min-width: 100px;
  clear: both;
  text-align: right;
}