#cssmenu {
    z-index: 99;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cssmenu:after,
#cssmenu>ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#cssmenu #menu-button {
  display: none;
}

#cssmenu {
  font-family: Montserrat, sans-serif;
  background: #222233;
}

#cssmenu>ul>li {
  float: left;
}

#cssmenu>ul>li>a {
  padding: 17px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: color .25s ease;
  -moz-transition: color .25s ease;
  transition: color .25s ease;
}

#cssmenu>ul>li:hover>a {
  color: dodgerblue;
}

#cssmenu>ul>li.has-sub>a {
  padding-right: 30px;
}

#cssmenu ul>li.has-sub>a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
  -webkit-transition: background .25s ease;
  -moz-transition: background .25s ease;
  transition: background .25s ease;
}

#cssmenu>ul>li.has-sub:hover>a:after,
#cssmenu>ul>li.has-sub>a:hover:after {
  background: #ffffff;
}

#cssmenu ul>li.has-sub>a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#cssmenu ul>li.has-sub:hover>a:before,
#cssmenu ul>li.has-sub>a:hover:before {
  top: 23px;
  height: 0;
}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}

#cssmenu li:hover>ul {
  left: auto;
}

#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}

#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .25s ease;
  -moz-transition: height .25s ease;
  transition: height .25s ease;
}

#cssmenu li:hover>ul>li {
  height: 35px;
}

#cssmenu ul ul li a {
  width: 240px;
  padding: 11px 15px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  font-size: 12px;
  text-decoration: none;
  color: white;
  font-weight: 400;
  background: #222233;
}

#cssmenu ul ul li:last-child>a,
#cssmenu ul ul li.last-item>a {
  border-bottom: 0;
}

#cssmenu ul ul li:hover>a {
  color: #ffffff;
}

#cssmenu ul ul li a:hover {
  color: lightskyblue;
}

#cssmenu ul ul li.has-sub>a:after {
  top: 16px;
  right: 11px;
  background: #dddddd;
}

#cssmenu ul ul>li.has-sub:hover>a:after,
#cssmenu ul ul>li.has-sub>a:hover:after {
  background: #ffffff;
}

#cssmenu ul ul li.has-sub>a:before {
  top: 13px;
  right: 14px;
  background: #dddddd;
}

#cssmenu ul ul>li.has-sub:hover>a:before {
  top: 17px;
  height: 0;
}

#cssmenu.small-screen {
  width: 100%;
}

#cssmenu.small-screen ul {
  width: 100%;
  display: none;
}

#cssmenu.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}

#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover>ul>li {
  height: auto;
}

#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
  width: 100%;
  border-bottom: 0;
}

#cssmenu.small-screen>ul>li {
  float: none;
}

#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}


#cssmenu.small-screen ul ul li a {
  padding-left: 25px;
}

#cssmenu.small-screen ul ul ul li a {
  padding-left: 35px;
}

#cssmenu.small-screen>ul>li.has-sub>a:after,
#cssmenu.small-screen>ul>li.has-sub>a:before,
#cssmenu.small-screen ul ul>li.has-sub>a:after,
#cssmenu.small-screen ul ul>li.has-sub>a:before {
  display: none;
}


#cssmenu.small-screen #menu-button {
  display: block;
  padding: 17px;
  color: #dddddd;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}

#cssmenu.small-screen #menu-button:after {
  position: absolute;
  top: 22px;
  right: 17px;
  display: block;
  height: 4px;
  width: 20px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  content: '';
}

#cssmenu.small-screen #menu-button:before {
  position: absolute;
  top: 16px;
  right: 17px;
  display: block;
  height: 2px;
  width: 20px;
  background: #dddddd;
  content: '';
}

#cssmenu.small-screen #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#cssmenu.small-screen #menu-button.menu-opened:before {
  top: 23px;
  background: #ffffff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#cssmenu.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 46px;
  width: 46px;
  cursor: pointer;
}

