body {
	background-color: #212121;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
}

h1 {
	font-size: 18px;
	color: white;
}

h2 {
	font-size: 18px;
	color: #e3e3e3;
}

p {
	font-size: 13px;
	color: #d0d0d0;
}

.pagecontent p {
	color: #c3c3c3;
}

.pagecontent h2 {
	color: #d6d6d6;
}

.pageheader_image {
	position: relative;
	width: 100%;
	top: -10px;
	padding: 0px;
	position: relative;
}

.pageheader_image img {
	width: 100%;
}

a.external_link {
	text-decoration: none;
	color: white;
	font-size: 14px;
}

/* Gallery */

.breadcrumbs {
	position: relative;
	top: 35px;
	color: #7b7b7b;	
}

.breadcrumbs a {
	color: #505050;

}

#gallery-wrapper{
 font-size:13px;
 font-family:Arial,Helevtica,Verdana,san-serif;
 overflow:auto;
 width:100%;
}
#gallery-wrapper h1{
 font-size:1.8em;
 font-weight:bold;
 display:block;
 margin:0.67em 0;
}
#gallery-wrapper #breadcrumbs{
 margin:25px 0 20px 0;
 padding:2px;
 line-height:28px;
 font-size:14px;
 color:#666;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}
#gallery-wrapper #breadcrumbs a{
 text-decoration:none;
 color:#000;
 margin:2px;
}
#gallery-wrapper a{
 text-decoration:none;
 color:#000;
}
#gallery-wrapper a:focus{ -moz-outline-style: none;  }
ul.gallery{
 list-style:none;
 margin:0;
 margin-top: 50px;
 padding:0;
 clear:both;
}
ul.gallery li{
 position:relative;
 height:120px;
 width:130px;
 float:left;
 margin:0 0 10px 0;
 padding:0px;
 overflow:hidden;
 text-align:center;
}
ul.gallery.folders li{
 height:175px;
}
ul.gallery li:hover img{
 border-color: white;
 background: #bbbbbb;
}
ul.gallery img{
 border: solid 1px white;
 background: #e0e0e0;
 margin:3px;
 padding:8px;
 width:100px;
 height:100px;
}
ul.gallery span.title, 
ul.gallery span.count_images, 
ul.gallery span.count_folders {
 display:block;
 color:#696969;
 padding:0;
 margin:3px 10px 2px;
 overflow: hidden;
 white-space:nowrap;
 text-align:center;

}
ul.gallery span.title{
 font-size:12px;
 font-weight:bold;
 text-decoration: none; 
}
ul.gallery span.count_images, 
ul.gallery span.count_folders{
 font-size:11px;
 margin: 1px; 10px;
}
ul.gallery a:hover span {
 color: #000;
}
#image_container{
 text-align:center;
 clear:both;
 margin-top: 70px;
}
#image_container img{
 border: solid 0px #212121;
 padding:5px;
 margin-bottom: 20px;
}

ul.gallery a {
	text-decoration: none;
}

.gallery_desc h2 {
	text-align: center;
}

/*
  Paginator -
  Source: http://www.strangerstudios.com/sandbox/pagination/diggstyle.php (strangerstudios.com)
*/

div.pagination {
  padding: 3px;
  margin: 3px;
}

div.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #666;
  zoom: 100%;
  text-decoration: none; /* no underline */
  color: #666;
}
div.pagination a:hover, div.pagination a:active {
  border: 1px solid #000;

  color: #000;
}
div.pagination span.page_current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #666;
  
  * zoom: 100%;
  
  font-weight: bold;
  background-color: #666;
  color: #FFF;
}
div.pagination span.page_disabled {
  display: none;
}

* span.elipsis {zoom:100%}   

/* Mobile CSS: */
.wrapper {
	transition: margin 0.5s;
}

.mobilewrapper {
	padding-left: 20px;
	padding-right: 20px;
}

.socialheader {
	width: 100%;
	transition: height 0.5s;
	height: 40px;	
	background-color: #2e2e2e;
	z-index: 2;
	position: relative;
	
}

.socialbutton {
	transition: height 0.5s;	
	height: 40px;
	display: block;
	background-color: #3a3a3a;
	width: 33.3333%;
	float: left;
	display: none;
}

