body {
	width: 99%;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

/*General link colours*/
a:link { 
    color: rgb(25,83,133);
    text-decoration: none;
 }

a:visited { 
    color: rgb(31,137,227);
    text-decoration: none;
 }

a:active { 
    color: rgb(31,137,227);
    text-decoration: underline; 
 }

a:hover { 
    color: rgb(31,137,227);
    text-decoration: underline; 
 }

h1 {  
	font-family: Tahoma, sans-serif; 
	font-size: 200%;
	color:  rgb(25,83,133); 
	text-align: left;
	}
	
p {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 140%; 
	line-height: 150%; 
	text-align: left;
	}

/* Horizontal Rule Properties */
hr {
	height: 1px;
	width: 95%;
	color: rgb(51,102,153);
} 

hr.light{
	height: 1px;
	width: 95%;
	color: rgb(200,246,252);
}

/* Table Properties */
table {
	width: 300px;
	border-width: 1px 1px 1px 1px;
	border: rgb(31,137,227) solid;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 120%;
	text-align: center;
	}
	
tr {
	border-width: 1px 1px 1px 1px; 
	border: rgb(31,137,227) solid;
	}

th {
	border-width: 1px 1px 1px 1px; 
	border: rgb(31,137,227) solid;
	}
	
td {
	border-width: 1px 1px 1px 1px; 
	border: rgb(31,137,227) solid;
	}

/* Table Properties */
table{
	width: 70%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%;
	text-align: left;
	}

table.accessibility{
	width: 40%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: x-small;
	text-align: left;
	border: 0px;
	}

table.tariff1{
	width: 65%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small;
	text-align: left;
	border: 0px;
	}

table.tariff2{
	width: 30%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small;
	text-align: left;
	border: 0px;
	}

table.tariff2 tr {
	background-color: #87CEFA;
	font: x-small arial;
	border-width: 1px 1px 1px 1px; 
	}

table.tariff1 tr {
	background-color: #87CEFA;
	font: x-small arial;
	border-width: 1px 1px 1px 1px; 
	}

table.tariff2 th {
	background-color: #8470FF;
	font: x-small arial;
	font-weight: bold;
	}

table.tariff1 th {
	background-color: #8470FF;
	font: x-small arial;
	font-weight: bold;
	}

table.tariff1 td{
	border-width: 0px; 
	}

/* Sets Width to Maximum allowed */

div#logo {
	width: 99.2%;
	height: 160px;
	border-width: 1px 1px 1px 1px;
	padding: 8px 5px 5px 8px;
	background-image: url('images/caravansite_top.gif');
	background-repeat: no-repeat;
	text-align: left;
}
 
/* Sets Height and width, aligns images right 
and Sets the Background Colour of Section Navigation Bar*/

div#sect_nav {
	width: 95%;
	height: 15px;
	background: rgb(139,191,229);
	border: rgb(25,83,133) solid;
	border-width: 1px 1px 1px 1px;
	text-align: left;
	padding: 5px 5px 5px 15px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: medium;
	color: rgb(0,0,0); 
}

div#sect_nav a:link { 
    color: rgb(0,0,0);
    text-decoration: none;
 }

div#sect_nav a:visited { 
    color: rgb(0,0,0);
    text-decoration: none;
 }

div#sect_nav a:active { 
    color: rgb(0,0,0);
    text-decoration: underline; 
 }

div#sect_nav a:hover { 
    color: rgb(0,0,0);
    text-decoration: underline; 
 }

/* Sets Width to Maximum allowed */
 
div#main {
	width: 99%;
	background: rgb(219,234,245);
	}

/* Defines the pagelink width and location */

div#pagelinks {
	display: none;
}

/* Defines the Main Contents width and location */

div#mainpage {
	width: 90%;
	margin-left: 0px;
	background: rgb(255,255,255);
	}

/* Defines the Styles for Main Contents  */

div#mainpage p {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small;
	line-height: 130%; 
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	text-align: left;
}

div#mainpage p.narrow {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small;
	line-height: 140%; 
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	text-align: justify;
}

div#mainpage p.right {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small;
	line-height: 150%; 
	margin-left: 0px;
	margin-top: 20px;
	text-align: right;
}

div#mainpage p.justify {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small;
	line-height: 150%; 
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	text-align: justify;
}

div#mainpage p.small {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: x-small;
	line-height: 150%; 
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	text-align: justify;
}

div#mainpage h1 {  
	font-family: Tahoma, sans-serif; 
	font-size: large;
	color:  rgb(25,83,133); 
	margin-top: 20px;
	margin-left: 0px
}

div#mainpage h2 {  
	font-family: Tahoma, sans-serif; 
	font-size: medium;
	color:  rgb(25,83,133);
	margin-left: 0px
}

div#mainpage h3 {  
	font-family: Tahoma, sans-serif; 
	font-size: small;
	color:  rgb(25,83,133);
	margin-left: 0px
}

div#mainpage ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
	font-weight: lighter;
	list-style-type: disc;
	margin-left: 0px;
	margin-top: 10px;
	line-height: 140%;
	margin-right: 175px;
	text-align: left;
 }

div#mainpage ul a:link { 
    color: rgb(31,137,227);
    text-decoration: none
 }

div#mainpage ul a:visited { 
    color: rgb(31,137,227);
    text-decoration: none 
 }

div#mainpage ul a:active { 
    color: rgb(31,137,227);
    text-decoration: underline; 
 }

div#mainpage ul a:hover { 
    color: rgb(31,137,227);
    text-decoration: underline; 
 }

div#mainpage ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: lighter;
	margin-left: 0px;
	margin-top: 10px;
	line-height: 140%;
	text-align: justify;
 }
 
 div#mainpage ol.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: lighter;
	margin-left: 0px;
	margin-top: 10px;
	line-height: 140%;
	text-align: justify;
 }

/* Set's the width and position */

div#insert {
	display: none;
}

/* Set's Style for the Copyright, Terms of Use and Disclaimer */

div#copyright p {
	display: none;
}

/* Defines the form layout and location for Contact Form */

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 140px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: rgb(25,83,133);
  
  }

div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: rgb(25,83,133);
  } 

div.row span.text {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: rgb(0,0,0);
  }

.submit-button {
  float: right;
  clear: both;
  color: #000;
  background: #fb0;
  border: 2px #9cf outset;
  }

.reset-button {
  float: right;
  clear: both;
  color: #000;
  background: #fb0;
  border: 2px #9cf outset
  }

div.spacer {
  clear: both;
  }
  
/*Code for top of page link*/
 
a.top
{
color: rgb(255,255,255);
}

a:hover.top
{
color: rgb(255,255,255);
}

a.top span
{
text-decoration: none;
color: rgb(255,255,255);
font-size: 110%;
font-weight: bold;
padding:1px;
border: 0px #555 solid;
}

a:hover.top span
{
text-decoration: none;
color: rgb(255,255,255);
font-size: 110%;
font-weight: bold;
padding: 1px;
border: 0px #26a solid;
}

a.top strong {
text-decoration: none;
}