#cssmenu.small-screen ul ul .submenu-button {
  height: 34px;
  width: 34px;
}

#cssmenu.small-screen .submenu-button.submenu-opened {
  background: #262626;
}

#cssmenu.small-screen .submenu-button:after {
  position: absolute;
  top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}

#cssmenu.small-screen ul ul .submenu-button:after {
  top: 15px;
  right: 13px;
}

#cssmenu.small-screen .submenu-button.submenu-opened:after {
  background: #ffffff;
}

#cssmenu.small-screen .submenu-button:before {
  position: absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}

#cssmenu.small-screen ul ul .submenu-button:before {
  top: 12px;
  right: 16px;
}

#cssmenu.small-screen .submenu-button.submenu-opened:before {
  display: none;
}

body {
    /* max-width: 1200px; */
}

table.gsh-snow-stats-onecolumn
{
    width: 950px;
	color: black;	
	/*
	border: 2px gray ridge;
	*/
}

table.gsh-snow-stats-twocolumn
{
    width: 960px;
	color: black;	
	/*
	border: 2px gray ridge;
	*/
}

table.gsh-snow-stats-threecolumn
{
    width: 1100px;
	color: black;	
	/*
	border: 2px gray ridge;
	*/
}

	
table.gsh-snow-most-finishes-k
{
  /* border: thin #666633 inset;  */
   border-collapse: collapse; 
   font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   font-size: 10pt;
    padding-left: 5px;
    border-spacing: border-spacing-x: 5px; 
    padding-right: 5px; 
    width: 325px;
    margin-left:auto;
    margin-right:auto;
}

table.gsh-snow-most-finishes-kall
{
  /* border: thin #666633 inset;  */
   border-collapse: collapse; 
   font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   font-size: 10pt;
    padding-left: 5px;
    border-spacing: border-spacing-x: 5px; 
    padding-right: 5px; 
    width: 320px;
    margin-left:auto;
    margin-right:auto;
}

table.gsh-snow-most-points-alltime
{
  /* border: thin #666633 inset;  */
   border-collapse: collapse; 
   font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   font-size: 10pt;
    padding-left: 5px;
    border-spacing: border-spacing-x: 5px; 
    padding-right: 5px; 
    width: 920px;
    margin-left:auto;
    margin-right:auto;
}

.gsh-snow-stats-report-layout {
    width: 100%;
/*    border: 2px red solid;*/
}

.gsh-snow-stats-report-layout td {
/*    border: 1px purple solid;*/
    margin: 5px 15px 5px 15px;
    padding: 3px 25px 2px 25px;
}

.gsh-snow-stats-group
{
/*    border: 2px blue solid;*/
    font-family: 'Montserrat', sans-serif;
    width: 90%;
    border-collapse: collapse; 
    border: 2px black solid;
/*    border-spacing: border-spacing-x: 5px; */
    margin-left: 10px auto;
    margin-right: 10px auto;
}


.gsh-snow-stats-group caption
{
	font-weight: bold;
	margin-bottom: 5px; 
    margin-top: 25px;
    font-variant: small-caps;
    font-family: "fontawesome", "Segoe UI", sans-serif;
    font-size: 22px;
	color: darkslateblue;
    padding: 3px 5px 3px 5px;
}

.gsh-snow-stats-group tr:nth-child(even) {
    background-color: #f0f3da;
}

.gsh-snow-stats-group td, th
{
/*   background-color: #a0a0ff;    */
   padding: 2px 10px 2px 10px;
   border-left: 1px #b0b090 solid;
   border-bottom: 1px #b0b090 solid;
/*    border-bottom: 1px lightgray solid;*/
/*    padding: 2px 6px 2px 6px;*/
}

.gsh-snow-stats-totals td {
/*    background-color: slategray;*/
    background-color: #d0c8a0;
    font-weight: bold;
} 

