body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0px 0px 0px 0px;
    margin:0px auto;
    -webkit-overflow-scrolling: touch;  
    background: #000 url(images/background.jpg) top center no-repeat ;
    background-attachment: fixed !important;  /**  **/
    background-size: cover;
    -webkit-background-size: cover; }
    

.clear{clear:both;}

* {	margin: 0px;
	padding: 0px; }

img {border-width:0px;}

* { -webkit-text-size-adjust:none; }
* { box-sizing: border-box; }

.hover {
-webkit-user-select: none;
-webkit-touch-callout: none; }

.anchor {   
display:block;
height: 67px; /*same height as header*/
margin-top: -67px; /*same height as header*/
visibility: hidden;}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
.anchor {   
display:block;
height: 70px; /*same height as header*/
margin-top: -70px; /*same height as header*/
visibility: hidden;} }}

html { 
overflow-x: hidden;
overflow-y: scroll; 
scroll-behavior: smooth; 
scroll-padding-top: 0px; /* height of sticky header */}

h1 { 
font-size:1.85em; width:100%;
font-weight:bold; 
padding: 0px 0px 3px 0px;}

h5 { 
font-size:1.45em;  width:100%;
font-weight:normal;
margin: 2px 0px;}

h2 { 
font-size:1.45em;  width:100%;
font-weight:bold; 
padding: 0px 0px 3px 0px;}

h3 { 
font-size:1.35em;  width:100%;
font-weight:bold; 
padding: 0px 0px 3px 0px;}

h4 { 
font-size:0.85em;  width:100%;
font-weight:bold; 
margin: 2px 5px;}

p   {margin: 10px 0px; width: 100%;}
p.sb{margin: 15px 0px 0px 0px;}
p.sb2{margin: 15px 0px 8px 0px;}
p.xl{margin: 20px 0px;}
p.xs{margin: 2px 0px 2px 0px;}
p.xs2{margin: 4px 0px 8px 0px;}

