body.wbg {background-color:#f0e4e4;background-image: url(pagegraphics/fback.gif);background-repeat: no-repeat;}

a {text-decoration: none;}

/*used for checking only*/
.redb {border: thin red solid;}
/*page layout*/
.mainpanel {float:left;width:100%;min-height:600px;}
.fw{width:100%;}
.fwf{width:100%;overflow:auto;}
.fwn{width:96%;overflow:auto;}
.halfw{width:50%;}
/*image formatting*/
img.newspic{width:230px;height:auto;text-align: center;}
img.ni{width:50%;}
img.np {float:left;vertical-align: top;}/*main front page*/
img.tac {float:left; vertical-align: bottom;}/*main front page*/
.picheight {height:100px;}/* arbitary height used by image for pictures*/
.picheightc {height:110px;}/*height used by image container for pictures*/
div.fwp {width:100%;height:150px;}/*width of container for picture spans. For height use .picheight*/
.flh {float:left;margin:20px 0px 0px 20px;}
.logofr {float:right;width:20vw;height:100%; background-image: url(pagegraphics/FMap.jpg);background-repeat: no-repeat;background-size: 100%;}
.logofl {float:left;width:25vw;height:100%; background-image: url(pagegraphics/FurnessLogoV5.gif);background-repeat: no-repeat;background-size: 100%;}
.logofls {float:left;width:12vw;height:100%; background-image: url(pagegraphics/FurnessLogoV5.gif);background-repeat: no-repeat;background-size: 100%;}
#flogo{width:70%;}
img.fitimg{width:100%;height:auto;}
img.pfimg{height:80vh;width:auto;}
img.pfimgfp{max-width:75%; width:75%;height:auto;}
img.pfimg25{max-width:30%; width:30%;height:auto;}
img.pfimg50{max-width:100%; width:800px;height:auto;}
.blf{float:left;width:10%;}
.brf{float:right;width:10%;}

div.mtop10{margin-top:10px;} 
div.fptext{width:90%;margin-left:5%;text-align:left;background-color:#FFB2B9;padding:10px;font-size:.9em;}

/*formatting for poster printing page only*/
/*note body width is same as poster image width*/
body.pst{background-image: url(downloads/FurnessPosterBlank23.jpg);background-size:70vh;background-repeat: no-repeat;}
p.pstcont{margin-top:25vh;}
div.pstcont{color:black;width:65vh;margin-left:0em;height:55vh;}
div.poster {font-size: 4vh; font-weight: bold;color:black;}
div.posterl {font-size: 6vh; font-weight: bold;color:black;margin-bottom:3vh;}
input.pbtnl{visibility:visible;border:medium outset gray;width:20vh;font-size:2vh;margin-right:1vh; }  
input.pbtnr{visibility:visible;border:medium outset gray;width:20vh;font-size:2vh;margin-left:1vh; }  

/*general formatting*/
.invis {visibility:hidden; }
.tac {text-align: center;}
td.nw{white-space:nowrap;}
#ptitle {background:transparent;border: none;margin-left:80px;width:200px;font-weight: bold;text-align:center;}/*page title*/
.pst {color:#bfbfbf;}
.fw {max-width:100%;height:200px;z-index: -1;}
.fw2 {width:100%;height:300px;z-index: -5;position:absolute;margin-top:25vw;}/*set top margin same as fwl height*/
.fwt{width:100%;}
.fwta{width:100%;height:auto;}
.fw90{width:90%;}
.fwl {max-width:100%;height:25vw;z-index: -1;}/*Height is matched to logofl width as logo is symetrical*/
.fwls {max-width:100%;height:12vw;z-index: -1;}/*Height is matched to logofls width as logo is symetrical*/
fieldset.nb {border:none;}
div.ftr {position:static;float:none;font-size:x-small;margin:auto;text-align: center;}/*used in footer/bottom*/
div.fo {float:left;width: 100%;margin: 0px 0px 50px 10px;z-index: auto;}
div.hwrap{height:400px;overflow-x: visible;}/*container for the header panel*/
div.hwrapnm{height:300px;overflow-x: visible;}/*container for the header panel where there are no menu buttons*/
div.hwrapns{height:15vw;overflow-x: visible;}/*container for the header with small logo*/


span.picfl {float:left;margin: auto;}
span.textfl{float:left;width:70%;vertical-align:middle;margin-left:10px;}
span.fwbtnd {float:left;width: 240px;margin: 0px 2px 5px 0px;text-align: center;background-color: #FFCCCC;}
ul.topspace {margin-top: 20px;}
.doublespace {line-height: 2.5em;}
.hc {background-color: transparent;width:800px;}
.nb {border:none;}
.tc {vertical-align:middle;}
span.news {width:20%; min-width:140px;float:left;padding:10px;text-align:left;border:thin silver solid;font-weight:100;}
span.news img {max-width:100px;}
span.newssfx {width:100%;padding:5px;text-align:center;}
.newspic{margin:10px;}
legend.newscont {font-weight: bold; border-bottom: ridge silver medium;}
.centered {text-align:center;}
.la{text-align:left;}
.sub {vertical-align: sub;}
.escont {width:100%;height:auto;overflow:auto;}
span.es {float:left;height:55px;font-size:small;text-align:center;padding:5px;}
.pt{border:none;}
table.bcol {background-color:#e7e6e6;}
div.perfcont{width:100%;overflow: scroll;}
table.perfcont {margin:0 0 0 10px;width:100%;}
table.eventcont {margin:0 0 0 10px;width:100%;max-width:1000px;}
li.nbulstd {list-style-type: none;}/*switch off the list bullet - basic setting*/
li.nbul {list-style-type: none;line-height:200%;margin-bottom:20px;}/*switch off the list bullet*/
.ccont {width:90%;}/*Cookie page formatting*/ 
.pframe {border:ridge;}/*thumbnail border style*/	
.picframe {border:0px;}
.msgstyle{border:none;font-size: large;color: red; background: transparent;text-align:left}	/*used in slideshow*/
span.music {float:left; width:35%; border:thin silver solid;}
div.musicdiv{width:100%;}

/*Widths for tables etc, mainly in maintenance section of website*/
td.cw25 {width:25%;}
.cw50 {width:50%;}
td.ctr {text-align:center;}
#sstb{border:none; width:100%;}

/*buttons*/
span.fwbtn {float:left;font-size:0.9em;width:160px;margin: 0px 2px 5px 0px;text-align: center;border-radius: 5px;}/*menu buttons*/
span.fwbtnm {float:left;font-size:0.9em;width:140px;margin-right: 2px;text-align: center;}/*version for members page with wider buttons*/
.pbtn{width:auto; max-width:250px;font-size:1.0em;}/*button size for picture frame*/
.btt{margin-left:20px;}/*back to top link only*/
.bsim {float:left;background:silver;border:medium #e6e6e6 outset;width:50px;text-align:center;margin-right:20px;}/*Used on maintenance page to buttonise */ 
.nbtn{width:auto; font-size:1.0em; background-color: rgb(207, 203, 203);}/*simple button*/

/*links*/
.btnshad{border:medium outset gray;}

/*Main front page - embedded news items in main panel*/
.mpw {width:100%;text-align:center;}
span.np {width:inherit; float:left;padding:5px;text-align:left;border-bottom: ridge silver medium;}
span.npt {width:inherit; float:left;padding:5px;text-align:left;}
.newsfp {width:100%; float:left;padding:5px;text-align:left;}

/*Layout for a print-friendly page amongst others*/
fieldset.pcont {width:80em;height:auto; font-size: small;}
.hon {background-color: silver;}
.hoff {background-color: white;}
.dark{color:white; background-color:rgb(202, 197, 197);color: rgb(124, 122, 122)}



/*font sizes*/

.midblue {font-size: medium;color: #0000FF;}
.midbluesmall {font-size:small;color: #0000FF;}
.small {font-size:small;}
.smallb {font-size:small;font-weight: bold;}
.vsmall {font-size:x-small;}
.midbluevsmall {font-size:x-small;color: #0000FF;}
.LargeBlue {font-size:large;color: #0000FF;	}	
.rhead {font-size: 1.3em; font-weight: bold;}
.rheadw {font-size: 1.5em; font-weight: bold; color:red;}
.headml{font-size: 1.4em; font-weight: bold;}
.headl {font-size: 2.0em; font-weight: bold;}
.headsl {font-size: 2.6em; font-weight: bold;}
.heads {font-size: 1.2em; font-weight: bold;}
.headx {font-size: 1.1em; font-weight: bold;}
.rheadx {font-size: 1.1em; font-weight: bold;color:red;}
.headb {font-size: 1.0em; font-weight: bold;}
.postersmall{font-size:0.7em;}
#lu {font-size:small;}

/*video embedding*/
video.vhw {height:32%; width: 70%; max-width:640px;}
/*
video.vhw {height:360px; width: 640px;}
*/

/*Various borders for displaying the events table*/	
.bx {border-style:ridge;border-color:white;padding:5px;}
.bxl {border-right-width: 0px;border-left-width: 2px;border-bottom-width: 0px;border-top-width: 2px;}
.bxc {border-right-width: 0px;border-left-width: 0px;border-bottom-width: 0px;border-top-width: 2px;}
.bxr {border-right-width: 2px;border-left-width: 0px;border-bottom-width: 0px;border-top-width: 2px;}
.bxa {border-right-width: 2px;border-left-width: 2px;border-bottom-width: 0px;border-top-width: 2px;}
.bxb {border-right-width: 0px;border-left-width: 0px;border-bottom-width: 0px;border-top-width: 2px;}
.bxm {border-right-width: 0px;border-left-width: 2px;border-bottom-width: 0px;border-top-width: 0px;}
.bxmr {border-right-width: 2px;border-left-width: 0px;border-bottom-width: 0px;border-top-width: 0px;}


/*THIS SECTION IS FOR HAMBURGER MENU ONLY*/
.hamburger:before{content:url(pagegraphics/hamburgerw.png);}
/* .hmb{display:inline-block; ;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} */

/*menu item highlight current page*/
.hlt{background-color:#BDE4E9;color:#008000 !important;}
 /* Add a black background color to the top navigation */
.hmenu {
  background-color: #FF0000;
  overflow: hidden;
  width:100%;
  margin-top:2px;
}

/* Style the links inside the navigation bar */
.hmenu a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  font-weight: bold;
  padding: 8px 10px;
  font-size: 15px;
}

/* Change the color of links on hover */
.hmenu a:hover {
  color: white;
}

/* Add an active class to highlight the current page */

.hmenu a:active {

  color: white;
}

/* Hide the link that should open and close the hmenu on small screens */
.hmenu .icon {
  display: none;
} 

 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the hmenu (.icon) */
@media screen and (max-width: 600px) {
  .hmenu a:not(:first-child) {display: none;}
  .hmenu a.icon {
    float: right;
    display: block;
    padding-right:20px;
  }
}

/* The "responsive" class is added to the hmenu with JavaScript when the user clicks on the icon. This class makes the hmenu look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .hmenu.responsive {position: relative;}
  .hmenu.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .hmenu.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}