/*
This entire file is also currently in beaconmain.css However since only pages that have the menus at the top need this but not all need the entire content of the beaconmain.css file.  This will be sorted out in the future.

If you change this file be sure and also update beaconmain.css.
*/

/* MAJOR PAGE SECTIONS */
html {box-sizing:border-box;}
*, *:before, *:after {box-sizing:inherit;}
body{background-color:white;text-align:center; font-family: arial, sans-serif;}
A{text-decoration:none;white-space:nowrap;outline:none;font-family:arial, sans;font-weight:bold;color:black;}
A:hover{color:red;}
#topbox {display:none;background-color:#fff;border:2px solid red;border-radius:6px;padding:4px;font-size:18px;font-weight:bold;font-family:arial, sans-serif;text-align:center;margin:0 0 6px 0;}
#gototopbutton {
  font-size:20px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 6px;
  z-index: 99;
  border: 0;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 4px 15px;
  border-radius: 10px;
}

#gototopbutton:hover {
  background-color: lime;
  color:black;
}

#container{max-width:1140px;margin:0 auto;text-align:center;background:white;padding:12px 0;}
#wrapper{width:99%;margin:0 auto;}
#menuwrapper{width:100%;margin:6px auto;background:transparent;border:0px;text-align:center;}
#mainbody{text-align:left;width:100%;padding:6px 4px 6px 4px;background:white;}/* wraps everything below the banner */

/* BANNER */
#beaconbanner{width:100%;text-align:center;padding-bottom:4px;background:white;}
#beaconimage{display:inline-block;width:100%;}
.bannertext{display:none;font-family:sans-serif;font-weight:bold;font-size:12px;color:black;background:white;padding-bottom: 4px;}


.mHead{display:inline-block;padding:3px 8px 6px 8px;color:black;font-family:arial;font-weight:bold;font-size:17px;vertical-align:middle;}
.mHead a{color:black;}
.mHead:hover a{color:red;}
.mhead:hover span{color:red;}

.mHeadme{display:inline-block;color:red;padding:3px 8px 6px 8px;font-family:arial;font-weight:bold;font-size:17px;vertical-align:middle;}
.mHeadme a{color:red;}

.mHeadsm{display:inline-block;padding:3px 8px 6px 8px;color:black;font-family:arial;font-weight:bold;font-size:14px;vertical-align:middle;}
.mHeadsm a{color:black;}
.mHeadsm:hover a{color:red;}

.mHeadsmme{display:inline-block;padding:3px 8px 6px 8px;font-family:arial;font-weight:bold;font-size:14px;vertical-align:middle;}
.mHeadsmme a{color:red;}


/* SUB MENUS - for individual main page sections of the site- e.g. Communities, Print Edition, etc. */
#submenuwrapper{margin:6px 2px;text-align:center;}
.sublinkwrap{display:inline-block;padding:2px 3px;margin:8px 4px;font-family: arial, sans-serif;background-color:transparent;border-radius:5px;color: black;}
.sublinkwrap:hover{background:transparent;}
.sublinkwrap a{font-family: arial, sans-serif;font-weight:bold;font-size:14px;color:black;}
.sublinkwrap a:hover{color:red;}
.activesubheader{text-align:center;font-family: arial, sans-serif;font-size:20px;font-weight:bold;border:2px solid black;padding:4px 4px;background-color:wheat;}
.sublinkactive{display:inline-block;padding:2px 3px;margin:3px;background-color:wheat;border:2px solid blue;border-radius:5px;font-family: arial, sans-serif;font-weight:bold;font-size:14px;color:red;}


/* a few commonly used */
.displaynone{display: none;}
.displayblock{display: block;}
.displayinlineblock{display: inline-block;}