a {color:#0000c0;text-decoration: none;}
a:hover {color:#0000c0;text-decoration: underline;}

.dark {color:#ffffff; }
.dark a {color:#ffff00; text-decoration: none;}
.dark a:hover {color:#ffff00; text-decoration: underline;}

.light {color:#202020; }
.light a {color:#0000c0;text-decoration: none;}
.light a:hover {color:#0000c0;text-decoration: underline;}

.light2 {color:#202020; }
.light2 a {color:#000262;text-decoration: none;}
.light2 a:hover {color:#000262;text-decoration: underline;}

.alt4 a {color:#e0e0e0; text-decoration: none;}
.alt4 a:hover {color:#ffffff; text-decoration: none;}

#line {
display:inline-block;
height:1px; width:100%;
border-top:1px solid; 
margin:6px 0px; }

/********************** Columns etc ***************************/


/* For mobile phones: */
[class*="col-"] {
  width: 100%; }

[class*="col-"] {
  float: left; }
  
@media only 
screen and (max-width: 849px), 
screen and (min-width: 850px) and (max-height:599px) {
 /**** MOBILE *****/
  .col-100 {width:100%; }
  .row {padding-top:67px; }
  #header { height:68px; }
  #leftside {height: auto; }
  #rightside {height: auto; }
  #index-news { height:auto; }
  #index-about { height:auto; }
  #rightside {  }
  .tweets { padding: 10px 25px 5px 25px; margin: 0px auto; }
  .not600 { display: none;  }
  .mobile { display: block; } 
  .margin-alt { margin: 1px 0px 1px 0px; } 
  .margin-alt2 { margin: 3px 0px 3px 0px; } 
  .hide {display:none; } 
  .bump {
    display: inline-block;
    height: 67px; /*same height as header*/
    margin-top: -67px; /*same height as header*/
    visibility: hidden;} }

@media only 
screen and (min-width: 850px) and (min-height:550px) {
  /* TABLETS ETC 800 */
  .row { padding-top:87px; }
  #header { height:88px; }
  .col-1 {width: 60%; }
  .col-2 {width: 40%; }
  .col-100 {width:100%;}
  #leftside {height: 640px; }
  #rightside {height: 640px; }
  #index-news { height:370px; }
  #index-about { height:270px; }
  #rightside { background: #fff ; }
  .tweets { padding:0px ; }
  .not600 { display:inherit;  }
  .mobile { display:none; }
  .margin-alt { margin: 3px 0px 3px 0px; }
  .margin-alt2 { margin: 5px 0px 5px 0px; }
  .hide {display:none; }
  .bump {
    display: inline-block;
    height: 90px; /*same height as header*/
    margin-top: -90px; /*same height as header*/
    visibility: hidden;} }

.row {
  height:100%;
  padding-bottom:32px;
  margin:0px auto 0px auto; }
  
.row::after {
  content: "";
  clear: both;
  display: table; }

/********************** Header ***************************/

#header {
	background: #000 ;
    top:0; width:100%;
	position: fixed;
    z-index:100; /**  **/ }
    
#val-logo-main {
    margin: 15px 0px 0px 15px;
    width:100%;  }
    
#header ul{
	top:64px; font-size:1.1em; width: 100%;
    float:left;
	height: 25px;
	padding: 0px 0px 0px 10px;
	text-align: left; }
    
#header li{
	display:inline;	}
    
#header ul a{
	text-decoration:none;
	color:#dddddd;
	margin: 0px 10px; }

#header ul a:hover {
	background-color:;
	text-decoration:none;
	color:#ffffff; }
    
#header ul a:active {
	background-color:;
	text-decoration:none;
	color:#ffffff; } 
    
/*************** BMENU ***************************/

#bmenu {
    float:left;
    margin: 20px 0px 0px 15px; }    
    
#val-logo-mob {
    float:left;
    margin: 15px 0px 0px 45px; }
  
.dropbtn {
  padding: 0px;
  border: none;
  cursor: pointer; }

.dropdown {
  position: fixed; top:17px;
  display: inline-block; }

.dropdown-content {
  display: none;
  position: absolute; border-bottom:1px #fff;
  background: rgba(0, 0, 0, 0.8); color: #fff;
  min-width: 160px; margin:0px 0px 0px -20px;
  z-index: 700; }

.dropdown-content a {
  color: #fff; 
  padding: 10px 22px;
  text-decoration: none;
  display: block;  }

.dropdown-content a:hover {background-color: #fff; color:#202020;}

/****
.dropdown:hover .dropdown-content {
  display: block; }
****/

.is-visible {
		display: block !important; 	}
  
.dropdown:hover .dropbtn { padding-bottom: 15px;}

/*************************************************/

#logo-top-tw {
    position:absolute;
    top:30px; right: 6px;}   
    
#logo-top-fb {
    position:absolute;
    top:57px; right: 8px;}  
    
#logo-top-tw-mob {
    position:absolute;
    top:7px; right: 6px;}   
    
#logo-top-fb-mob {
    position:absolute;
    top:34px; right: 8px;}  
        
/************************ Content ***************************/
    
#leftside {
    background: rgba(0, 0, 0, 0.8); }

#rightside {  }
    
/************************ BANNERS ***************************/

#topbanner {
	background: url(gfx/fxpower.jpg) no-repeat right center, rgba(0, 0, 0, 0.75) /** url(gfx/christmas2015.jpg) no-repeat **/;
	float:left;
	width:785px;   /*** 815 Total **/
      /*** height:200px; REMOVE AFTER XMAS ***/
	padding: 15px;
	text-align: left;
	margin:0px 0px 10px 0px;
    -moz-border-radius: 8px;
    border-radius: 8px;}  
    

/************************ INDEX ***************************/

#index-running {
	background: rgba(255, 255, 255, 0.9);
	color:#101010; position:relative;
	width:100%;
	padding: 10px 25px 10px 25px;
	text-align: justify;
    border-radius: 0px;}
    
@media only 
screen and (max-width: 515px) {
    .twtfilter {display: none; } }

#index-news {
	background:#184a5a url(images/50015-org-tint10.png) bottom right no-repeat;
	color:#ffffff; 
	padding: 15px 25px 25px 25px;
	text-align: justify;
    border-radius: 0px;}
    
#index-about {
	color:#ffffff; overflow:hidden;
	padding: 12px 25px 12px 25px;
	text-align: justify;
    margin:auto 0px;
    border-radius: 0px;}
    
/************************ HELP ***************************/

#index-help {
    display: flex;
    flex-wrap: wrap;
	text-align: justify;
    border-radius: 0px;}
    
#helpflex1 {
    background: #fff;
    flex: 1; flex-basis: 383px;
    padding:15px 20px 25px 20px; }

#helpflex2 {
    background: url(images/help.jpg) right center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    flex: 1; flex-basis: 225px;
    padding:20px 25px 20px 25px; }

#ppbox {
    width: 198px; height:100%;
    margin: 15px 0px 0px 0px;
    background-color: #ffffff;
    color:#000000; 
    border: 1px solid #000000; 
    padding: 8px 1px 13px 0px;
    text-align: center;
    position:relative;
    -moz-border-radius: 8px;
    border-radius: 8px;}
    
/*********************************************************************/