.gsh-snow-stats-hdr {
    color: deepskyblue;
    background-color: #101010;
}




.gsh-snow-stats-title {
  font-size: 32px;
  color: #140163;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration:underline;
  text-align: center;
  padding-bottom: 25px;
}
	

td.gsh-snow-stats-pad {
   empty-cells: show;
   padding-left: 6px;
   padding-right: 6px; 
} 

td.gsh-snow-stats-lhdr {
   border:1px gray inset; 
   empty-cells: show;
   padding-left: 6px;
   padding-right: 6px; 
   background-color: #9999FF;
   color: black;
   font-weight: 200;
} 

tr.gsh-snow-stats-ul {
   border-bottom: 1px  solid #666633; /* #C1C1A2 ; */
   border-collapse: collapse;
   empty-cells: show;
/*   padding-left: 2pt;
   padding-right: 2pt; 
   margin-left: 4px;
   border-spacing: 6px;
   */
} 

tr.gsh-snow-stats-tl {
   border: 2px solid gray;
   border-collapse: collapse;
   empty-cells: show;

} 
   
#stats-content {
    padding: 5px 30px 5px 30px;
}

.gsh-snow-statsdb {
	/* border: thin #666633 inset;  */
    border-collapse: collapse;
	background-image: url('../SnowStorm/Snowstorm_Page_Images/snowback4-880x70.jpg');
    background-blend-mode:  color-burn;
    background-size: cover;
/*    background-color: #d0d0c0;*/
    border: 2px gray inset;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	width: 100%;
	margin: 0 auto;
}

.gsh-snow-statsdb td { 
   padding: 3px 5px 3px 5px;
}

.gsh-snow-statsdb-key {
   empty-cells: show;
   color:#0099CC;
   min-width:60px;
   text-align:right;
} 