.socialicon {
	display: block;
	margin-top: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.logoheader {
	width: 100%;
	height: 150px;
	overflow: hidden;
	background-color: #212121;
	z-index: 2;
	position: relative;
}

.pagelogo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.headerdeco {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: -152px;
	opacity: 0.0;	
	transition: opacity 1s;
}

.mobileheader {
	width: 100%;
	height: 10px;
	transition: height 0.5s;
	overflow: hidden;
	border-bottom-color: #90f72e;
	border-bottom-width: 4px;
	border-bottom-style: solid;		
}

.pageback {
	width: 100%;
	transition: padding 0.5s;	
	padding-top: 220px;
	overflow: visible;
	margin-bottom: 0px;
}

.pageback.imageback {
	background-image: url(../images/pagebackground.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: scroll;		
}

.pageback.honourback {
	background-image: url(../images/woodback.jpg);
	padding-top: 0px;
}

.honourboard {
	width: 100%;
	min-height: 500px;
}

.pageline {
	width: 100%;
	height: 1px;
	background-color: #d7d7d7;
	margin-top: 10px;
	margin-bottom: 30px;
}

.pagecontent {
	position: relative;
	width: 100%;
	background-color: #181818;
	transition: background-color 1s;	
}

.pagecontent_wrapper {
	padding:20px;
	padding-left: 30px;
	padding-right: 30px;
	overflow: hidden;
	float: left;
}

.clear{width: 100%; clear: both; height: 0px; line-height:0px;}

.pagetitle {
	width: 100%;
	border-left-color: #1aacc6;
	border-left-width: 9px;
	border-left-style: solid;
	margin-bottom: 30px;
	min-height: 42px;
}

.pagetitle_border {
	width: 100%;
	margin-left: 3px;
	border-left-color: #90f72e;
	border-left-width: 9px;
	border-left-style: solid;	
	min-height: 42px;	
}

.pageheader {
	width: 100%;
	min-height: 100px;
	background-color: #212121;
	margin-top: -5px;
	
}

.pageheader_bottom {
	width: 100%;
	height: 0px;
	background-color: #323232;
	transition: height 0.5s;
}

.pagetitle h1 {
	line-height: 45px;
	margin-left: 15px;
}

.column_content {
	width: 100%;
	min-height: 100px;
	float: left;
	margin-bottom: 10px;
}

.column_sidebar {
	margin-top: -20px;
	width: 100%;
	min-height: 100px;
	float: left;
}

.button_sidebar {
	width: 100%;
	margin-bottom: 20px;
}

.news_sidebar_title {

	margin-top: 10px;
}

.news_sidebar_title a {
	color: #19acc6;
	font-size: 16px;
	text-decoration: none;
}

.news_navigation {
	color: #3a3a3a;
}

.news_sidebar_date {
	color: grey;
	font-size: 12px;
}

.navheader {
	width: 100%;
	height: 90px;
	background-color: #323232;
	border-bottom-color: #2fb3cb;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	
}

.mainfooter {
	width: 100%;
	min-height: 300px;
	background-color: #323232;
	overflow: hidden;
	z-index: 2;
	position: relative;
	background-image: url("../images/contentback.png");		
}

.footercolumn {
	width: 100%;
	margin-bottom: 10px;
	float: left;
}

.footercolumn_title {
	width: 100%;
	height: 50px;
	border-bottom-color: #525252;
	border-bottom-width: 1px;
	border-bottom-style: solid;	
	line-height: 50px;
}

.footercolumn_title h2 {
	font-size: 14px;
}

.subfooter {
	width: 100%;
	height: 45px;
	background-color: #212121;
	color: #bbbbbb;
	text-align: center;
	line-height: 45px;
	font-size: 11px;
	z-index: 2;
	position: relative;
}

li .active {
	background-color: #4f4f4f;
	border-top-style: solid !important;		
	border-top-color: #90f72e !important;
	border-top-width: 2px !important;	
	padding-top: 40px !important;
}

.aboutheader {
	color: white;
	margin-top:15px;
}

.aboutheader_colour {
	color: #1aacc6;
}

.lightback {
	position: fixed;
	width: 100%;
	margin-top: -420px;
	height: 1440px;
	margin-bottom: -770px;
	background-image: url("../images/lightback.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;	
}

.honourboard {
	margin-top: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.honourboard h2 {
	font-size: 42px;
	text-align: center;
	color: #facc6a;
}

ul.honour_menu {
	width: 100%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 200px;
	margin-top: 25px;
	display: block;
}

ul.honour_menu li {
	width: 50%;
	font-size: 10px;
	height: 70px;
	background-color: #323232;
	display: block;
	float: left;
	text-align: center;
	line-height: 70px;
	color: white;
	text-transform: uppercase;
	transition: 0.5s background-color;	
}

ul.honour_menu li:hover {
	background-color: #64a922;
	transition: 0.5s background-color;
}

ul.honour_menu li a{
	text-decoration: none;
	color: white;
	display: block;
}

li .honour_active {
	background-color: #4f4f4f;
}

table.honour_table {
	width: 100%;
	text-align: left;
	margin: 0px;
	text-transform: uppercase;
}

.honour_table th {
	padding: 15px;	
	height: 20px;
	color: #ccb169;
}

th.t_name {
	width: 70%;
}

.honour_table tr {
	height: 30px;
}

.honour_table tr:nth-child(even) {
	background-color: rgba(33,33,33, 0.3);

}

.honour_table td {
	padding: 15px;
	font-weight: bold;
	color: #ecd38f;
	width: 200px;	
	border-bottom: 1px solid #da7e2c;		
}

.honourboard h2 {
	 text-shadow: 0px 3px black;
}

.newsentry {
	height: 70px;
	width: 100%;
	float: left;
	background-color: #f1f1f1;
	margin-bottom: 15px;
}

.newsentry_padding {
	margin-left: 15px;
	margin-top: 15px;
}

.newsentry_title {
	color: #2f2f2f;
	font-size: 16px;
	line-height: 15px;
}

.newsentry_padding a {
	text-decoration: none;
}

.newsentry_date {
	color: grey;
	font-size: 14px;
}

.newsentry_img {
	float: right;
}

#contact_form label {
	font-size: 13px;
}

#contact_form input {
	width: 300px;
}

#contact_form textarea {
	width: 100%;
	resize: vertical;
}

#submit_button {
	float: right;
	width: 50px;
}

