body {
max-width: 1500px;
min-width: 800px;
margin: 0;
font-style : normal;
font-weight : normal;
font-family : Arial, Geneva, Helvetica, sans-serif;
color : #000;
background: url("backgrounds/blue_brushed_bg.jpg");
}

#wrapper {padding-right:5px;}

h1 {
font-size : 200%;
font-style : normal;
font-weight : bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #000;
background-color : #FFF;
margin: 0;
padding: 0;
}

h2 {
font-size : 140%;
font-style : normal;
font-weight : bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #000;
background-color : #FFF;
}

h2.beach span {font-size: 75%;}


h1.sun {
color : #300;
background-color : #FFF;
margin-top: 0.5em;
}

h2.sun {
color : #300;
background-color : #FFF;
}

h1.beach {
color : #0073C0;
background: transparent;
margin-top: 0.5em;
}

h2.beach {
color : #0073C0;
background-color : transparent;
}

h1.rain {
color : #030;
background: transparent;
text-align: center;
margin-top: 0.5em;
}

h2.rain {
color : #030;
background-color : transparent;
}  

*/

#spreadsheet {

font-size : 90%;
font-style : normal;
font-weight : normal;
font-family : Arial, Geneva, Helvetica, sans-serif;
color : #000;
background : #FFF; 
border: 0px;
}

#spreadsheet tr.even td {background: #edf3fe; color: #000;}

#spreadsheet th {background: #edf3fe; color: #000; padding: .5em;}
 
td {border:1px solid #CCC;}

th {border:1px solid #CCC;}
  
td.postcode {white-space:nowrap}

td.phoneNumber {white-space:nowrap}

#rolloverNavHighlight {width: 11em}

/* GENERAL CLASSES */

.centre {
text-align: center;
margin: auto;
}

div.centreButLeft {

text-align: center;
margin-top: 3px;
margin-left:auto;
margin-right:auto;
}

div.centreButLeft p,ul,li {text-align:left;}

.cursive {font-family: cursive;}

.black {color: #000}

.greyRed {color: #FCC;}

.red {color: #900}

.white {color: #FFF}

.yellow {color: yellow}

.green {color: #090}

.blue {color: #009}

.italic {font-style: italic;}

.underline {text-decoration: underline}

.someColorBackground {background: #FFFF66;}

.noMarginLeft {margin-left:0;}

.noBorder {border:0;}

ul.space3 li {margin-bottom:3px}

.noMarker {list-style-type: none}


#logo {
text-align: center;
margin-left:auto;
margin-right:auto;
border: 0px transparent solid;
}

#wrapper {
margin-top: 10px;
margin-bottom: 0px;
background-color: transparent;
border: 0px red solid;
}

#leftNav {
width: 10em;
margin-top: 0px;
margin-bottom: 0px;
padding-right: 10px;
padding-left: 5px;
padding-top: 10px;
color: #000;
background: transparent;
border: 0px #FF9 solid;
border-right: 0px red solid;
}

#content  {
margin: 10px 0 10px 0;
padding: 5px 10px 10px 10px;
color: #000;
background: #fff;
border: 0px #CCC solid;
}

#content a:link {text-decoration: underline;}
#content  a:visited {text-decoration: underline;}

#content p {max-width: 60em; }


#features {
margin-top: 10px;
margin-bottom: 10px;
padding: 5px 10px 10px 10px;
color: #fff;
background: transparent;
}

#features a {color: #fff; text-decoration: underline;}

table.content {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
background-color: transparent;
border: 0px transparent solid;
}

table.contentBorder {

width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 15px;
background-color: transparent;
border: 0px transparent solid;
}


table.contentBorder td {   
margin-top: 0px;
background-color: transparent;
border: 1px transparent solid;
}

table.contentNoBorder td {
margin-top: 0px;
border: 0;
}

table.noBorder td  img {
margin-top: 0px;
border: 0;
}


table.centreAll {
text-align: center;
margin-left:auto;
margin-right:auto;
background: #fff;
color: #000;
border: 0;
}


table.centreAll  td {

text-align: center;
margin-left:auto;
margin-right:auto;
color: #000;
background-color: #fff;
border-style: groove;
border: 1px transparent solid;
}

b.special {
font-style : normal;
font-weight : normal;
font-family : Arial, Geneva, Helvetica, sans-serif;
color : #660000;
background-color : #FFF;
}

b {
color : #000;
background-color : #fff;
}

em {font-weight: bolder; font-style: normal;}

/*  ===== HIGHLIGHT ROLLOVERNAV ===== */

#rolloverNavHighlight {
width: 9em;
padding: 0;
margin-top: 10px;
margin-left: 1%;
margin-bottom: 1em;
font-family: Verdana, Arial, sans-serif;
font-size: 90%;
background: transparent;
color: #fff; /* ... */
}

#rolloverNavHighlight ul {
list-style: none;
margin: 0 0 .2em 0;
padding: 0;
border: 0;
}

#rolloverNavHighlight li {
margin: 0;
list-style: none;
list-style-image: none;
border-bottom: 0px solid #666;
}

#rolloverNavHighlight li a {
display: block;
padding: 0px 5px 1px 0.5em;
background: transparent;
color: #fff; /* ... */
text-decoration: none;
width: 100%;
}