.gsh-snow-statsdb-value {
   empty-cells: show;
   color:#660033;
   text-align:left;
   min-width:70px;
} 
	
   
.banner-back {background: rgb(151 153 153); /* Old browsers */background: -moz-linear-gradient(left, rgb(98 17 45) 0%, rgba(59, 141, 229, 1) 30%, rgba(244, 202, 63, 1) 63%, rgb(196 84 33) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #5f6d5e 10%, rgb(151 151 118) 62%, rgb(233 209 128) 81%, rgb(234 141 101) 100%); /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(to right, rgb(121 173 243) 20%,rgb(27 115 103) 50%,rgba(244,202,63,1) 70%,rgb(202 190 183) 85%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abdae1', endColorstr='#e57947',GradientType=1 ); /* IE6-9 */}	

.banner-back-2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#468143+0,955298+27,955298+27,955298+27,525e98+60,ccd642+91&1+46,0.92+46,1+100 */
background: -moz-linear-gradient(left, rgba(70,129,67,0.92) 25%, rgba(149,82,152,0.92) 44%, rgba(143,83,152,0.92) 46%, rgba(82,94,152,0.95) 67%, rgba(204,214,66,0.99) 91%, rgba(204,214,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(70,129,67,0.92) 25%,rgba(149,82,152,0.92) 44%,rgba(143,83,152,0.92) 46%,rgba(82,94,152,0.95) 67%,rgba(204,214,66,0.99) 91%,rgba(204,214,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(70,129,67,0.92) 25%,rgba(149,82,152,0.92) 44%,rgba(143,83,152,0.92) 46%,rgba(82,94,152,0.95) 67%,rgba(204,214,66,0.99) 91%,rgba(204,214,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb468143', endColorstr='#ccd642',GradientType=1 ); /* IE6-9 */
}


.div-footer {
	background-color: #393656;
	border:  2px white outset;
	color: aqua;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
        width: 100%;
}

.gsh-banner {
    width: 100%;
    border: 3px darkgray solid; 
    /*
    background-color:white;
    background-image: repeating-linear-gradient(#CCCCCC, #FFFFFF);
    */
    background: white url("../images/sunrise-banner.png") repeat-x top left;
}

.gsh-banner td {
    padding: 5px 15px 10px 15px;
    color: white;
}

.gsh-footer {
    padding-top: 10px;
    padding-bottom: 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.8em;
    color: white;
    border: 2px grey outset;   
    background-image: repeating-linear-gradient(#001122, #304080);
    text-align: center;
    width: 100%;
}


.gsh-footer td {
	color: white;
	padding-left: 45px;
	padding-right: 25px;
}

.gsh-footer a {
	color: white;
	text-decoration: none;
}

.gsh-footer a:hover {
	color: yellow;
	text-decoration: underline;
}

.div-footer table {
    margin: auto;
    border: 0;
    width: 100%;
}

.div-footer td {
	padding: 15px 20px 15px 20px;
}

style22 {
	text-align: right;
}

.style110 {
	font-family: "Comic Sans MS";
	}

.style113 {
	background-color: #0D0938;
	color: #17CAEC;
}
.style114 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
}
.style116 {
	font-family: "Courier New", Courier, monospace;
	font-size: 10pt;
}
.style121 {
	font-size: 9pt;
}
.style123 {
	color: #000000;
}

.style131 {
	text-decoration: none;
}
.style133 {
	color: #0D0A7D;
}
.style134 {
	font-size: 12pt;
}
.style136 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.style137 {
	font-size: 10pxv ;
}
.style138 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11pt;
}
.style139 {
	font-family: "Segoe UI Semibold";
}
.style140 {
	font-family: "Segoe UI Semibold";
	font-size: 12pt;
}
.style141 {
	font-family: Consolas;
	font-size: 10pt;
}
.style142 {
	font-family: Consolas;
}

.footer {
    padding-top: 10px;
    padding-bottom: 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.8em;
    color: white;
    border: 2px grey outset;   
    background-image: repeating-linear-gradient(#001122, #304080);
    text-align: center;
}


.footer span {
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-club {
    font-size: 1em;
    font-weight: bold;
}
    
.footer-desc {
    text-align: center;
    margin: 0 auto;
    font-size: 0.85em;
    font-style: italic;
    width: 60%;
}
    
.footer-store {
    font-size: 0.95em;
    margin-top: 15px;
}
    
.footer a {
    text-decoration: none;
    font-weight: normal;
    color: white;
}


.footer a:hover {
    text-decoration: underline;
    color: gold;
}

#rostertable {
    font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 11px;
    border: 2px black outset;
    border-collapse: collapse;
}

#rostertable tr:nth-child(odd)
{
    background-color: #FFFFCA;
}

#rostertable th {
    background-color: lightgray;
    vertical-align: top;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}

#rostertable td,th {
    border: 1px gray solid;
    padding: 4px 10px 4px 10px;
}

#rostertable td {
    font-family: "fontawesome", "Segoe UI", sans-serif;
    font-size: 18px;
    color: black;
    align-content: center;
    text-align: center;
}

#rostertable .addtnl-info {
/*    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;*/
    font-size: 12px; 
    color: #202020;
    background-color: aliceblue;
    text-align: center  ;
}


#rostertable .left-hdr {
    font-size: 14px; 
    font-weight: bold;
    color: darkslategray;
    text-align: left;
/*    background-color: #F6F6F4;*/
}

#rostertable .hdr2 {
    background-color: #E2E2E0;
    font-weight: bold;
    color: darkslategray;
    text-align: left;
}

#rostertable tr .rostertotal {
    background-color: #aca3df;
}

.gsh-roster-msg {
   font-family: "Montserrat", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   font-size: 16px;
	padding: 5px 10px 5px 10px;
    background-color: #F8F8F8;
    box-shadow: 5px 10px 18px #888888;
    border: 2px darkgray solid;
    border-radius: 10px;
    margin: 10px 0px 10px 0px;
    line-height: 25px;
}

