/* --------------------------------------- */
/* --- Style sheet for Gary Dahl TLC   --- */
/* ---        date: 2020-06-08         --- */
/* ---                                 --- */
li{
   margin-bottom: 10px;
}
ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.nav {
    background-color: DarkBlue;
		height: 35px;
		width: 900px;
}
li.nav {
    font: 17px Verdana, Arial, sans-serif;
		transition: 1s font-size; 
    display: inline-block;
    text-align: center;
    background: transparent;
	line-height: 35px;
	height: 35px;
	width: 122px;
}
li.home {
    font: 19px Verdana, Arial, sans-serif; 
    display: inline-block;
    text-align: center;
		line-height: 35px;
		height: 35px;
		width: 122px;     
		color : White; 
		text-decoration : none;
		cursor: default;
}
.home>a:link  { color : White; cursor: default; text-decoration : none; }
.home>a:visited  { color : White; cursor: default; text-decoration : none; }
.nav>a:link   { color : Gold; text-decoration : none; }
.nav>a:visited{ color : Gold; text-decoration : none; }
.nav>a:hover  { font-size: 19px; color : White; text-decoration : none; }
.nav>a:active { color : Red; text-decoration : none; }

.icon {
  width: 14px;
  height: 14px;
  background: transparent;
	fill: currentColor; 
}
.admin {
    font : 15px/20px Helvetica, Arial, sans-serif;	
		margin-left : 60px;
		margin-right :50px;
		color : Black;	
		width : 780px;				
}
.admin-h {
    font : italic bold 17px/19px Helvetica, Arial, sans-serif;	
		color : Black;				
}
.arrow-up {
	width: 0; 
	height: 0px; 
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-bottom: 100px solid DarkBlue;
}

audio.small { 
     width : 450px; 
	 height : 40px;
	 margin-bottom : 0px;
	 padding-bottom : 0px;
	 border : 0px;
	 background-color : Black;	     
}
.banner {	
	margin-top: 30px;
/*	padding-left : 30px;
	padding-right : 30px;  */
	padding-top : 15px;
	text-align : center;
	background-color: white;
    /* background-size: 880px; */
    background-repeat: no-repeat; 
	background-position: center top; 
	background-attachment: scroll;  
	height: 105px;
}
.bio {
        overflow: auto; 
        padding-left: 30px; 
        padding-right: 30px; 
}
.bio-l {
        float: left;  
        width: 15%; 
        max-width: 150px; 
        border: 5px solid white; 
        margin-right: 20px; 
        margin-top:25px;
}
.bio-r {
        float: right;  
        width: 15%; 
        max-width: 150px; 
        border: 5px solid white; 
        margin-left: 20px; 
        margin-top:25px;
}

body {
     background-color :  #a6a6a6;   /* #BBDDFF; */ 
     background-color :  black;   /* #BBDDFF; */ 
	 background-repeat: no-repeat; 
	 background-position: center top; 
	 background-attachment: scroll;
	 margin : 0px;
	 padding : 0px;
}
.btn{
     border:none;
	 display:inline-block;
	 outline:0;
	 padding: 4px 8px;
	 margin: 7px;
	 vertical-align:middle;
	 overflow: hidden;
	 text-decoration:none !important;
	 color:white;
	 background-color: #8d0c3f;
	 text-align:center;
	 transition:.2s ease-out;
	 cursor:pointer;
	 white-space:nowrap;
	 width: 168px;
	 height: 38px;
	 font : 16px/16px Helvetica, Arial, sans-serif;
	 }
