body {
    margin: 0px 0px 0px 0px;
    font-size: 1em;
    /* font-family: Arial Verdana; */
    font-family: Helvetica;
    /*background: #333;*/
    /* color: black; */
    /*background-image: url("../images/1.jpg"); 
    background-repeat: no-repeat;*/
    /* background: black;  */
}

#imageHolder {
    border-style: dashed;
    border-width: 1px;
    border-color: grey;
    height: 500px;
    clear: left;
    float: left;
    border: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    padding: 20px 20px 20px 20px; 
    /* padding: 0px 25px 0px 25px; */
}

#imageHolder p {
    /*margin-top: -250px;*/
    float: left;
    color: black;
}

#wrapper {
    margin: auto;
    width: 80%; 		/*Was 900px*/
}

#contentAreaFull {
    /* border-style: solid; */
    /* border-width: 2px; */
    /* border-color: grey; */
    /* margin: 5px 5px 5px 5px; */
    /* background-image: url("../images/IMG_0776.JPG"); */
    /* background-position:100% 20%; */
    /* background-size: 50%; */
    /* background-repeat: no-repeat;*\/ */
}

#contactDetails {
    padding: 20px 5px 0px 5px;
    font-size: 0.9em;
}

#contactDetails ul {
    padding: 0px 0px 20px 0px;
}

#contactDetails li {
    display: block;
    font-size: 0.8em;
    color: grey;
    border: none;
    background: white;
    padding: 5px 0px 5px 0px;
}

#contactDetails h3 {
    padding: 5px 5px 0px 5px;
}

#farLeft {
    float: left;
    padding: 5px 5px 5px 6%;
}

#map {
    padding-top: 40px;
    height: 400px;
    width: 100%;
}

#left {
    /* background: white ; */
    /*width: 65%;*/
    /*float: left;*/
    clear: right;
    margin-top: 5px;
    padding: 5px 5px 5px 5px;
}

#grey {
    color: grey;
}

p#intro {
    padding: 15px 0px 15px 0px;
}

#right {
    background: white;
    padding: 5px 5px 5px 5px;
    /* width: 70%; */
    float: right;
}

#top-border {
    /* background-image: url("../images/mAndJSmall.jpg");  */
    /* background-repeat: no-repeat; */
    /* border: 15px solid white; */
    /* top: 20px; */
    /*height: auto;*/
    /* width: 100%; */
    /* padding: 50px 0px 50px 0px; */
    /* border:  10px 15px 10px 50px; */

    /*background: white;*/
    color: red;
}

#topBanner {
    color:grey;
    height: 0px;
}

.topBannerFL {
    float: left;
    padding: 5px 10px 5px 15px;
}

.topBannerFL p {
    padding: 0px 0px 0px 0px;
    font-size: .7em;
}

h3 {
    font-size: 1.1em;
    padding: 10px 0px 10px 0px;
}

#gallery {
    padding-bottom: 400px;
}

/* FORMS*/

form {
    display: none;
}

#mailer {
    padding: 20px 5px 5px 20px;
}

input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    background-color: #272727;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=text]:focus {
    background-color: grey;
}
input[type=button], input[type=submit], input[type=reset] {
    background-color: orange;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}

#contactDetails {
    padding-bottom: 120px;

}

/* #contactDetails li { */
/*     display: block; */
/*     font-size: 1em; */
/*     padding: 0px 4px 0px 3px; */
/* } */

#capitalise {
    text-transform:uppercase;
}

#emailContent{
    height:120px;
    width: 200px;
    font-size: 18pt;
}

/* END FORMS*/

/* MAPS*/
#map {
    height: 400px;
    width: 100%;
}
/* End maps*/


#farLeft {
    float: left;
    padding: 0px 6% 2px 6%;
}

h1 {
    /*padding-top: 50px;*/
    color:#004976;
    font-family: Arial;
}

#floatRight {
    /* margin: 0px 0px 0px 0px; */
    float: right;
    padding: 5px 30px 25px 5px;
    color: green;
    font-size: 0.7em;
}

a {
    text-transform: uppercase;
    text-decoration: none;
    padding:5px 5px 5px 5px;
    font-size: 0.8em;
    color: white;
}


#navigation {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 200px 5px 15px 5px;
    
}

ul { /* all lists... */
    padding: 5px 5px 5px 5px;;
/*    width: 100%;    */
    margin: 0;
    colour: white;
    /* clear: right; */
    /* float: right; */
    /* background: green; */
    
}

