/*  This section defines the default settings  */
body {
   font-family: "Trebuchet MS","Verdana","Helvetica","Arial", sans-serif; 
   font-size: 12px; 
   background-color:#ffffff; 
   padding:0; 
   margin:0;
  
   line-height:1.5em;

/*  background-image: url('./skyback4.jpg'); */
}

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

p{
   margin: 0px 0px 10px 0px;

}



a:link {color:blue;}
a:visited {color:blue;}
a:focus {color:olive;}
a:hover {color:#7D7D7D;}
a:active {color:#7D7D7D;}


h1 {
   font-size:20px;    
   position: relative;
   color: #333399;
   text-align: center;  
}

h2{
   font-size:16px;
   position: relative;
   color: #606060;
   margin: 0em 5em 0em 5em;
   padding-bottom: 1em;
   text-align: center;
}

h3 {
   color: #606060; 
   font-size: 12px;
   
}

h4 {
   font-size:20px;    
   padding-top:1em;
   position: relative;
   color: #0f1166;
   text-align: center;  
}   
h5 {
   font-size:24px;  
   margin: 0em 0em 0em 0em;    
   padding-top:1em;
   padding-bottom:1em;
   position: relative; 
   color: #0f1166;
   text-align: center;  
}  

h6 {
   font-size:24px;  
   margin: 0em 0em 0em 0em;    
   padding-top:1em;
   padding-bottom:1em;
   position: relative; 
   color: #0f1166;
   
}  

/* No underlines on links */
 
a {
   text-decoration: none;
} 
  
       

/* Defines any superscripts and subscripts  */

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

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


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 (headerbanner) 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#headerbanner{
   background-color: #0F1166;
  
   background-repeat: no-repeat;
   
   margin:0;
   padding: 5px 0px 5px 0px; 
   font-size:2.5em;
   color: #ffffff;
   line-height: 1;
   height:150px; 
   width:100%; 
}

div#headerbanner2{
   background-color: #0F1166;
  
   background-repeat: no-repeat;
  
   margin:0;
   padding: 5px 0px 5px 0px; 
   font-size:2.0em;
   color: #ffffff;
   line-height: 1.2;
   height:80px; 
   width:100%; 
   text-align:center;
}

div#bannerinsert {
   background-color: #0F1166;
  
   background-repeat: no-repeat;

   padding: 5px 0px 5px 0px; 
   margin-left:auto;  
   margin-right:auto; 
   width:12em;
  
  
}

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

div#bannerinsert img{
   width:12em;
   vertical-align:middle;
   padding:0px 0px 0px 0px;
   border:0;
   float:right;
  
}

div#bannerinsert2{
   background-color: #0F1166;
  
   background-repeat: no-repeat;
  
   margin-left:auto;  
   margin-right:auto;  
   width:12em;
   text-align:right;
}

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

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

p#subp{
   font-size:0.75em;
}

/* Define the selection bar */

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

div#navigation a{
   color:#000000;
} 

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

div#navigation td{
   background-color:#CCCCCC;
   padding:5px; 
   vertical-align:middle; 
   font-size: 12px;
   width:13%;
   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:#00FFFF;
   color:#000000;
   text-align:center;
   padding:5px 0px 0px 0px; 
}

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

div#content {
   display:block;
   margin: 0% 1% 0% 1%; 
   font-size:14px;
   padding:0;
   border:0;
   width:98%;
} 

div#content2 {
   display:block;
   margin: 0% 1% 0% 1%;
   font-size:14px;
   padding:0;
   border:0;
   width:98%;
} 

div#subcontentleft {
   display:block;
   float:left;
   font-size:12px;
   width:14%;
   color:#000000;
   padding-top:0px;
   border:0;
   margin:0% 1% 0% 0%;
}

div#subcontentleft2 {
   display:block;
   float:left;
   font-size:12px;
   width:16%;
   color:#000000;
   padding-top:0px;
   border:0;
   margin:0% 1% 0% 0%;
}

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

div#subcontentright {
   display:block;
   float:left; 
   font-size:14px;
   left:16%;
   width:83%;
   padding-top:0px;
   border:0;
   margin:0% 0% 0% 1%;
}

div#subcontentright2 {
   display:block;
   float:left; 
   font-size:14px; 
   left:18%;
   width:81%;
   padding-top:0px;
   border:0;
   margin:0% 0% 0% 1%;
}

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

div#content table {
   margin-top:0px;
   margin-bottom:0px;
   
}

div#featurelist {

		
	margin:0% 0% 0% 0%;
	color: #009F3C;
                 
}

div#contact{
   display:block;
   font-size:12px;
   padding-top:20px;
   text-align:center;
   font-size: 100%;
}

div#splashimage {

   font-size: 18px;
   text-align:center; 
   margin-top:20px;
   margin-bottom:40px;
}

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

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

.picsleft2 {
   display:block;
   float:left;
   margin-right:auto;
   float:left;
   padding-top:20px;
   padding-bottom:30px; 
   vertical-align:top;
   border:0;
}

.picsleft3 {
   display:block;
   float:left;
   padding:0 12px 12px 0; 
   vertical-align:top;
   border:0;
}

.picsright3 {
   display:block;
   float:right;
   padding:0 20px 12px 12px;
   vertical-align:top;
   border:0;
}

.picsleftmiddletext { 
   float:left;
   padding:0px 10px 10px 0px;  
/*   height:20px;   */
   vertical-align:top; 
   border:0;
  
}

.picscentremiddletext {
   margin-left:auto;
   margin-right:auto;
   padding:0px 10px 10px 0px;  
   height:20px; 
   vertical-align:top; 
   border:0;
  
}

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

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

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

.pics_table {
   display:block;
   padding-top:0px;
   padding-bottom:30px; 
   vertical-align:middle; 
   border:0;
}

.picsright {
   float: right; 
   padding:0 0 12px 12px; 
   height:200px;
   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#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#linklist .select1{
   display: block;
   color:green;
   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#gototop {
   text-decoration: none;
}



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