.gsh-roster-legend {
    background-color: palegoldenrod;
    text-align: left;
    font-weight: bold;
}


/* ....................................................  FEB-19-2019 NEW LOOK ....................................................................................................................................................... */

.newsroll-item img {
	width: 100%;	
	border-radius: 15px;
}

.newsroll-item {
    width: 100%;
    position: relative;
    color: white;
}

.news-item-logo {
        float: left;
        margin: 15px 25px 15px 5px;
}
    
.usatfne-logo-overlay {
    z-index: -1;
    position: absolute;
    top: 40px;
    left: 40px;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    border: 0;
}

.news-title-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #D7D7C4;
    background-color: rgba(80,80,80,0.3);
}

.news-title-overlay p {
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.newsroll-imagecaption {
	text-align: justify;
	font-size: 18px;
    position: absolute;
    bottom: 20px;
    left: 0px;
    padding-left: 20px;
    padding-bottom: 14px;
    width: 95%;
    background-color: #D7D7C4;
    background-color: rgba(30,30,30,0.45);
}

    .newsroll-imagecaption1 {
	text-align: justify;
	font-size: 18px;
    position: absolute;
    bottom: 20px;
    left: 0px;
    padding-left: 20px;
    padding-bottom: 14px;
    width: 95%;
}

.newsroll-imagecaption a:hover {
    color: white;    
}

.newsroll-imagecaption a {
    color: aqua;
    text-decoration: none;
}

.newsroll-imagecaption a:visited {
    color: aqua;    
}

    
.style19 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 12px;
}

.mission-statement {
	margin: 0 auto;
    background-color: #F0F0FF;
}

.mission-statement p {
	font-family: "Montserrat", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    font-size: 1.2em;
    text-align: center;
    padding: 10px 50px 10px 50px;
}
    
.style21 {
	font-size: 1em;
}

table.RLT1 {
        width: 100%;
        padding: 6px;
        border-spacing: 4px; 
        padding-top: 3px; 
}
.RLstyle1 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12pt;
}
.RLstyle2 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12pt;
}
.RLstyle3 {
	font-family: "Courier New", Courier, monospace;
        font-weight: bold;
	font-size: 12pt;
	color: #008000;
        padding-top: 3px;
}

.RLstyle4 {
	font-family: "Work+Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
}

.RLstyle4 a {
    color: blue;
}

.RLstyle4 a:hover {
    color: white;
    background-color: darkblue;
}