li { /* all list items... */
    display: inline; /* set the list items left-to-right */
    position: relative; /* set the origin for child boxes to be positioned from */
    padding: 0px 8px 5px 8px;

    text-decoration: none;
    background: black;
    border: 1px solid #ccc;
    border-radius: 12px 4px 4px 4px;

/*    border-top: 1px solid white;*/   
}

li:hover {
    background: aqua;
}

a:hover {
    color: grey;
}

#left li {
    display: block;
    color: grey;
    background: white;
    border: none;
    padding-left: 0px;
}


li li {
    margin-top: 3px;
    display: block;
    /*border-top: 1px solid white;*/
    padding: 0px 6px 5px 6px;
}

#wider {
    padding: 0px 7px 5px 7px;
}


ul ul { /* lists within lists... */
    position: absolute; /* place them over the top of everything */
    left: 0; /* align them to the left of the parent list item  - necessary for some older browsers */
    top: 100%; /* align them to the bottom of the parent list item - again only necessary for older browsers */
    display: none; /* hide 'em */
    /*text-transform: lowercase;*/
}

li:hover ul { /* when list items are hovered over, do this to lists contained within them... */
    display: block; /* show 'em */
    background: #272727;
    color:grey;
}

#centred {
    text-align: center;
    letter-spacing: 5px;
}

#upper {
    font-size: 1.75em;
    padding: 65px 5px 0px 15px;
    color: white;
    text-transform: uppercase;
}


#first {
    font-size: 2em;
    font-attribute: italic;
    color: lightBlue;
    margin-left: 30px;
}
#second {
    font-size: 2em;
    font-attribute: italic;
    color: DodgerBlue;
}

#third {
    font-size: 2em;
    font-attribute: italic;
    color: white;
}

#title {
    padding: 100px 5px 5px 15px;
    text-transform: uppercase;
}

/* These determine the starting point of the main text */

#main { 			/*Decide how the padding is configured for the main index page div */
    padding: 490px 5px 85px 15px;
    /*background: black;*/
}

#capacity {
    padding: 0px 5px 85px 15px;
    
}


#formBackground { 			/*Decide how the padding is configured for the main index page div */
    padding: 80px 5px 0px 15px;
    background: #272727;
}

#mission {
    width: 40%;
    padding: 150px 5px 50px 15px;
    text-transform: uppercase;
}

#footer {
    position:absolute;
   margin-top: 75px; 		/*was 425px*/
    /*padding: 5px 5px 15px 5px;*/
    border-top: 1px solid white;
    width: 100%;
    background: #272727;
}

#imageDisplayer {
    float: right;
    /*left: 300px;*/
    display:none;  
    height: 200px;
    background: black;	      
}


img#featured {
    /*clear:right;*/
    float: right;
    margin: 5px 10px 5px 10px;
    padding: 20px 15px 20px 15px;
    border: 1px dotted grey; 
    /* width: 100px; */
}


#imageGroup {
    overflow:hidden;
    padding: 5px 15px 5px 15px;
}

.imageholder {
    padding: 5px 5px 5px 5px;
}


/*

#imageGroup img { 
    transform: scale(1.0);
    float: left;
    border-top: 1px solid white;
    padding-right: 15px;
}


#imageGroup:hover img {

}

#imageGroup img.hover { 

   float: left;
   border-top: 1px solid white;
   padding-right: 15px;
}

.imageholder {
    width: 25%;
}

#imageGroup:hover .imageholder {
  width:10%;
  transition:width 0.5s ease;
}

.imageholder:hover img {
    transform: scale(1.5) 0.25s ease;
    
}

.imageholder img.hover {
    transform: scale(1.5);
}
*/

#last {
    float: clear;
}

#footer li {
    display: block;
    list-style-type: none;
}

#footerLeft {
    float: right;
    padding: 0px 0px 0px 0px;
    
}

#footerMiddle {
    float: right;
    padding: 0px 0px 0px 0px;
   
}

#footerRight {
    float: right;
    padding: 0px 15px 0px 0px;
   
}

table {
    /*float: left;*/
    border-style: dashed;
    border-width: 1px;
    border-color: grey;
    padding: 5px 5px 5px 5px;
    /* background-image: url("../images/IMG_0776.JPG"); */
    /* background-position:100% 20%; */
    /* background-size: 50%; */
    /* background-repeat: no-repeat; */
}