.footer_gallery {
	margin-top: 15px;
}

.footer_galleryimg {
	width: 100px;
	height: 100px;
	background-color: grey;
	float: left;
	margin: 1px;
}

/* Tablet CSS: */	
	
@media only screen and (min-width: 600px) {

.pagelogo {
	display: block;
	margin-left: 5%;
}

.headerdeco {
	opacity: 0.4;
	margin-left: 0px;
	margin-right: 0px;
	float: right;
}

.slicknav_menu {
	display:none;
}

.mobileheader {
	height: 0px;
	border-bottom-width: 0px;	
}

.pagetitle {
	height: 42px;
}

.pagetitle_border {
	height: 42px;
}

.mainfooter {
	padding-top: 10px;
	padding-bottom: 10px;	
}

.socialheader {
	height: 30px;	
}

.socialbutton {
	height: 30px;
	width: 30px;
	float: right;
	margin-left: 2px;
}	

.socialicon {
	margin-top: 0;
}

.pageheader {
	height: 100px;
}

ul.honour_menu li {
	font-size: 14px;
}

}

/* Desktop CSS: */	
	
@media only screen and (min-width: 960px) {
	
.wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}	
	
.pageback {
	padding-top: 30px;
	height: auto;
	padding-bottom: 30px;
}

.pageback.imageback {
	background-attachment: fixed;
	background-size: cover;	
}

.pagecontent {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

.pagecontent p {
	color: #656565;
}

.pagecontent h2 {
	color: #4e4e4e;
}

.pagecontent_wrapper {
	width: 900px;
}

.pagebottom {
	width: 960px;
	height: 202px;
	background-image: url(../images/pagebottom.png);
}

.column_content.half{
	width: 64.0%;
	margin-right: 4%;
	border-right-style: solid;
	border-right-color: #a0a0a0;
	border-width: 1px;
	padding-right: 3%;
}

.column_sidebar {
	width: 28.0%;
}

.pagelogo {
	float: left;
	margin-left: 0px;
}

.headerdeco {
	margin-top: 0px;
	opacity: 1.0;
}

.footercolumn {
	width: 310px;
	margin-right: 10px;
	margin-bottom: 0px;
}

.mobilewrapper {
	padding-left: 0;
	padding-right: 0;
}


.pageheader_bottom {
	height: 18px;
}

ul.honour_menu li {
	font-size: 14px;
	
}

.pageback.honourback {
	background-image: url(../images/woodback.jpg);
	padding-top: 30px;
}

.honourboard {
	margin-top: 20px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.lightback {
	margin-top: -280px;
}

.news_sidebar_title a {
	color: #232323;
	font-size: 14px;
}

a.external_link {
	font-size: 13px;
}

}