html>body #rolloverNavHighlight li a {

width: auto;
}

#rolloverNavHighlight li a:hover {

background: #fff;
color: #F00;
}

#rolloverNavHighlight li {margin-left:8px;}

li#noMarginLeft {margin-left:0;}


/* === ROLLOVER NAV === */

#rolloverNav {
width: 10em;
padding: 0;
margin-top: 10px;
margin-left: 1%;
margin-bottom: 1em;
font-family: Verdana, Arial, sans-serif;
font-size: 90%;
background: transparent;
color: #fff; /* ... */
}

#rolloverNav ul {
list-style: none;
margin: 0;
margin-top: 0px;
padding: 0;
border: 0;
}

#rolloverNav li {
margin: 0;
list-style: none;
list-style-image: none;
color: #fff; /* ... */
border-bottom: 1px solid #333;
}

#rolloverNav li a {
display: block;
padding: 0px 5px 3px 0.5em;
background: transparent;
color: #fff; /* ... */
text-decoration: none;
width: 100%;
}

html>body #rolloverNav li a {width: auto;}

#rolloverNav li a:hover {
background: #fff;
color: #f00;
}

/* the following style sets lists*/

ul {
list-style-type : disc;   
font-size : 100%;
font-style : normal;
font-weight : normal;
font-family : Verdana, Arial, sans-serif;
line-height : 1.2em;
color : #fff;
background : transparent;
}

ul.plain {
list-style-type : none;   
font-size : 100%;
font-style : normal;
font-weight : normal;
line-height : 1.2em;
background : transparent;
margin-left: 0px;
border: 0px green solid;
}


/* the following style sets links*/

a:link {
text-decoration: none; 
font-style : normal;
font-weight : normal;
color : #009;
background : transparent;
border: 0;

}

a:visited {

text-decoration: none; 
font-style : normal;
font-weight : normal;
color : #009;
background : transparent;
border: 0px white solid;
}

a:hover {

text-decoration: none; 
font-style : normal;
font-weight : normal;
color : #F00;
background : transparent;
}

a:active {
text-decoration: none; 
font-style : normal;
font-weight : normal;
color : #0F0;
background : transparent;
}

/* the following style sets underline links*/

div.underline a:link {
text-decoration: underline; 
font-style : normal;
font-weight : normal;
color : #009;
background : transparent;
border: 0px white solid;

}

div.underline a:visited {
text-decoration: underline; 
font-style : normal;
font-weight : normal;
color : #009;
background : transparent;
border: 0px white solid;
}


img.borderless {border: 0px white solid}

img.border {border: 1px #666 solid}

#logo img {border: 0px red solid}

#features img {border: 0px red solid}

td.features {
text-align: center;
width: 250px;
padding-top: 10px;
padding-left: 4px;
font-size: 85%;
background-color: #FFF;
border-left: 1px #C00 solid;
} 

td.features div {
text-align: left;
padding: 0px 5px 5px 5px; 
margin-right: 5px;
background-color: #FFF;
border: 0px red solid;
} 

td.features p {
text-align: left;
margin-left: 0px;
}

ul.plain {
list-style: none;
font-size: 90%;
}

.localNavStrip  {
padding: 0;
margin: 0;
text-align: center;
margin-top: 0;
}

.localNavStrip ul {
padding: 0;
margin: 0;
text-align: center;
display: inline;
}

.localNavStrip li {
margin: 0;
list-style-type: none;
padding: .2em .4em .2em .4em;
/* Hides from IE5-mac \*/
border-left: 1px solid  #ccc;
/* End hide from IE5-mac */
display: inline;
}


div.localNavStrip ul li.noBorder {border-left: 0px solid  #ccc;}

#content div.localNavStrip a {text-decoration: none;}
#content div.localNavStrip a:visited {text-decoration: none;} 


/* ======= FOOTER ======== */

#footer span {font-size: .8em}

#footer {
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
color: #fff; /* ... */
background: transparent;
}

#footer a {
font-family: Arial, san-serif;
font-size: .85em;
text-decoration: none;
color: #fff; /* ... */
background: transparent;
}

#footer a:visited {
color: #fff; /* ... */
font-size: .85em;
background: transparent
}
#footer a:hover {color: #f00;font-size:.85em;background: transparent;}
#footer a:active {color: #0c0;font-size: .85em;background: transparent;}


/* ================================== */


small {font-size : 90%;}

#content  {

margin-bottom: 2px;
padding: 15px 20px 10px 20px;
}

table.border td {border: 1px #666 solid;}

table.specialHeader th {border: 1px #666 solid;background:#F1F1F1}

table.centreAll  td {

padding-bottom: 5px;
border: 1px #666 solid;
}

table.centreNoBorder {
text-align: center;
margin-left:auto;
margin-right:auto;
background-color:transparent;
border: 0px #666 solid;
}

table.centreNoBorder  td {border: 0px #666 solid;}

div.centre p {
text-align: left;
margin-left:auto;
margin-right:auto;
}

ul {font-size : 95%;}

tr.noBorder td {border:0;}

#content p.centre a:link {text-decoration: none;}
#content p.centre a:visited {text-decoration: none;}

#spreadsheet th.pointer {cursor: pointer;}
#spreadsheet th {background: #f1f1f1;}