th {
width:auto;
font-size: 0.75em;
color: orange;
}

td {
font-size:0.65em;
}

tr:nth-child(even) {
color: white;
/* background: #231c23; */
background:#191515;
}



@media (max-width: 960px) {

    #footer {
	font-size: 0.7em;
	position: absolute;
	float:left;
	margin-top: 0px;
    }
}

@media (max-width: 660px) {

    #footer {
	font-size: 0.65em;
	position: absolute;
	float:left;
	margin-top: 120px;
    }
    li {
	font-size: 0.7em;
	/* display:block; */
    }
    #navigation {
	border: none;
    }

    ul {
	padding: 30px 0px 5px 0px;
    }
}





@media (max-width: 416px) {

        #footer {
	    font-size: 0.7em;
	    position: absolute;
	    float:left;
	    margin-top: 0px; /* was 110px */
	}

	li { /* all list items... */
	    font-size: 0.7em;
	    display: inline; /* set the list items left-to-right */
	    position: relative; /* set the origin for child boxes to be positioned from */
	    margin-top: 3px;
	    padding: 0px 10px 7px 10px;
	}
	

	li li {
	    font-size: 0.7em;
	    display:block;
	    /*border-top: 1px solid white;*/
	    padding: 0px 30px 5px 3px;
	}
	
	#farLeft {
	    margin-top: 40px;
	    float: none;
	}

    ul {
	padding: 40px 0px 5px 0px;
    }
	

}

@media (max-width: 385px) { 	/*Google Nexus 4*/

    li { /* all list items... */
	font-size: 0.7em;
	display: inline; /* set the list items left-to-right */
	position: relative; /* set the origin for child boxes to be positioned from */
	padding: 0px 7px 7px 7px;
/*    border-top: 1px solid white;*/
    
    }


    li li {
	font-size: 0.7em;
	/*border-top: 1px solid white;*/
	padding: 0px 7px 5px 7px;
    }
    
    ul {
	padding: 50px 0px 5px 0px;
    }
    
}



@media (max-width: 376px) { 	/*Iphone 6s*/

    #footer {
	font-size: 0.7em;
	position: absolute;
	float:left;
	margin-top: 120px;
    }

    #footerLeft {
	float: right;
	padding-left: 20px;
    
    }

    #footerMiddle {
	float: right;
	padding-left: 20px;
   
    }

    #footerRight {
	float: right;
	padding-left: 20px;
    }

    li { /* all list items... */
	font-size: 0.7em;
	display: inline; /* set the list items left-to-right */
	position: relative; /* set the origin for child boxes to be positioned from */
	padding: 0px 5px 7px 5px;
/*    border-top: 1px solid white;*/
    
    }


    li li {
	font-size: 0.7em;
	/*border-top: 1px solid white;*/
	padding: 0px 7px 5px 7px;
    }

    ul {
	padding: 50px 0px 5px 0px;
    }
    
}



@media (max-width: 360px) {

    #footer {
	font-size: 0.7em;
	position: absolute;
	float:left;
	margin-top: 0px;
    }

    li { /* all list items... */
	font-size: 0.7em;
	display: inline; /* set the list items left-to-right */
	position: relative; /* set the origin for child boxes to be positioned from */
	padding: 0px 0px 5px 0px;
	/*    border-top: 1px solid white;*/   
    }

    li li {
	font-size: 0.65em;
	/*border-top: 1px solid white;*/
	padding: 0px 7px 5px 7px;
    }
    
    #farLeft {
	margin-top: 40px;
	float: none;
    }

    ul {
	padding: 120px 0px 5px 0px;
    }
}

@media (max-width: 320px) {

    #footer {
	font-size: 0.6em;
	position: absolute;
	float:left;
	margin-top: 25px;
    }

    li { /* all list items... */
	font-size: 0.6em;
	display: inline; /* set the list items left-to-right */
	position: relative; /* set the origin for child boxes to be positioned from */
	padding: 0px 0px 5px 0px;
/*    border-top: 1px solid white;*/
    
    }

    li li {
	font-size: 0.6em;
	/*border-top: 1px solid white;*/
	margin-top: 3px;
	padding: 5px 7px 5px 7px;
    }

    #farLeft {
	margin-top: 40px;
	float: none;
    }

    #upper {
	font-size: 0.65em;
    }


    ul {
	padding: 140px 0px 5px 0px;
    }
}