.btn:hover{
     color:Black; font-weight: bold; background-color:white;
     box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
.btn[name="submit"]:hover{
     color:DarkGreen;background-color:white;
     box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
.btn[name="submit"]{
   border:none;
	 display:inline-block;
	 outline:0;
	 padding: 4px 8px;
	 margin: 7px;
	 vertical-align:middle;
	 overflow:hidden;
	 text-decoration:none !important;
	 color:#fff;
	 background-color: #4e5a4b;
	 text-align:center;
	 transition:.2s ease-out;
	 cursor:pointer;
	 white-space:nowrap;
	 width: 150px;
	 font : 16px/18px Helvetica, Arial, sans-serif;
	 }
.btn[name="submit"]:disabled{
   border:none;
	 display:inline-block;
	 outline:0;
	 padding: 4px 8px;
	 margin: 7px;
	 vertical-align:middle;
	 overflow:hidden;
	 text-decoration:none !important;
	 background-color: Gray;
	 color: Gray;
	 cursor:default;
	 white-space:nowrap;
	 width: 150px;
	 }
.btn-l{
     border : 1px solid #4e5a4b;
     border : 1px solid #8d0c3f;
	 border-radius: 5px;
	 display:inline-block;
	 outline:10px;
	 padding: 2px 4px;
	 margin-right: 10px;
	 margin-left: 10px;
	 vertical-align:middle;
	 overflow:hidden;
	 text-decoration:none ;
	 color:#fff;
	 background: #4e5a4b;
	 background: #8d0c3f;
	 text-align:center;
	 transition:.2s ease-out;
	 cursor:pointer;
	 white-space:nowrap;
	 width: 110px;
	 font : 14px Helvetica, Arial, sans-serif;
	 }
.btn-l:hover:not(:disabled){
     color:Black;background-color:white;
	   border : 1px solid Black;
		 font : bold 14px Helvetica, Arial, sans-serif;
     box-shadow:0 8px 16px 0 rgba(255,255,255,0.2),0 6px 20px 0 rgba(255,255,255,0.19)
}
.btn-l:disabled{
     background-color:silver;
		 color: gray;
		 border: 1px solid darkgray;
		 cursor:default;
}
.btn-l:hover:disabled{
     background-color:silver;
		 color: gray;		 
		 cursor:default;
}
.btn-s{
	 display:inline-block;
	 outline:0;
	 padding: 4px 8px;
	 margin-right: 20px;
	 margin-left: 20px;
	 margin-top: 20px;
	 border-radius: 10px;
	 vertical-align:middle;
	 overflow:hidden;
	 text-decoration:none;
	 color: White;
     border:1px solid #8d0c3f;
	 text-align:center;
	 transition:.2s ease-out;
	 cursor:pointer;
	 white-space:nowrap;
	 width: 120px;
	 font : 15px Helvetica, Arial, sans-serif;
     background: #5a4b4e;
     background: #8d0c3f;	
		color: #87CEFA;
		color: white;
	 }
.btn-ss{
       display:inline-block;
	   outline:0;
	   padding: 4px 8px;
	   margin-right: 20px;
	   margin-left: 20px;
	   margin-top: 0px;
	   margin-bottom: 8px;
	   border-radius: 10px;
	   vertical-align:middle;
	   overflow:hidden;
	   text-decoration:none;
	   color: White;
       border:1px solid #8d0c3f;
	   text-align:center;
	   transition:.2s ease-out;
	   cursor:pointer;
	   white-space:nowrap;
	   width: 120px;
	   font : 15px Helvetica, Arial, sans-serif;  
	   font-weight: bold;   
       background: #8d0c3f;			
	   color: white;
}	 

.btn-small{
  width: 80px;
  height: 20px;
  font : 12px/16px Helvetica, Arial, sans-serif;
  background-color: DarkBlue;
}
.btn-f{
     float: right;
	 margin: 0px;
	 margin-right: 200px;
	 vertical-align:middle;
	 background-color: #8d0c3f;
	 font-weight: bold;
	 font : bold 17px Verdana,  Arial, sans-serif;
     border:1px solid #8d0c3f;
}
.btn-e{
	box-sizing: border-box;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    margin-right: 5px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    font: bold 12px/8px Verdana,  Arial, sans-serif;
    height: 15px;
    border: 1px solid gray;
    float: left;
    color: black;
	cursor: pointer;
	 font-weight: bold;
}
.btn-e:hover{
    color: Red;
}
button.audio {
   cursor : pointer;
	 background-color : LightGray;
	 font :  14px Arial, sans-serif;	
	 margin-bottom : 4px; 
	 width : 150px; 
}
button.dld {
   cursor : pointer;
	 background-color : LightGray;
	 font :  14px Arial, sans-serif;	
	 margin-bottom : 0px;  
	 margin-left : 0px;
	 margin-right : 0px; 
	 padding-left : 0; 
	 float : left;
}
button.dld-r:disabled {
   cursor : default;
	 background-color : LightGray;
	 font : 14px Arial, sans-serif;	
	 margin-bottom : 0px;  
	 float : right;
}
button.dld-r {
   cursor : pointer;
	 background-color : LightGray;
	 font :  14px Arial, sans-serif;	
	 margin-bottom : 0px;  
	 float : right;
}
.coupon {   
		
		padding-top:  10px;
		padding-bottom:  10px;
		padding-left:  10px;
		padding-right:  10px;
		margin : auto;	
		margin-top: 10px;	
		text-align: center;
        background-color : white;
        box-shadow : 10px 10px 5px #888888;
        border : 3px dashed red;    
		color : Black;
		}
		
.ebooks {   
		width : 760px;
		margin : 40px;
}
.explorer{
   	font :  13px/16px  Helvetica, Arial, sans-serif;		
		color : #222;
		padding: 0px;
		margin : 0px;			
}
.fixed{
   width : 850px;
	 height : 600px;
	 overflow: auto;
	 margin-left:auto;
	 margin-right:auto;
}
.footnote{
    color: gray; 
    font : 12px Helvetica, Arial, sans-serif; 
}
.tinynote{    
     font : 12px/14px Helvetica, Arial, sans-serif; 
     text-align : left;
	 font-style: italic;
	 border: 0px;
	 margin: 0px;
	 border-right: 180px solid transparent;
	 border-left: 155px solid transparent;
	 margin-bottom: 0.5em;
}
.footer {
    font : 12px/14px Helvetica, Arial, sans-serif;
     text-align : left;
 /*	color : Black;	
    text-align : left;
    font-weight: normal;
	margin-left : 30px;
	margin-right :30px;
	width : 840px;   */
}
.form-textbox {
  height: 45px !important;
  font-size: 16px !important;
}
.framed {
    font : 16px/18px Georgia, "Times New Roman", serif;
		color : DarkBlue;				
		background: White;
		width : 600px;	
		border-top: 1px solid DarkBlue;	
		border-bottom: 4px solid DarkBlue;	
		border-left: 1px solid DarkBlue;	
		border-right: 4px solid DarkBlue;	
		margin-left : 130px;
		margin-right :130px;		
}

.hilite { 
           color: #8d0c3f;
           font-weight: bold;
}

input.cc[type='text'] { 
      font-size: 18px; 
			font-family: monospace; 			
}
.memorial-l {
   background:#fffcf1;
   font : 24px 'Reem Kufi', Arial, sans-serif;
   border : 20px solid gray;
   width : 385px;
   text-align:center;
   padding: 20px;
   margin: 0px;
   line-height : 1.0;  
   float: left;
}
.memorial-r {
   background:#fffcf1;
   font : 17px 'Reem Kufi', Arial, sans-serif;
   border : 20px solid gray;
   width : 385px;
   text-align:justify;
   padding: 20px;
   margin: 0px;
   margin-top: 80px;
   line-height : 1.35;  
   float: right;
}
.memorial-sm-lft {
   background:#fffcf1;
   font : 16px 'Reem Kufi', Arial, sans-serif;
   text-align:left;
   padding: 0px;
   float: left;
   margin-left: 35px;
   line-height : 1.0;
   width: 145px;    
}
.memorial-sm-rt {
   background:#fffcf1;
   font : 16px 'Reem Kufi', Arial, sans-serif;
   text-align:right;
   padding: 0px;
   float: right;
   margin-right: 35px;
   line-height : 1.0;
   width: 145px;    
}
.summary-l{
        float: left;
		padding : 0px;
		padding-top: 15px;
		margin : 0px;
		margin-left : 0px;
		margin-right : 0px;
		width : 160px;
		height : 175px;
		font : 12px Arial, sans-serif;
		border: 0px solid #222;
		background: transparent;
		overflow : hidden;
		text-align : center;
		cursor: pointer;
}
.sidebar {
        width: 35%; 
        text-align: center;  
        display: inline-block; 
        vertical-align: top; 
        margin-top: 10px;
        text-align: center;
		font : bold 16px Verdana, sans-serif;
}
.product{
        width: 64%; 
        display: inline-block; 
        vertical-align: top; 
		margin-top: 10px;
		font : 16px Verdana, Arial, sans-serif;
}
.c-page {   
		max-width : 315px;
		margin-left : auto;
		margin-right : auto;
		padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        padding-left: 15px;
        background-color : white;
        border : 1px solid black;
    font :  16px/20px Verdana, Arial, sans-serif;
		color : black;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
.prod-detail{
    text-align: center;
		font : bold 22px Verdana, Arial, sans-serif;
		color: DarkBlue;
}
.prod-title{
    text-align: center;
		font : bold 22px Verdana, Arial, sans-serif;
		color: black;
}
.prod-sub{
		font : 16px Verdana, Arial, sans-serif;
		color: #222;
}
.prod-foot{
    position: absolute;
		left: 0px;
    top: 900px; 
		border: 0px solid green;
}
div.summary-r{
		margin-left : 185px;
		margin-right : 15px;
		padding-left : 0px;
		width : 500px;
		height : 190px;
		border: 0px solid black;
		overflow : hidden;
		background: transparent;
		font : 16px Arial, sans-serif;
}
div.summary{
   background: white;  /* #e4e4e4; */
   border-radius: 10px;
	 border: 0px solid red;
	 margin:auto;
	 padding-top: 10px;
	 width : 80%;
	 /* height: 190px;*/
	 font : 16px/16px Verdana, Arial, sans-serif;
}
.summary>p{
   margin-bottom: 7px;
}
.full_ovly {
  position: fixed; /* On top of the page content */
  display: none;   /* Hidden */
  width: 100%;     /* Full width  */
  height: 100%;    /* Full height */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2;      /* Uniuque stack order for sharing */
  cursor: pointer; /* Adds a pointer on hover */
}
	 
a.title-s {
    color : DarkBlue;  
    font :  bold 18px Arial;
		text-decoration: none;
}
.label {
   font : 15px/20px Arial, sans-serif;
   font-weight: bold;
   color: #8d0c3f; 
}
img.summary{
    width : 110px;
	overflow : hidden;
	transition: 1s ease-out;
}

.video {   
	width : 65vw;
 /*	height : 42vw;  */
	margin: auto;
	padding : 0px 0px 0px 0px;
    background-color : white;
    box-shadow : 10px 10px 5px #888888;
    border : 1px solid black;
    font :  20px/24px Helvetica, Arial, sans-serif;
	color : Black;
}

.youtube{
    width : 65vw;
	height : 36.5vw;
	margin: auto;
	margin-bottom: 0px;
}
.letter {   
	width : 480px;
	margin : auto;	
	padding : 15px 50px 15px 50px;
    background-color : white;
    box-shadow : 10px 10px 5px #888888;
    border : 1px solid black;
    font :  16px/18px Courier, serif;
	color : Black;
}

.page-float { margin: auto;
	          width: 96%;
}
.main {
    font : 17px/22px Helvetica, Arial, sans-serif;
	color : #660066;	
	color : #222;	
	padding-left : 30px;
	padding-right : 30px;
	padding-top : 15px;
	text-align : left;
	background-color:  LightGray;
	background-image: url("./graphics/notesgray900.png");
    /* background-size: 880px; */
    background-repeat: no-repeat; 
	background-position: center top; 
	background-attachment: scroll;  					
}
.main-ex {
    font : 17px/22px Helvetica, Arial, sans-serif;
		color : #660066;		
		margin-left : 20px;
		margin-right :20px;
		color :  #222;	
		width : 680px;				
}
.small-rev{
    font : 17px/18px Helvetica, Arial, sans-serif;
		color : white;
}
.sheetm{
	  border-spacing : 20px; 	
		border-width : 10px;
		margin-left: auto;
		margin-right : auto;	
}
img.sheetm{
    border : 1px solid Black;
}
table.solos{ 
		margin-bottom : 0px;
		padding-bottom: 0px;
		margin-top : 0px;
		padding-top : 0px;
		margin-left: 0px;
		border-collapse: collapse;
		width : 90%;
		margin: auto;
}
table.solos tr {height: 35px;}    
table.solos th {
	background: black; 
	color: white;
	text-align: center;
	}   
table.solos th+th {
	text-align: left;
	}      
th.sorttable_nosort{
  cursor:default;
}
table.solos td {
   text-align: center;
   font : 14px Helvetica, Arial, sans-serif;   
}
table.solos td+td {
   text-align: left;
   font : 18px/22px Georgia, "Times New Roman", serif;
}

table.solos tr {
          background: LightGray;
        }		
table.sortable tbody tr:nth-child(2n){
  background: White;
}
table.sortable tbody tr:nth-child(2n):hover{
	  background: #A0A0A4;
}
table.sortable tbody tr:nth-child(2n+1) {
  background: #c9c9cd;
}		
table.sortable tbody tr:nth-child(2n+1):hover {
		  background:  #A0A0A4;
}	
table.scroll tbody,
table.scroll thead { display: block; }

table.scroll tbody {
    height: 740px;
    overflow-y: auto;
    overflow-x: hidden;
}		
			
.toolbar {   
	width : 900px;
    height : 25px;
	margin : 0px;
	padding-bottom : 10px;
	padding-top : 5px;
    background-color : DarkBlue;
	font : 18px/22px  Helvetica, Arial, sans-serif;		
	color : Gold;
	}			
.tb_here {
    color : White; 
		font-size : 21px;
}	
td.ebook{
    width  : 376px;
		height : 490px;
		border : 0px;
		padding: 20px;
}

table.exp {
   border      : 0px;
	 width       : 900px;
}
td.exp{
   width  : 160px;
	 padding-left : 15px;
	 vertical-align : top;
}

input[type=text], textarea {
		  -webkit-transition: all 0.30s ease-in-out;
		  -moz-transition: all 0.30s ease-in-out;
		  -ms-transition: all 0.30s ease-in-out;
		  -o-transition: all 0.30s ease-in-out;
		  outline: none;
		  padding: 3px 0px 3px 3px;
		  margin: 5px 1px 3px 0px;
		  border: 1px solid black;
		}
	   
input[type=text]:focus, textarea:focus {
		  box-shadow: 0 0 8px rgba(141, 12, 63, 1);
		  padding: 3px 0px 3px 3px;
		  margin: 5px 1px 3px 0px;
		  border: 2px solid rgba(141, 12, 63, 1);
       }

.pressable{
    border-bottom : 5px solid #5a4b4e;
    border-right : 5px solid #5a4b4e;
    border-top : 5px solid #f1f0f0;
    border-left : 5px solid #f1f0f0; 
		background-color : LightGray;	 
		margin-bottom : 20px;	
		text-align : center;
		padding: 0px;
		padding-top : 15px;
		padding-bottom : 15px; 
		font-size:  75%;	
}		
.pressable-small{
    border-bottom : 3px solid #5a4b4e;
    border-right : 3px solid #5a4b4e;
    border-top : 3px solid #f1f0f0;
    border-left : 3px solid #f1f0f0;
		background-color : LightGray;	 
		margin-bottom : 8px;	
		text-align : center;
	  font :  bold 13px Helvetica, Arial, sans-serif;	
}		
.pressed{
    border-bottom : 5px solid #f1f0f0;
    border-right : 5px solid #f1f0f0;
    border-top : 5px solid #5a4b4e;
    border-left : 5px solid #5a4b4e; 
		background-color : LightGray;
    margin-bottom : 20px;	
		text-align : center; 
		padding: 0px;
		padding-top : 15px;
		padding-bottom : 15px; 	
}		
.trailer{
    color: Black; 
    font : 18px Helvetica, Arial, sans-serif; 
		text-align: center; 
		width : 860px;
} 
.center-text{
		text-align: center; 
} 
.left-text{
		text-align: left; 
} 
.picframe{
     width : 250px; 
	 height : 335px;
     display:inline-block;
     float: left;
     border: 0px dotted black;
     margin: 5px 25px 5px 25px;
	 color: DarkBlue; 
     font : 12px Arial, sans-serif; 
	 text-align: center;
}
.pic_section {
           text-align: center; 
           white-space: nowrap;
}
.pic {
        width: 100%; 
        height:auto; 
        border: 5px solid white;
}
.pic_section_end {
		width:13%;  
		display:inline-block;  
		max-width:200px; 
		vertical-align: top; 
		padding-top: 10px;  
		horizontal-align: center;  
}
.pic_section_ceter {
		display:inline-block; 
		padding-left: 20px; 
		padding-right: 20px; 
		text-align: left; 
        white-space: normal;"
}

img.right {
    height : 250px;
    float: right;
    border: 5px solid white;
    margin:  5px 5px 5px 5px;
}	
img.left {
    height : 170px; 
    float: left;
    border: 5px solid white;
    margin: 5px 10px 5px 0px;
}
img.left-sm {
    height : 30px;
    width : 30px; 
    float: left;
    margin: 15px 25px 15px 15px;
}
.right-sz {
    float: right;
    margin: 0px 15px 0px 15px;
		background: transparent;
		border: 0px solid blue;
}
img.center {
}
img.olap {
    position: absolute;
    top: 0px;
    left: 30px;
    height: 160px;
}
h1 { 
		 font-size: 150%;
		 text-align : center;
		 color: #222;		 
}
h2 { 
		 font-size: 150%;
		 text-align : center;
}
h3 {
		 text-align : center;
}
h4 {
     text-align : left;
		 font-style: italic;
		 font-weight: bold;
		 margin-bottom: 0px;
}
h5 {
     text-align : center;
		 font-size: 100%;
		 color: black;	
		 margin-bottom: 0px;
		 margin-top: 0px;
}
.caption{
    color: Black; 
    font : italic bold 16px/16px Helvetica, Arial, sans-serif; 
}
.caption-sm{
    color: Black; 
    font : italic bold 14px/16px Helvetica, Arial, sans-serif; 
}

.zone {   
		width : 400px;
		margin-left : auto;
		margin-right : auto;
		padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    background-color : LightGray;
    border : 1px solid black;
    font :  16px/20px Helvetica, Arial, sans-serif;
		color : Black;
}
.zone-sm {   
		width : 85%;
		margin-left : auto;
		margin-right : auto;			
		margin-bottom : 10px;
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 5px;
		padding-left: 15px;
		background-color : White;
		text-align: left;
		border : 1px solid #4e5a4b;
		font :  16px/20px Courier, monospace;
		color : #4e5a4b;
}
.zone-wi {   
		width : 550px;
		margin-left : auto;
		margin-right : auto;
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 5px;
		padding-left: 15px;
		background-color : #E5E5E5;
		border : 1px solid black;
		font :  16px/20px Helvetica, Arial, sans-serif;
		color : DarkBlue;
		box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
a:link            {color : Black;  background-color : transparent; text-decoration : none}
a:visited         {color : Black;  background-color : transparent; text-decoration : underline; }
a:hover           {font-weight:bold; background-color : #ffff99; }
a.summary-l        {color : #8d0c3f;  background-color : transparent; text-decoration : none ; font-weight: bold;}
a.toolbar:link     {color : Gold;  background-color : transparent; text-decoration : none}
a.toolbar:visited  {color : Gold;  background-color : transparent; text-decoration : none}
a.toolbar:hover    {color : White; background-color : transparent; text-decoration : none; font-size : 20px}
a.toolbar:active   {color : White; background-color : transparent; text-decoration : none; font-size : 20px}
a.explorer:link    {color : Black; background-color : transparent; text-decoration : none;}
a.explorer:visited {color : Black; background-color : transparent; text-decoration : none;}
a.explorer:hover   {color : Black; background-color : transparent; text-decoration : underline;}
a.explorer:active  {color : Black; background-color : transparent; text-decoration : none;}
a.order:link       {color : Blue;  background-color : transparent; text-decoration : none;}
a.order:visited    {color : Blue;  background-color : transparent; text-decoration : underline;}
a.order:hover      {color : Blue;  background-color : transparent; text-decoration : underline;}
a.order:active     {color : Blue;  background-color : transparent; text-decoration : underline;}
a.footer:link     {color : Black; background-color : transparent; text-decoration : none}
a.footer:visited  {color : Black; background-color : transparent; text-decoration : none}
a.footer:hover    {color : White;    background-color : transparent; text-decoration : underline; }
a.footer:active   {color : DarkBlue; background-color : transparent; text-decoration : none;}
a.pressable-small:link     {color : DarkBlue; background-color : LightGray; text-decoration : none}
a.pressable-small:visited  {color : DarkBlue; background-color : LightGray; text-decoration : none}
a.pressable-small:hover    {color : DarkBlue; background-color : LightGray; text-decoration : underline; }
a.pressable-small:active   {color : DarkBlue; background-color : LightGray; text-decoration : none;}
a.btn-s:link:not(:disabled)      {color : White;  background-color: #8d0c3f;	 text-decoration : none}
a.btn-s:visited   {color : White;  background-color: #8d0c3f;	 text-decoration : none}
a.btn-ss:link:not(:disabled)      {color : White;  background-color: #8d0c3f;	 text-decoration : none}
a.btn-ss:visited   {color : White;  background-color: #8d0c3f;	 text-decoration : none}
a.btn-l:link      {color : White;  background-color: #8d0c3f;	 text-decoration : none}
a.btn-l:visited   {color : White;  background-color: #8d0c3f;	 text-decoration : none}
.btn-l:hover:disabled{ background-color:silver; color: gray; cursor:default; border: 1px solid darkgray; }
	 
.btn-s:hover:not(:disabled){
     color:#8d0c3f;background-color:white;
	 border:1px solid #8d0c3f;
     box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
.btn-s:hover:disabled, .btn-ss:hover:disabled{
     border:1px solid LightGray;  
}
.btn-s:disabled{
     color:LightGray;background-color:Silver;
	 border:1px solid LightGray;  
	 cursor:default; 
}
.btn-ss:hover:not(:disabled){
     color:#8d0c3f;background-color:white;
	 border:1px solid #8d0c3f;
     box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
.btn-ss:hover:disabled, .btn-ss:hover:disabled{
     border:1px solid LightGray;  
}
.btn-ss:disabled{
     color:LightGray;background-color:Silver;
	 border:1px solid LightGray;  
	 cursor:default; 
}
a.btn-ss:hover:not(:disabled){
     color:#8d0c3f;background-color:white;
	 border:1px solid #8d0c3f;
     box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
a.btn-ss:hover:disabled, .btn-ss:hover:disabled{
     border:1px solid LightGray;  
}
a.btn-ss:disabled{
     color:LightGray;background-color:Silver;
	 border:1px solid LightGray;  
	 cursor:default; 
}
a.btn-s:hover:not(:disabled){
     color:#8d0c3f;background-color:white;
	 border:1px solid #8d0c3f;
     box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
a.btn-s:hover:disabled, .btn-ss:hover:disabled{
     border:1px solid LightGray;  
}
a.btn-s:disabled{
     color:LightGray;background-color:Silver;
	 border:1px solid LightGray;  
	 cursor:default; 
}


/*-- Nav menu items --*/
.clearfix:after {
    display: flex;     
    justify-content: space-around; 
    clear:both;     
}
/*----- Menu Outline -----*/
.menu-wrap {
    width: 100%;
    background: #4d4d4d; /* #5a4b4e; */ 	
	padding: 0px 0px 0px 1px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
}
.menu {
    margin: 0px;
	padding:0px;
    display: block; 
}
.menu li {
    margin: 0px 4px 0px 4px;
    list-style: none;
    font: 20px Verdana, Arial, sans-serif; 
    text-align:center;
    margin-bottom: 0px;
    
}

.menu a, a.menu, a.menu-ref{
  /*  transition: all linear 0.2s; */
    color: white;  /*#87CEFA;*/
	text-decoration: none;
	/* letter-spacing: 0.07em; */
	transition: text-shadow .3s;
}
.menu ul {
    margin:  0px; 
	padding: 0px;
	border: 0px;
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-around;
}
.menu li:hover > a, .menu .current-item > a, a.menu:hover, a.menu-ref:hover {
    text-decoration:none;
    color:  yellow; /*#be5b70;		 */
    font-weight:normal;   
}
.menu .arrow {
    font-size:12px;
    line-height:0%;
}
/*----- Top Level -----*/
.menu > ul > li {
   /* float:left; */
    display:inline-block;
    padding-left: 5px; 
    padding-top: 3px;
    padding-bottom: 3px;
    position:relative;
	background: #4d4d4d; /* #5a4b4e; */
	display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.menu > ul > li > a {
    padding-left: 11px; 
    padding-right: 11px;
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-around;
}
.menu > ul > li:hover > a, .menu > ul > .current-item > a, a.menu-ref:hover{
    background:#2e2728;
	  background:#3e3436; 
	  background: black;
}
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
.sub-menu {
    width:200%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.2s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
	background:#3e3436; 
}
.sub-menu li {
    display:block;
    font-size:20px;
}
.sub-menu li a {
    padding: 5px 30px;
    display:block;
}
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#5a4b4e;
}