/*  This section defines the default settings  */
body {
   font-family: "Trebuchet MS","Arial","Helvetica", sans-serif; 
   font-size: 14px; 
   background-color:#ffffff; 
   padding:0; 
   margin:0;
   bold;
   line-height:1.5em;
   background-size: 100%;
   background-image: url('./skyback4.jpg'); */
}

/* There should be a 15px gap between the end of one paragraph and the next */

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

h1 {
   font-size:16px;    
   position: relative;
   color: #333399;
}

h2{
   font-size:16px;
   position: relative;
   color: #606060;
   padding-bottom:1em;
}

h3 {
   color: #606060; 
   font-size: 14px;
}
    
/* Defines any super- and subscripts

sup { 
	vertical-align: 0.8ex; 
	font-size:70%; 
	line-height: 0;
}

sub { 
	vertical-align: -0.6ex; 
	font-size:70%; 
	line-height: 0;
}  

/* No underlines on links */

a {
   text-decoration: none;
} 

div#search {
   position: absolute; 
   left:70%; 
   top:50px;
}

/* To get the banner set correctly with the balloon on the right hand side of the text
 a parent division (bluebanner) is used to define a 100% background of blue
 whilst its child division (topofpage) creates a smaller width (box). The image of the balloon
 is pushed right to the limit of this box. */

div#bluebanner{
   background-color: #333399;
   background-size: 100%;
   background-repeat: no-repeat;
   background-origin: content;
   margin:0;
   padding: 5px 0px 5px 0px; 
   font-size:2.5em;
   color: #ffff00;
   line-height: 1.2;
   height:68px; 
   width:100%; 
}

div#topofpage {
   background-color: #333399;
   background-size: 100%;
   background-repeat: no-repeat;
   background-origin: content;
   width:300px;
}

/*  Make the image push right within the box */

div#topofpage img{
   float: right;
   width:50px;
   vertical-align:middle;
   padding:0px;
   border:0;
}

div#topofpage p{
   margin: 0px 0px 0px 5px;
   padding-left: 0px;
}

/* The banner text contains two lines of different size */

p#subp{
   font-size:.4em;
}

/* Define the selection bar */

div#navigation {
   background-color: #ff0000;
   color:#ffffff;  
   width:100%; 
   margin: 0;
   text-align:center; 
   font-weight:bold;
}

div#navigation a{
   color:#ffffff;
} 

div#navigation table{
   width:100%; 
   padding:0;
   border-collapse: collapse;
   border-width:0;
}

div#navigation td{
   background-color:#000000;
   vertical-align:top; 
   font-size: 14px;
   width:11%;
   text-align:center; 
}

/* Use a different colour of the tab when you are on the page itself, i.e. red */

div#navigation .ident1 {
   background-color:#ff0000;
   color:#000000;
   text-align:center;
}

/* The main content of the page. Put space either side of the text */

div#content {
   margin: 0% 1% 0% 1%;
   padding:0;
   border:0;
   width:98%;
} 

/* Some definitions for putting pictures on the page */

.picsleft {
   float: left; 
   padding:0 12px 12px 0; 
   height:200px; 
   vertical-align:top; 
   border:0;
}

.picsleft2 {
   float: left; 
   padding:0 12px 12px 0; 
   width:600px; 
   vertical-align:top; 
   border:0;
}

.picsleft3 {
   float: left; 
   padding:0 12px 12px 0; 
   width:175px; 
   vertical-align:middle; 
   border:0;
}

.picsleft4 {
   float: left; 
   padding:0 12px 12px 0; 
   height:180px; 
   vertical-align:top; 
   border:0;
}

.picsleftmiddletext {
   float: left; 
   padding:0 12px 12px 0; 
   height:200px; 
   vertical-align:middle; 
   border:0;
}

.picsmiddle {
   display:block;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 12px; 
   height:200px; 
   border:0;
   vertical-align:top;
}

.picscentre {
   display:block;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 12px; 
   width:500px; 
   border:0;
   vertical-align:top;
}

.picscentre2 {
   display:block;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 12px; 
   height:200px; 
   border:0;
   vertical-align:top;
}

.picscentre3 {
   display:block;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 12px; 
   width:450px; 
   border:0;
   vertical-align:top;
}
.picsright {
   float: right; 
   padding:0 0 12px 12px; 
   height:200px;
   border:0;
}

.picsright2 {
   float: right; 
   padding:0 0 20px 20px; 
   width:350px;
   border:0;
}
.picsright3 {
   float: right; 
   padding:0 0 20px 20px; 
   width:300px;
   border:0;
}

.picsright4 {
   float: right;   
   margin-right: 40px;
   padding:0 0 20px 20px; 
   padding:0 0 20px 20px; 
   width:300px;
   border:0;
}

.photos {
   margin:0px 5px 0px 0px; 
   padding:0px;
   margin:0 0 5px 0
   height:50px;
}

/* The page can be split into a left and right section
  Left hand section of the page for links */

div#subcontentleft {
   float:left;
   width:14%;
   padding:0;
   border:0;
   margin:0% 1% 0% 0%;
}

div#subcontentleft2 {
   float:left;
   width:64%;
   padding:0;
   border:0;
   margin:0% 1% 0% 0%;
}


/* Right hand section of the page for content */

div#subcontentright {
   float:left; 
   left:16%;
   width:83%;
   padding:0;
   border:0;
   margin:0% 0% 0% 1%;
}

div#subcontentright2 {
   display:block;
   float:left;    
/*   left:0%;   */
/*   width:31%; */
   width:21%;
   padding:5px;
   border-style:double;
   border-color:black;
   border:1%;
   margin:0% 0% 0% 1%;
}
div#subcontentright3 {
   display:block;
/*   float:left;  */
/*   left:98%;   */
   width:100%;
   padding:0;
   border:0px;
   margin:0% 0% 0% 0%;
}

div#subcontentright4 {
   display:block;
   float:left;    
/*   left:0%;   */
/*   width:31%; */
   width:21%;
   padding:5px;
   border-style:double;
   border-color:black;
   border:1%;
   margin:0% 0% 0% 15%;
}

div#subcontentright h2,h3 {
   margin: 0px;
}

div#termsandcond {
   float:left; 
   left:16%;
   width:83%;
   padding:0;
   border:0;
   margin:0% 0% 0% 1%;
   font-size:90%;
}

/* Link definitions */

div#linklist a{
   display: block;
   margin-bottom:10px;
}

div#sublinklist a{
   display: block;
   text-indent:1em;
}

div#subsublinklist a{
   display: block;
   text-indent:3em;
   color:#008000
}

div#reglist a{
	
	margin:0% 0% 0% 10%;   
}

div#drawlist a{
	
	margin:0% 0% 0% 10%;	  
}


div#telephonelist {
	
	margin:0% 0% 0% 33%;  
}


div#gototop {
   text-decoration: none;
}

div#copyright{
   text-align:center;
   font-size: 80%;
}