.RLstyle5 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	color: #800000;
	border: 2px solid #333300;
	background-color: #999966;
	font-size: 16pt;
        font-weight: bold;
        padding-top: 5px;
        padding-left: 20px;
        padding-bottom: 5px;
	text-transform: uppercase;
        border-bottom: 2px solid #A0A020;
}
.RLstyle10 {
	border-top: 1px solid #808080;
        
}
.RLstyle11 {
	border-width: 0px;
}
.RLstyle12 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12pt;
}
.RLstyle13 {
	text-align: right;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
    
    /*
.RLstyle14 {
	background-image: url('../images/banner2017.png');
}
    */
    
.RLstyle15 {
	text-align: right;
}
.RLstyle18 {
	color: #001880;
}
.RLstyle19 {
	font-family: "Montserrat", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	color: white;
    background: #0F2566;
    background: -webkit-linear-gradient(bottom, #0F2566, #DBE0E8);
    background: -moz-linear-gradient(bottom, #0F2566, #DBE0E8);
    background: linear-gradient(to top, #0F2566, #DBE0E8);    
	text-align: center;
	font-size: 16pt;
        font-weight: bold;
        padding-top: 5px;
        padding-left: 20px;
        padding-bottom: 5px;
	    text-transform: uppercase;
}

.sidenav {
}

.footer {
    padding-top: 10px;
    padding-bottom: 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.8em;
    color: white;
    border: 2px grey outset;   
    background-image: repeating-linear-gradient(#001122, #304080);
    text-align: center;
}

.banner {
    padding: 10px 10px 5px 10px;
    border: 3px darkgray solid; 
    background-color:white;
    background-image: repeating-linear-gradient(#CCCCCC, #FFFFFF);
}

.gsh-annoucement {
    text-align: left;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.9em;
    font-weight: 500;
    color: black;
    padding: 5px 10px 5px 10px;
    background-color: #F8F8F8;
    box-shadow: 5px 10px 18px #888888;
    /* overflow:hidden; */
    clear: both;
    border: 2px darkgray solid;
    border-radius: 10px;
    margin: 10px 0px 10px 0px;
}

.no-wrap-text {
    white-space: nowrap;
    color: inherit;
    background-color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    padding: inherit;
    border-radius: inherit;
}

    .gsh-new-item-hdr {
        font-size: 18px;    
    }
    
.fast-feet-msg {
    font-family: 'Work Sans', sans-serif;
	font-size: 1.3em;
    font-weight: 500;
	color: black;
	padding: 5px 10px 5px 10px;
    margin-top: 0px;
}

#gsh-msg {
        background-color: #F8F8F8;
        box-shadow: 5px 10px 18px #888888;
}
    
.fast-feet-holiday-msg-hdr {
    font-family: 'Courgette', 'Pacifico', cursive;
	font-size: 24px;
	color: blue;
	padding: 15px 5px 5px 5px;
    border: 2px darkgray solid;
    border-radius: 10px;
}
    
.fast-feet-holiday-msg {
	font-size: 18px;
	color: black;
}
    
.fast-feet-jobpost {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.0em;
	padding: 20px 20px 20px 20px;
    border-top: 1px gray solid;
    border-bottom: 1px gray solid;
    background-color: #F8F8F8;
    text-align: left;
    margin-top: 15px;
	padding: 10px 10px 10px 20px;
}

.fast-feet-jobpost-head-foot {
    font-weight: bold;
    color: darkblue;
}

.fast-feet-jobpost-jobtitle {
    font-weight: bold;
    text-decoration: underline;
}
.footer span {
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-club {
    font-size: 1em;
    font-weight: bold;
}
    
.footer-desc {
    text-align: center;
    margin: 0 auto;
    font-size: 0.85em;
    font-style: italic;
    width: 60%;
}
    
.footer-store {
    font-size: 0.95em;
    margin-top: 15px;
}
    
.footer a {
    text-decoration: none;
    font-weight: normal;
    color: white;
}


.footer a:hover {
    text-decoration: underline;
    color: gold;
}

#content {
   width: inherit;
   vertical-align: top;
   margin: 0 auto;
   padding: 20px 10px 20px 10px;
}

    .style39 a:hover {
        background-color: deepskyblue;
        color: white;
        text-decoration: none;
    }
    
    #content-text {
        background-color: rgb(159 156 145);
        opacity: 0.8;
        padding: 15px;
        margin: 0 auto;
        padding-top: 90px;
        position: relative;
        top: -60px;
        font-family:  "Montserrat", sans-serif;
        /* color: yellow; */
    }
    
    .title {
        /* position: absolute; */
        top; 15px;
        /* left: 27%; */
        margin: 15px 0 10px -40px;
        /* background: rgba(50, 60, 60, .9); */
        z-index: 1;
        padding: 10px 10px 10px 0;
    }

    h2 {
        color: green;
        font-size: 1.2em;
        font-weight: bold;
        padding-top: 30px;
    }
    

    #myCarousel img {
       height: 600px;
        width: auto;
        align-self: center;
        /*margin: 0 auto;*/
        border: 1px darkgray solid;
    }

    .carousel-caption-link a {
        font-size: 1.3em;
        font-weight: bold;
        color: deepskyblue;
    }

    .carousel-caption-link p {
        background-color: #D7D7C4;
        background-color: rgba(30,30,30,0.45);
        padding: 3px;
        margin: 0 auto;
    }

    .carousel-caption-link h3 {
        background-color: #D7D7C4;
        background-color: rgba(30,30,30,0.45);
        padding: 3px;
        margin: 0 auto;
    }


    .carousel-caption-link a:hover {
        color: darkblue;
    }
    
    .carousel-caption-link {
        text-align: left; 
        line-height: 1em; 
        padding: 20px;
        /*position: relative;
        top: -50px; */
    }

.awesome-link i {
    border: 2px solid transparent;
}
.awesome-link:hover i {
    border: 2px solid black;
}

.gshlogo-parent {
  position: relative;
  top: 0;
  left: 0;
}
.gshlogo-image1 {
  position: relative;
  top: 0;
  left: 0;
}

.gshlogo-image2 {
  position: absolute;
  top: 0px;
  left: 0px;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in2 {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	animation-duration:3s;
}

.fade-out {
	opacity:1;  /* make things invisible upon start */
	-webkit-animation:fadeOut ease-in 0;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeOut ease-in 0;
	animation:fadeOut ease-in 0;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}

.fade-in2.two {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}

.polaroid-img-frame {
    border: 5px white solid;
    border-radius: 1px;
    box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 0.8);
}

table.gsh-announcement-subtable {
    border-top: 1px gray solid;
    margin-top: 6px;
    font-family: "Montserrat", "Segoe UI", sans-serif;
}

table.gsh-announcement-table td {
    vertical-align: top;
    padding: 10px 4px;
    font-family: "Montserrat", "Segoe UI", sans-serif;
    text-align: left;
}

.gsh-announcement-subtable caption {
    font-weight: bold;
    color: darkblue;
    border-bottom: 1px gray solid;
}

.gsh-announcement-subtable tbody tr td {
    padding: 2px 10px;
    font-size: 18px;
}

    .gsh-announcement-subtable tbody tr td:first-child {
        /* font-weight: bold; */
        /* color: darkred; */
        width: 55%;
    }

    .gsh-announcement-subtable tbody tr td:nth-child(2) {
        font-weight: normal;
        color: black;
    }

    .gsh-announcement-subtable tbody tr td:nth-child(2),
    .gsh-announcement-subtable tbody tr td:nth-child(3),
    .gsh-announcement-subtable tbody tr td:nth-child(4) {
        max-width: 100px;
    }

#gsh-announcement-ff-main-hours tbody tr td h4 {
    font-family: 'Montserrat', "sans-serif";
    font-size: 26px;
    font-style: normal;
    color: darkred;
    font-weight: bold;
    /* border-bottom: 1px gray solid; */
    margin-bottom: 3px;
}

#gsh-announcement-ff-main-hours tbody tr td span {
    font-weight: normal;
    font-size: 16px;
    color: #505050;
}

#gsh-announcement-ff-main-hours > table > tbody > tr > td > table > tbody > tr > td > span {
    font-size: 18px;
    color: red;
    font-weight: normal;
}

.pipe {
    color: #216b83 !important;
    font-weight: bold !important;
    font-size: 1.2em !important;
}

#ff-hour-updated-msg {
  font-size: 16px !important;
  text-align: left;
  font-family: "Roboto+Mono", 'Segoe UI', sans-serif !important;
}

#gsh-announcement-ff-main-hours > table > tbody > tr > td > span > a {
    text-decoration: none;
}

#gsh-announcement-ff-main-hours > table > tbody > tr > td > span > a:hover {
    text-decoration: underline;
    color: blue;
    background-color: #f8f8f8;
    box-shadow: 2px 2px 2px #202020;
}

#central {
    z-index: 99;
    position: sticky !important;
    top: 0;
}

#fast-feet-logo {
    height: 65px;
    width: auto;
}