#index-gallery {
    width:100%;
    background: #fff;
    padding:10px 10px 15px 10px;
    border-radius: 0px;}
    
/************************ CONTACTS ***************************/

#index-contact {
    display: flex;
    flex-wrap: wrap;
	background: #ffffff ;
	padding: 0px;
    border-radius: 0px;}
    
#contact-left {    
    background: url(images/contact.jpg) right center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    text-align:justify;
    flex: 1; flex-basis: 407px;
    padding:10px 20px 25px 20px;}
    
#contact-right {    
    display: flex;
    flex-wrap: wrap;
    flex: 1; flex-basis: 250px;
    background:#fff;
    padding:10px;
    margin: auto 0;}
    
#flex2 {    
    flex: 1; 
    flex-basis: 160px; padding:10px 10px;
    margin: auto;}
        
/*********************** GALLERY **************************/

#gallery-home {
    background:#1e4e5e url(images/gallery.jpg) center right no-repeat;
    color:#ffffff;
    padding:20px 215px 20px 20px;
    text-align:justify;
    border-radius: 0px;}
    
@media only 
screen and (max-width: 450px) { 
    #gallery-home { background:#1e4e5e;
    padding:20px 25px 20px 25px; } }
    
/********************** GALLERIES *************************/

#gallery-box {
    background: #d0d0d0;
    padding:0px;
    border-radius: 0px;}
    
#gallery-box2 {
    background: #e0e0e0;
    padding:0px;
    border-radius: 0px;}
    
#gallery-br {
    background: #fff url(images/50015br-s.jpg) left center no-repeat;
    color: #202020;
    height:100px; 
    padding: 0px 0px 0px 160px;  
    margin-top:-20px;}
    
#gallery-pre {
    background: #303030 url(images/2002-03-02-1s.jpg) left center no-repeat;
    color: #ffffff;
    height:100px; 
    padding: 0px 0px 0px 160px;  
    margin-top:-20px;}
    
#gallery-bvg {
    background: #fff url(images/2012-10-13-rm1s.jpg) left center no-repeat;
    color: #202020;
    height:100px; 
    padding: 0px 0px 0px 160px;  
    margin-top:-20px;}

#photos {
    padding:15px 0px 5px 0px; }
    
.gallphot {
    padding:1px;
    border-radius:7px; }
    
.fancybox-title-inside-wrap {
    font-size: 0.97em !important;
    color:#202020 !important; }
    
#photext {
    text-align:justify;
    padding:0px 15px 15px 15px; }

/************************ HISTORY ***************************/

#history {
	background:#184a5a url(images/50015-org-tint10.png) bottom right no-repeat;
	color:#ffffff; 
	padding: 15px 25px 25px 25px;
	text-align: justify;
    border-radius: 0px;}
    
#factfile {
	background: url(images/history.jpg) no-repeat center left, rgba(0, 0, 0, 0.8);
	padding: 10px 25px 20px 280px;
	text-align: left;
    border-radius: 0px;}
    
@media only 
screen and (max-width: 650px) { 
    #factfile { background: rgba(0, 0, 0, 0.8);
    padding:10px 25px 20px 20px; } }
    
#tfacts { 
border-collapse:separate;
border-spacing:2px;}

#tfacts td, #tfacts th {
color:#202020;
background-color:#c0c0c0;
padding: 2px 0px;
text-indent: 5px;}

#tfacts th {
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;}

#tfacts tr.alt td {
color:#202020;
background-color:#ffffff;}

#tfacts td.sp, #tfacts .alt td.sp {
background-color:inherit;}

/************************ LINKS ***************************/

#index-links {
    display:flex;
    flex-wrap: wrap;
    position:relative;
	background: rgba(255, 255, 255, 0.9);
	padding: 0px 5px 15px 20px;
	text-align: left;
    border-radius: 0px;}
    
#linkflex1 {
    padding: 5px 0px;
    flex: 1; flex-basis: 230px; float:left; }
    
#linkflex2 {
    padding: 0px 5px 0px 0px;
    flex: 1; flex-basis: 310px; float:left; }
    
/************************ REPORTS ***************************/

#report {
	background: #184a5a;
	color:#ffffff;
	float:right;
	width:610px;
	padding: 20px 35px 10px 35px;
	text-align: justify;
	margin-left:5px;}
    
#reportside {
float:left;
width:115px;
position:relative;}

/********************** Footer ***************************/

#footer {
    position:fixed; bottom:0;
	width: 100%;
	background: #000;
	font-size:14px; color:#ffffff;	
    text-align:center;
	padding: 7px 0px;
    margin: 0px auto; }
    
.wide { max-width:800px; }