/** 
 * main.css
 * 
 * 1. General HTML tags - for KickedBucketList.com
 * 2. Masthead area
 * 3. Main content and sidebar
 * 4. Footer
 * 5. Media queries for responsive layout
 * 
 */
 
 body {
	line-height: 1.25;
	color:black;
 }
 
 p {
	line-height: 1.4;
 }


.content-container {
	
	background-color:#FFFFFF;	
	border:2px solid #333333;
	padding-left:.2rem;
	padding-right:0rem;
	padding-top:0rem;
	padding-bottom:0rem;
	
	/*
	 -moz-border-radius: 5px;
	border-radius: 5px;
	*/
	/*
	-webkit-box-shadow: 0px 80px 100px 100px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0px 80px 100px 100px rgba(0, 0, 0, 0.65);
	box-shadow: 0px 80px 100px 100px rgba(0, 0, 0, 0.65);
	*/
	
	border: 1px solid #666666;	      
	   
    background: rgba(250, 250, 250, 1);      
    -moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: -4px 2px 6px rgba(222, 222, 222, 1);
	-moz-box-shadow: -4px 2px 6px rgba(222, 222, 222, 1);
	box-shadow: -4px 2px 6px rgba(222, 222, 222, 1);
	
}



/*  article  and  teasers  */


.mainpanel {
	/*  conainer for the entire main content area (not including sidepanel) */
	/*margin: .5rem 1rem 0.5rem 0;
	background: rgba(245, 245, 245, 1);  
	*/
	
	/*
    border: 1px solid #999999;	
       
    -moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px -1px 3px rgba(255, 165, 0, 0.8);
	-moz-box-shadow: 1px -1px 3px rgba(255, 165, 0, 0.8);
	box-shadow: 1px -1px 3px rgba(255, 165, 0, 0.8);

	border-radius: .4rem;
	*/
	/* width:100%;	*/
	
}



.sidepanel {
	margin: 1rem .5rem .2rem .4rem;
	/*  conainer for the entire sidepanel */
}



.article-container {
	margin: 0 0 0 0;
	padding: .4rem 1.3rem .4rem 1.6rem;
	/* border: 1px solid #EEEEEE;	*/      
	   
    background: rgba(250, 250, 250, 1);      
    -moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 2px 2px 3px rgba(222, 222, 222, 0.8);
	-moz-box-shadow: 2px 2px 3px rgba(222, 222, 222, 0.8);
	box-shadow: 2px 2px 3px rgba(222, 222, 222, 0.8);


}



.article-container p{	
	line-height:1.2;
}



.article-container h1{
	font-size:1.7rem;
	font-weight:bold;
	color:black;
	margin-bottom:.15rem;
	margin-top: .4rem;
	margin-left: .6rem;
	margin-right: 0rem;
	/* font-weight:bold; */
}


.article-container h1.article-title-mobil{
	font-size:1.4rem;
	font-weight:bold;
	color:black;
	margin-bottom:.15rem;
	margin-top: .4rem;
	margin-left: 0rem;
	margin-right: 0rem;
	/* font-weight:bold; */
}



.article-container h2{
	font-size:1.5rem;
	font-weight:bold;
	color:black;
	margin-bottom:.15rem;
	margin-top: .4rem;
	margin-left: 0rem;
	margin-right: 0rem;
	/* font-weight:bold; */
}


.article-container h3{
	font-size:1.38rem;
	font-weight:bold;
	color:black;
	margin-bottom:.15rem;
	margin-top: .4rem;
	margin-left: 0rem;
	margin-right: 0rem;
	/* font-weight:bold; */
}


.article-container h4{
	font-size:1.3rem;
	font-weight:bold;
	color:black;
	margin-bottom:.15rem;
	margin-top: .4rem;
	margin-left: 0rem;
	margin-right: 0rem;
	/* font-weight:bold; */
}



.article-container .article-subheadline{
	font-size:1.26rem;
	color:#223322;
	margin-bottom:.15rem;
	margin-top: 0;
	margin-left: .5rem;
	margin-right: 0rem;
	margin-bottom:.7rem;
	/* font-weight:bold; */
}



.article-container .author-date{
	font-size:1rem;
	color:#444444;
	margin-bottom:0rem;
	margin-top: 0rem;
	margin-left: .5rem;
	margin-right: 0rem;
	/* font-weight:bold; */
}

.article-container .article-body{
	font-size:1.15rem;
	color:black;
	margin-bottom:0rem;
	margin-top: 2rem;
	margin-left: .5rem;
	margin-right: 0rem;
	/* font-weight:bold; */	
}



.article-body a {
	text-decoration: underline;	
}

.comment-body a {
	text-decoration: underline;
}


.article-body blockquote p{
	color:black;
}


.article-footer-container {

}

.article-footer-container h3 {	
	color:#222222;
}

.article-footer-container ul {
	font-size:1.1rem;
	color:#222222;

}





.banner-image-container {
	width:97%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-top:.55rem;
}

.banner-image-container .article-image {
	/*  the image itself */
	/*display:inline; */
	height:100%;
	overflow:hidden;
	
	/* margin: .3rem .8rem .15rem .4rem;*/
	
	border:1px solid black;

-moz-border-radius: 12px 12px 12px 3px;
	border-radius: 12px 12px 12px 3px;
	-moz-box-shadow: 4px 3px 7px #666666;
	-webkit-box-shadow: 4px 3px 7px #666666;
	box-shadow: 4px 3px 7px #666666;   

}



.banner-image-container .article-image-caption {
	color:#444444;	
	padding-bottom:.1rem;	
	font-size:.98rem;
	font-style: italic;
}


.article-image-caption-container {
	padding-top:.5rem;

}


.article-image-container .article-image {
	/*  the image itself */
	display:inline;
	height:100%;
	overflow:hidden;
	
	margin: .3rem .8rem .15rem .4rem;
	
	border:1px solid black;

-moz-border-radius: 12px 12px 12px 3px;
	border-radius: 12px 12px 12px 3px;
	-moz-box-shadow: 4px 3px 7px #666666;
	-webkit-box-shadow: 4px 3px 7px #666666;
	box-shadow: 4px 3px 7px #666666;   

}


.article-image-container .article-image-caption {
	color:#444444;
	padding-top:3px;
	padding-bottom:.1rem;	
	font-size:.9rem;
	font-style: italic;
}


h2.graytitle, h1.graytitle, h3.graytitle {
	color:#888888;
		text-shadow: 2px 2px 2px rgba(200, 200, 200, 1);
}



/* Teasers (for sidepanel) */

.teaser-container {	
	margin: 0 0 .46rem 0;
	padding:0rem .2rem .3rem .2rem;
	border: 1px solid #EEEEEE;	      
	   
    background: rgba(250, 250, 250, 1);       
    -moz-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow: -2px 2px 3px rgba(222, 222, 222, 0.8);
	-moz-box-shadow: -2px 2px 3px rgba(222, 222, 222, 0.8);
	box-shadow: -2px 2px 3px rgba(222, 222, 222, 0.8);

	
}


.teaser-container.selected-article {
	background: rgba(255, 253, 208, 1);   
 
	    
}

.teaser-container p{	
	line-height:1.4;
}


.teaser-container h3{
	font-size:1.25rem;
	color:black;
	margin-bottom:0rem;
	margin-top: 0rem;
	margin-left: 0rem;
	margin-right: 0rem;
	font-weight:bold;
}


.teaser-container .teaser-title{
	font-size:1.15rem;
	font-weight:bold;
	color:black;
	margin-bottom:.1rem;
	margin-top: .2rem;
	margin-left: 0rem;
	margin-right: 0rem;
	/* font-weight:bold; */
}

.teaser-container .teaser-title a{	
	color:black;	
}


.teaser-container .author-date{
	font-size:.92rem;
	color:#444444;
	margin-bottom:0rem;
	margin-top: 0rem;
	margin-left: 0rem;
	margin-right: 0rem;
	/* font-weight:bold; */
}


.author-date a {
	text-decoration: underline;

}

.teaser-container .teaser-body{
	/* font-size:1.35rem; */
	color:black;
	margin-bottom:0rem;
	margin-top: .2rem;
	margin-left: 0rem;
	margin-right: 0rem;
	/* font-weight:bold; */
}

.teaser-container .teaser-content-container {
	/*min-height:90px;*/
	overflow:auto;
}


.teaser-image-container {
	height:100%;
	overflow:hidden;
}


.teaser-container .teaser-image {
	/*  the image itself */
	display:inline;
	height:100%;
	overflow:hidden;
	
	margin: .2rem .8rem .3rem 0;
	
	border:1px solid black;

-moz-border-radius: 8px 8px 3px 8px;
	border-radius: 8px 8px 3px 8px;
	-moz-box-shadow: 4px 3px 7px #666666;
	-webkit-box-shadow: 4px 3px 7px #666666;
	box-shadow: 4px 3px 7px #666666;   

}



.teaser-text-cell {
	padding-top:.4rem;
	padding-left: .7rem;
	padding-right:.1rem;
	padding-bottom: .1rem;
}


.teaser-readmore {
	float:right;

}


.teaser-banner-image {

	margin-top:1.5rem;
	margin-left:0px;
	margin-right:0px;'
	margin-bottom:1rem;


	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: -4px 3px 7px #666666;
	-webkit-box-shadow: -4px 3px 7px #666666;
	box-shadow: -4px 3px 7px #666666;   

  
    background: rgba(255, 255, 255, .8);      
  
	height:225px;
	width:100%;	
	overflow:hidden;	

}


.teasers-list-title-nwc {
	color:white;
	/*background-color:#046D50;*/
	background-color:#067B5B;	
	padding-left: .2rem;
	padding-top:.2rem;
}




.teasers-list-title {
	/*text-align:center; */
	font-size:1.2rem;
	color: white;
	font-weight:bold;
		
	background-color:#067B5B;
	padding-left: .4rem;
	padding-top:.7rem;
	padding-bottom:.2rem;
	margin-top:.1rem;
	
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: -3px 3px 4px #888888;
	-webkit-box-shadow: -3px 3px 4px #888888;
	box-shadow: -3px 3px 4px #888888;   
	
}

.teasers-list-title h1 {
	color:white;
	font-size:1.2rem;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, .6);
	margin-top:0;
	padding-top:0;
}

.teasers-list-title div {
	color:white;
	font-size:1rem;
	font-weight:bold;
	text-shadow: none;
	margin-left:.3rem;
}





.teasers-list-title .selected-button {
	display:inline-block;
	line-height:1.27rem;
	color:black;
    border: 2px solid #555555;
    background-color: goldenrod; 
    box-shadow: 0 0 5px #cacaca;
    border-radius: .3rem;
    padding-left:.3rem;
    padding-right:.3rem;
    padding-top:.12rem;
    padding-bottom:0;
    
    margin-bottom:.12rem;
}

.teasers-list-title a {
	color:white;
	font-size:1.2rem;
	font-weight:bold;
   
}

.teasers-list-title a.selected {
	
}


.teasers-list-title a:hover {	
	color:gray;
   
}

.teasers-list-title a:focus {	
	color:gray;
   
}

.teasers-list-title a:active {	
	
}


/*  CSS For Expression Engine Site Articles - Using images from website-root/images/ folder    */

.stripe-donate-form {
	max-width:650px;		
}



.green-section {
	box-shadow:0 7px 10px rgba(0,0,0,.5); 
	/* background-color:#005641; */
	background-color:#046D50;
	overflow:hidden;
	border-radius: 10px 10px 10px 10px;
	color:white;
	padding-top:.7rem;
	margin-left:1rem;
}

.green-section p, .green-section div, .green-section h3, .green-section h4, .green-section h5, .green-section h6, .green-section label {
	color:white;	
	
}


.green-section h1, .green-section h2 {
	color:white;	
	text-shadow: 2px 2px 2px rgba(50, 50, 50, 1);	
}

.green-section p label {
	margin-bottom:0;
	padding-bottom:0;
	font-size:1rem;
}


.green-section .input-group-label {
	 border-radius: 1rem 0 0 1rem;

}


.green-section input[type='text'] {
	margin-top:0;
	padding-top:0;
	margin-bottom: 2rem;	
}


.green-section input::-webkit-outer-spin-button,
.green-section input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.green-section input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}







ul.paymentOptns {
  list-style: none;
  margin: 20px 0;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  overflow: hidden;
}



ul.paymentOptns li {
  line-height: 40px;
  border-right: 1px solid #ddd;
  font-size: 16px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 1;
  position: relative;
}


ul.paymentOptns li label {
  display: block;
  padding: 10px;
}
*/










.image-style-align-right {
float:right;
display:inline;
margin-left:.7rem;

}

.image-style-align-right img{	
	/*  the image itself */		
	overflow:hidden;		
	border:1px solid black;
	-moz-border-radius: 8px 8px 8px 3px;
	border-radius: 8px 8px 8px 3px;
	-moz-box-shadow: 4px 3px 7px #666666;
	-webkit-box-shadow: 4px 3px 7px #666666;
	box-shadow: 4px 3px 7px #666666;   
}

.image-style-align-right figcaption{
	text-align:center;
	color: #444444;
	  padding-top: 1px;
	  padding-bottom: .2rem;
	  padding-left: .2rem;
	  padding-right: .2rem;
	  font-size: .9rem;
	  font-style: italic;
}




.image-style-align-left {
float:left;
display:inline;
margin-right:.7rem;
}

.image-style-align-left img{	
	/*  the image itself */	
	
	overflow:hidden;		
	border:1px solid black;
	-moz-border-radius: 8px 8px 3px 8px;
	border-radius: 8px 8px 3px 8px;
	-moz-box-shadow: 4px 3px 7px #666666;
	-webkit-box-shadow: 4px 3px 7px #666666;
	box-shadow: 4px 3px 7px #666666;   
}

.image-style-align-left figcaption{
	text-align:center;
	color: #444444;
	  padding-top: 1px;
	  padding-bottom: .2rem;
	  padding-left: .2rem;
	  padding-right: .2rem;
	  font-size: .9rem;
	  font-style: italic;
}




/*  Action (social media) Buttons:  */

.action-buttons {

}

.action-button {
	display:inline-block;
	overflow:hidden;
	font-size:.85rem;
	
	color:black;
    border: 2px solid #777777;
    background-color: #bbbbbb; 
    box-shadow: 1px 1px 5px #999999;
    border-radius: 50%;
    padding-left:.2rem;
    padding-right:.2rem;
    padding-top:.2rem;
    padding-bottom:0;
    
    margin-left:1rem;
    margin-right:1rem;   

}
 
.action-button img {
	

}


.comment-avatar {
	display:inline-block;
	overflow:hidden;
	font-size:.85rem;
	
	color:black;
    border: 1px solid #777777;
    background-color: #bbbbbb; 
    box-shadow: 1px 1px 5px #999999;
    border-radius: 10px;
    padding:0;
    
    margin-left:0;
    margin-right:1rem;   

}
 
.comment-avatar img {
	

}


.meta-avatar {
	display:inline-block;
	overflow:hidden;
	font-size:.85rem;
	
	color:black;
    border: 1px solid #777777;
    background-color: #bbbbbb; 
    box-shadow: 1px 1px 5px #999999;
    border-radius: 10px;
    padding:0;
    
    margin-left:.02rem;
    margin-right:.4rem;  
    margin-bottom:.2rem;

}
 
.meta-avatar img {
	

}




.image-modal {
	border: 3px solid #005641;

}


.image-modal .image-modal-title {
	font-size:1.3rem;
	font-weight:bold;
	color: black;
}



.image-modal .image-modal-image {



}



.image-modal .image-modal-caption {
	color:black;
	font-style:italic;
	margin-top:.7rem;


}



/*   VERY BOTTOM FOOTER (with copyright notice)  */

.footer-message {
	background-color:#005641;
	color:#EEEEEE;
	width:100%;
	
	border: 1px solid #777777;
	padding-top:.5rem;
	margin-top:.3rem;
	margin-bottom: -.5rem;
	
    box-shadow: 1px 1px 5px #999999;
    border-radius: 0 0 10px 10px;
	
	
}


.footer-message p{
	margin-bottom:0;
}


.footer-message a{
	color:goldenrod;
}







input[type=number][size="3"]{ width: 3em; }
input[type=number][size="4"]{ width: 4em; }

	.search-input {
		border-radius: 1rem 0rem 0rem 1rem;
	}
	.search-button {
		line-height: 1;
		text-decoration: none;
		display: block;
		padding: 0.7rem 1rem;
		border-radius: 0rem 1rem 1rem 0rem;
	}	
	
.button:hover, .button:focus {
    background-color: #767676;
    color: #fefefe;
}

.skinnybutton {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    border-radius: 1rem;
}

.button {
	border-radius: 1rem
}

.manybuttons {
	min-width:80%;
}

.mylotterytopbar {
	background-color:#111111;
}



.switch.small .switch-paddle {
    border-radius: 0.4rem;
}

.control-label {
	font-size:110%;
}

.input-group > :first-child {
    border-radius: 1rem 0rem 0rem 1rem;
}

.input-group-field {
    border-radius: 0rem 1rem 1rem 0rem;
}

.control-checkbox {
	-ms-transform: scale(1.5); /* IE */
 -moz-transform: scale(1.5); /* FF */
 -webkit-transform: scale(1.5); /* Safari and Chrome */
 -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}



/* copied from inputfiledPassword.css */
.InputfieldPassword .pass-confirm > span, 
.InputfieldPassword .pass-scores > span {
	display: none;
	color:red;
}
.InputfieldPassword .pass-confirm > span.on, 
.InputfieldPassword .pass-scores > span.on {
	display: inline;
}

.InputfieldPassword .pass-require-good {
	text-decoration: line-through;
}

.pass-invalid,
.pass-short,
.pass-common {
	color: red; 
}

.confirm-no,
.pass-fail {
	color: orangered;
}

.pass-weak {
	color: orangered;
}
.pass-medium {
	color: orangered;
}

.pass-good {
	color: seagreen;
}

.pass-matches .pass-weak,
.pass-matches .pass-medium,
.pass-matches .pass-good,
.pass-matches .pass-excellent {
	color: green;
}

.confirm-yes, 
.pass-excellent {
	color: green;
}




.action-button {
	font-weight:bold;
	text-shadow: 2px 2px 8px #FF0000;
}

ul.bullets-tight {
	margin-left:.4rem;
	line-height: 1.3;
}


.inline-button {	
	padding-top: 2pt;
	padding-bottom: 2pt;	
	margin-bottom:0px;
	font-size:100%;
	font-weight:bold;
}


.inline-button2 {	
			
	background-color: rgba(255,233,51,1); 	*/
	color:black;
	border: 1px solid purple;
	min-width:14pt;
	line-height:1.1;
		      
    -moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 3px -2px 3px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 3px -2px 3px rgba(1, 0, 47, 0.5);
	box-shadow: 3px -2px 3px rgba(1, 0, 47, 0.5);

	padding-left:3px;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:.1rem;	
		
}


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





/********************************************************************
 * 1. General HTML tags
 *
 */

.panel-title {
	text-align:center;
	font-weight:bold;
	font-size: 110%;	
	margin-top:5px;
}


.banner-image {
	width:100%;
}


.logo-banner-image {
	border-radius: 0.5rem;
}




.box-gp {
	background:lightgray;

}


.site-background {
	background-repeat: no-repeat;
    background-size: 100%;
	background-attachment:fixed;
	background-color:#ffffff;
}


.layer {
   /* background-color: rgba(255, 255, 255, 0.3);   */
    top: 0;
    left: 0;
    width: auto;
    height: auto;
}


.content-area {
	min-height:96vh;
	
	color:white;

 /* Fallback for web browsers that don't support RGBa */
  /*  background-color: rgb(255, 255, 255);  */
 /*   background-color: rgba(245, 255, 245, 1.0); */
          
        
   /* border: 3px solid #115511;
	      
    -moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	
	*/ 
	margin-bottom:3px;
	margin-top: 0px;
	padding: 14pt;
	margin-left: 0px;
	margin-right: 0px;
     
}


.content-area-for-lists {
/*	background-color: rgba(245, 255, 245, 0.75); */
}



.content-title {
	/* font-size:200%; */
	color:#000040;	
	text-shadow: 2px 2px 2px rgba(8, 75, 8, 1);
	font-size:240%;
	
}

.big-page-image {


}



.accordion-item:first-child > :first-child {
    /*border-radius: 1rem 1rem 0 0;*/
}

.accordion-item:last-child > :last-child {
   /* border-radius: 0 0 1rem 1rem;*/
}


.button.hollow{
    border-radius: 0.5rem;
}

.content-headline {
	font-size:145%;
}

.content-headline-bigger {
	color:#000040;	
	text-shadow: 2px 2px 2px rgba(8, 75, 8, 1);
	font-size:170%;
}

.content-body {
	font-size:110%;
}


.testmode {
	background-color:lightgray;
	color:gray;
}


.homepage-title {
	
}

.h1sub {
	font-size:80%;
}


.homepage-headline {

}


.homepage-headline-bigger {
	
}












.listpage-body {
	font-size:117%;
	color:white;
	/*text-shadow: 1px 1px 1px rgba(8, 75, 8, 1);*/
}

.content-summary {
	font-size:110%;
}


.content-link {
	float:right;
	font-size:115%;
	color:darkred;
}


.wide-image-frame {
   /* float: left;*/
	margin: 0 1em 0.25em 0;
	margin-bottom: 3pt;
	/*border: 2px solid lightgray;*/	      
    border: 1px solid #999999;	
    background: rgba(255, 255, 255, .8);      
    border-radius: .6rem;
    -moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 8px rgba(184, 134, 11, 0.8);
	-moz-box-shadow: 2px 2px 8px rgba(184, 134, 11, 0.8);
	box-shadow: 2px 2px 8px rgba(184, 134, 11, 0.8);
	
}



.page-title-image {
    float: left;
	margin: 0 1em 0.25em 0;
	margin-bottom: 3pt;
	/*border: 2px solid lightgray;*/	      
    border: 1px solid #999999;	
    background: rgba(255, 255, 255, .8);      
    border-radius: .5rem;
    -moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 3px rgba(184, 134, 11, 0.8);
	-moz-box-shadow: 2px 2px 3px rgba(184, 134, 11, 0.8);
	box-shadow: 2px 2px 3px rgba(184, 134, 11, 0.8);
	
}




.home-title-image {
	float: left;
	margin: 0 1em 0.25em 0;
	margin-bottom: 3pt;
	/*border: 2px solid lightgray;*/	      
    border: 1px solid #999999;	
    background: rgba(255, 255, 255, .8);      
    -moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px -1px 3px rgba(255, 165, 0, 0.8);
	-moz-box-shadow: 1px -1px 3px rgba(255, 165, 0, 0.8);
	box-shadow: 1px -1px 3px rgba(255, 165, 0, 0.8);


	border-radius: .5rem;
	height:225px;
	width:100%;	
	overflow:hidden;	
}


.flyer-headline {    
	margin-top:10px;
  text-align:center;
  font-size:125%;
  color:goldenrod;
}




.full-width-image {
	
	width: 100%;
	height: auto;
    
    float: center;
	margin: 0 1em 0.25em 0;
	margin-bottom: 3pt;
	/*border: 2px solid lightgray;*/
	
	      
    border: 3px solid #01002F;
	
    background: rgba(255, 255, 255, .8);
      
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: -4px -3px 5px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: -4px -3px 5px rgba(1, 0, 47, 0.8);
	box-shadow: -4px -3px 5px rgba(1, 0, 47, 0.8);
}


.header-container {
	box-shadow:0 0 10px rgba(0,0,0,.3); 
	/* background-color:#005641;  */
	background-color:#046D50;
}


.header-box {
	background-color:#e6e6e6;
}

.header-logo  {
	float: left;
  padding-right: 20px;
  height: 58px;
  margin-left: -35px;
  overflow: hidden;
  position: relative;
  background: #fff;
}





.header-title {
	font-size: 150%;
	color:#9999cc;
	/*color:#934444;*/	
	text-shadow: 2px 2px 2px rgba(20, 40, 20, 1);
	margin-right: 10px;
	margin-left: 10px;
}

.header-title-for-small {
	font-size: 120%;
	/*color: #934444;*/
	color:#9999cc;
	text-shadow: 2px 2px 2px rgba(20, 40, 20, 1);
	margin-right: 10px;
	margin-left: 10px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.header-tagline {
	font-size: 110%;
	color:#7777aa;	
	/* color: #934444; */
	text-shadow: 1px 1px 1px rgba(20, 40, 20, 1);
	margin-right: 10px;
	margin-left: 10px;
}


.header-asterix {
	font-size: 120%;
	color:#33bb33;	
	
	text-shadow: 1px 1px 1px rgba(8, 75, 8, 1);
	margin-right: 7px;
	margin-left: 7px;	
}




.website-header .dropdown.menu .is-active {
	color:goldenrod;
}





.login-header-container {
	box-shadow:0 7px 10px rgba(0,0,0,.5); 
	background-color:#005641; 
	overflow:hidden;
	border-radius: 5px 5px 0 0;	
	margin-bottom: -.4rem;
}

.nwc-login-register-button {
	background-color:#005641;
	font-weight:bold;
	color:white;
	font-size:1.4rem;

}

.greenbutton {
	background-color:#005641;
	font-weight:bold;
	color:white;
	margin-bottom:.1rem;
}

a.nwc-login-linkXX { 
	/*  Text Style links in the main top menu  */
	font-weight:bold;	
	padding:0px;
	/*padding:0px !important;*/
}
/*
a.nwc-login-link:link { color: #ee8888; }

a.nwc-login-link:active { color: #ffffff; }

a.nwc-login-link:visited { color: #eeee22; }

a.nwc-login-link:hover { color: #ccccff; }
*/






/* NWC-MENU */

.nwc-header-container {
	box-shadow:0 7px 10px rgba(0,0,0,.5); 
	/* background-color:#005641; */
	background-color:#046D50;
	overflow:hidden;
	border-radius: 5px 5px 0 0;
	
}

.menu.nwc-menu {
	padding-top:0rem;
	padding-bottom:0rem;
	margin:0;
	height: 42px;
}



.nwc-menu-button {
	margin-top:.5rem;
	margin-bottom:.5rem;
	color:white;
}

.nwc-menu-logo {
	float: left;
  padding-right: 20px;
  height: 42px;
 /* margin-left: -35px; */
  overflow: hidden;
  position: relative;
  background: #fff;
}

.nwc-menu-logo::before {
  content: '';
  display: block;
 /* border-bottom: 99px solid #005641; */
 /* border-bottom: 99px solid #046D50; */
 border-bottom: 99px solid #0042AA;
 
  border-left: 42px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
}

.nwc-menu-logo-image {
	margin-left: .2rem;
	margin-top: 1px;
}

.nwc-menu-logo-above {
  margin-bottom:.3rem;
  margin-top:.6rem;
  background: #fff;
}




.input-group.nwc-menu-input-group {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0rem;
	padding-bottom:0rem;
	padding-left:.1rem;
	padding-right:.8rem;
	
}


.input-group-field.nwc-menu-search-input {
	margin-top:5px;
	margin-bottom:0px;
	padding-top:0rem;
	padding-bottom:0rem;	
	height:2rem;
}


.button.nwc-menu-search-button {
	margin-top:6px;
	margin-bottom:0px;
	padding-top:0rem;
	padding-bottom:0rem;	
	font-weight:bold;	
}


.nwc-menu-text{
	padding-top:.4rem;
	font-size:1.22rem;
	font-weight:bold;
	padding-left:.8rem;
	padding-right:.8rem;
}

a.nwc-menu-button { 
	/*  Text Style links in the main top menu  */
	font-weight:bold;	
	padding:0px;
	/*padding:0px !important;*/
}

a.nwc-menu-button:link { color: #eeeeee; }

a.nwc-menu-button:active { color: #ffffff; }

a.nwc-menu-button:visited { color: #eeeeee; }

a.nwc-menu-button:hover { color: #ccccff; }




.dropdown-pane.nwc-menu-dropdown {
	/* background-color: #005641; */
	/* background-color: #046D50; */
	/* background-color: #078663; */
	background-color: #067b5b;
	
	
	
	color:white;
	font-weight:bold;
	margin-top:-3px;
	margin-right:auto;
	margin-left:auto;	
	margin-bottom: -9px;
	width:100%;
		
	position:relative;
	top:0 !important; 
	left:0 !important;
	
	border: 1px solid #01002F;
	      
    -moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: -4px 3px 5px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: -4px 3px 5px rgba(1, 0, 47, 0.8);
	box-shadow: -4px 3px 5px rgba(1, 0, 47, 0.8);
	
}


.dropdown-pane.nwc-menu-dropdown h1 {
color:white;
	text-shadow: 2px 2px 2px rgba(50, 50, 50, 1);
}

.dropdown-pane.nwc-menu-dropdown h2 {
	color:black;
}

.dropdown-pane.nwc-menu-dropdown h3,
.dropdown-pane.nwc-menu-dropdown h4,
.dropdown-pane.nwc-menu-dropdown h5,
.dropdown-pane.nwc-menu-dropdown h6 {
	color:white;
}


.dropdown-pane.nwc-menu-dropdown p {
	font-size:1.03rem;
	color:white;

}




.nwc-menu-dropdown-link {
	color:white;
	font-size:1.15rem;
	font-weight:normal;
	margin-bottom:.25rem;	
}

.nwc-menu-dropdown-link a{
	color:white;
	font-size:1.15rem;
	font-weight:normal;
}


div.copy-link-text {
	text-shadow: 1px 1px 1px rgba(8, 75, 8, .3);
}



.dropdown-pane.user-menu-dropdown {
	background-color: #067B5B;
	color:white;
	font-weight:bold;
	
	width:200px; 	
	
	border: 1px solid #01002F;
	      
    -moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: -4px 3px 5px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: -4px 3px 5px rgba(1, 0, 47, 0.8);
	box-shadow: -4px 3px 5px rgba(1, 0, 47, 0.8);
	
}


.user-menu-dropdown a{
	color:white;
	font-size:1.25rem;

}


.nwc-submenu {
	color:white;
	font-size:1.25rem;
	margin-bottom:.6rem;
}


.nwc-submenu a{
	color:white;
	font-size:1.25rem;

}







.editor-controls {
	width:25px;
	
	
}

.editor-controls a {
	font-weight:bold;
	color:goldenrod;	
	padding-right:.5rem;
}







/*   SEARCH FORM:   */

.adv-search-form {
	color:white;
	

}

.adv-search-form h1 {
	color:white;
	text-shadow: 2px 2px 2px rgba(50, 50, 50, 1);
}

.adv-search-form h2,
.adv-search-form h3,
.adv-search-form h4,
.adv-search-form h5,
.adv-search-form h6,
.adv-search-form body {
	
	color:white;

}

.adv-search-form label {
	color:white;
	font-size:1.2rem;
	font-weight:normal;	
	margin-left:.25rem;
	margin-right:0;
}

.adv-search-form .search-radio {
	scale:1.27;


}

.disable-checkboxes {
	pointer-events: none;
	opacity:30%;
}



.deactivated-text {

text-decoration: line-through;
opacity: 0.45;

}


.nwcit-new-comment-textarea {
	border:2px solid #AAAAAA;
}

.comment-container {
	margin-top:1rem;
	padding:.5rem;
}

.comment-header {
	color:black;
	margin-bottom:.4rem;
}

.comment-body {
	color:black;
}


.comment-body p{
/*	margin-bottom:0; */
}


.comment-footer {
	color:black;
}

.comment-author {
	font-size:1.25rem;
	font-weight:bold;
	color: #333333;
	margin-top:1rem;
}

.comment-author a{
	color: #333333;
}



.comment-date {
	font-size:.92rem;
	color:#333333;
	margin-bottom:rem;
	margin-top: 0rem;
	margin-left: 0rem;
	margin-right: 0;
}



.bullet-point {
	float:left;
	margin-right:10pt;
}


.block-box {	
	margin-bottom:12px;
	margin-top: 4px;	
	margin-left: 4px;
	margin-right: 4px;
	padding: 8pt;
	
	/* background-color: rgb(200, 255, 200); */
    /*background-color: rgba(100, 230, 100, 0.7); */
    background-color: #FFFFFA;
      
    /*border: 3px solid #01002F; */
       border: 1px solid #115511;
       
     /*   
    -moz-border-radius: 7px;
	border-radius: 7px;
	*/ 
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	    
}


.block-title {
	
}

.block-title-bar {
	overflow: hidden;
}


.block-headline {
	font-size:110%;
	color: maroon;
}


.block-body {

}


.block-summary {

}


.block-link {
	text-align:right;
	margin-right:20pt;
}



.block-list-box {	
	margin-bottom:12px;
	margin-top: 4px;	
	margin-left: 4px;
	margin-right: 4px;
	padding: 8pt;
	
	/* background-color: rgb(200, 255, 200); */
    background-color: rgba(218, 218, 218, 0.9); 
      
    /*border: 3px solid #01002F; */
       border: 1px solid #115511;
    /*    
    -moz-border-radius: 7px;
	border-radius: 7px;
	*/
	
	 
	-webkit-box-shadow: 3px -2px 3px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 3px -2px 3px rgba(1, 0, 47, 0.8);
	box-shadow: 3px -2px 3px rgba(1, 0, 47, 0.8);
	    
}


.block-list-title {
	font-size:110%;
	color: firebrick;
}


.block-list-title-bar {
	background-color: rgba(0, 0, 0, 0.1); 
	padding-left:4pt;
}


.backbutton {
	float:right;
	display:block;
	
}

.linkbutton {
	padding-top:4px;
	padding-bottom:4px;
}

.block-image {

}


.block-sm-icon {
	margin-left:8px;
	margin-right: 8px;
}




.orange-text {
	color:darkorange;
}


/*  Event Listings   */



.event-block {
	margin:10pt;
	padding:10pt;
	background-color: rgba(11, 11, 11, 1); 
	
	border: 3px solid #51602F;
	
   /* background: rgba(255, 255, 255, .8); */
      
    -moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 6px -4px 7px rgba(88, 88, 88, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(88, 88, 88, 0.8);
	box-shadow: 6px -4px 7px rgba(88, 88, 88, 0.8);
	
	
}

.event-image {
	height: 180px;
	float:right;	
	margin: 4px;
}

.event-image-frame {
       
    border: 1px solid #01002F;
	
    background: rgba(255, 255, 255, .8);
      
    -moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	margin-bottom:3px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;

}

/*
.event-category-image {
	float:left;	
	margin: 4px;
	height:120px;
}
*/

.event-title {
	font-size:170%;
	text-shadow: 2px 2px 2px rgba(8, 75, 8, 1);	
	color: #333333;
}

.event-date {
	float:right;
	margin-right:15px;
	color:#550000;
	padding-top:5px;
}

.event-headline {
	font-size:135%;	
	color: #111111;
}

.event-body {
	font-size:108%;
}

.event-info-bar {
	margin-left: 10pt;
	margin-right: 10pt;
	margin-top: 0pt;
	margin-bottom:0pt;
	
	padding: 5pt;
	background-color: rgba(255, 255, 255, .5);  
	  -moz-border-radius: 3px;
	border-radius: 3px;
}

.event-detail {
	display:inline-block;
	margin-left:15pt;
	margin-right:15pt;	
	color:#003300;
	font-weight:bold;	
}


.game-on {
	 border: 1px solid #aaaaaa;
	
    background: rgba(100, 255, 100, .8);
      
    -moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	
	padding-left:1rem;
	padding-right:1rem;
	
	margin-bottom:3px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;

}



.game-off {
	 border:2px solid #aaaaaa;
	
    background: rgba(255, 100, 100, .8);
      
    -moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);

	padding-left:1rem;
	padding-right:1rem;

	margin-bottom:3px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;

}



.game-pending {
	 border:2px solid #aaaaaa;
	
    background: rgba(100, 100, 100, .8);
      
    -moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);

	padding-left:1rem;
	padding-right:1rem;

	margin-bottom:3px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;

}


.game-over {
	 border:2px solid #aaaaaa;
	
     background: rgba(50, 50, 220, .8);
      
    -moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);

	padding-left:1rem;
	padding-right:1rem;

	margin-bottom:3px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;

}



/* Billboard  */

.bb-container {
	/* height:300px; */
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center; 
}

.bb-slogan {
	text-align:center;	
}


.bb-button {
	text-align:center;
}


.bb-footer {
	text-align:center;
	padding:bottom:8px;	
}


/*  PAGINATION  */

.MarkupPagerNav {
  clear: both; 
  margin: 0;
  padding-bottom:.3rem;
  font-family: Arial, sans-serif;
}

.MarkupPagerNav li {
  display: inline;
  list-style: none;
  margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
 
 display: inline-block;
 /* float: left;*/
  padding: 2px 9px;
  color: #fff;
  background: #2f4248;
  margin-right: 3px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase; 
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
  color: #fff;
  background: #db1174;
  text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
  display: inline;
  color: #777;
  background: #d2e4ea;
  padding-left: 3px;
  padding-right: 3px;
}







/*  Writer/Member Profiles  */

.profile-block {
	margin-right:.7rem;
	margin-top:.5rem;
	margin-left:.5rem;
	margin-bottom:1.2rem;
	padding: .01rem 0rem 1rem .15rem;
	background-color: #E2E2E2; 
	  -moz-border-radius: 8px;
	border-radius: 8px;
}

.profile-image {
	float:left;	
	margin-top: 8px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 8x;	
}

.profile-image-frame {
       
    border: 3px solid #01002F;
	
    background: rgba(255, 255, 255, .8);
      
    -moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	margin-bottom:3px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 15px;

}


.profile-title {
	color:#333333;
	margin-bottom:.1rem;
}


.profile-meta {
	color:#111111;
	font-size:.88rem;
	letter-spacing:0;
	font-style:italic;
	/* margin-bottom:.8rem;*/
}

.profile-body {
	
}


.profile-comment-body  {	
	font-size:1.08rem;

}


.profile-comment-body blockquote p {	
	color:#333333;

}


.profile-comment-date {
	
	font-weight:bold;
}




.fullscreen-map {
	margin: 30px;
}

.list-box {
	border: 2px solid #01002F;
	
   /* background: rgba(255, 255, 255, .8); */
      
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	
	
	
	margin-bottom:7px;
	margin-top: 5px;
	
	/*
	margin-left: 3px;
	margin-right: 3px;
	*/
}

.list-top-title {
	color:#000011;
	font-size:120%;
	text-shadow: 2px 2px 2px rgba(8, 75, 8, 1);	
	margin-bottom: 0pt;
}


.list-title {
	color:#000022;
	font-size:140%;
	text-shadow: 2px 2px 2px rgba(8, 75, 8, 1);
	float:left;
	margin-bottom: 0pt;
}


.list-headline {
	font-size:100%;	
	margin-top: 0pt;
	color:black;
	margin-right:5pt;
	height:24pt;
	overflow:hidden;
}

.list-icon {
 display:inline-block; 
 float:right;
 margin-top: 0px;
 margin-bottom:0px;
 padding-top:0px;
 padding-bottom:0px;
}

.list-map-index {
	float:left;
	margin-top:4pt;
	margin-right:3pt;
}

.list-icon-image {
height:25px;
}

.list-image  {
	height: 120px;
	float:right;
	margin: 3px;		
}

.list-image-for-small  {
	height: 120px;
	float:left;
	margin: 3px;	
}


.list-image-frame  {			
          
    border: 3px solid #01002F;
	
    background: rgba(255, 255, 255, .8);
      
    -moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	margin-bottom:3px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;

	
	
}


.list-category-image  {
	height: 80px;
	float:left;	
	margin: 4px 8px 2px 4px;
}


.list-info-bar {
	margin: 10pt;
	padding: 10pt;
	background-color: rgba(20, 100, 20, .12);  
	  -moz-border-radius: 7px;
	border-radius: 7px;
}


.list-detail {
	font-size:93%;
}


.list-hours-label {	
	color:#222222;
	margin-right:3pt;
}

.list-hours {
	font-size:78%;
	float:right;
}


.list-profile-hours {

}




.bullet-list {	
}


.bullet-in-list {
	float:left;
	font-weight:bold;
	color: #dddddd;
}




.list-bullet-first {
	vertical-align:top;
	display:inline-block;
	font-size:85%;
	font-weight:bold;
	float:left;
	padding-top:3pt;
	padding-bottom:3pt;
}


.list-bullet-middle {
	vertical-align:top;
	display:inline-block;
	font-size:85%;
	font-weight:bold;
	padding-top:3pt;
	padding-bottom:3pt;
}

.list-bullet-last {
	vertical-align:top;
	display:inline-block;
	font-size:85%;
	font-weight:bold;
	float:right;
	padding-top:3pt;
	padding-bottom:3pt;
}



.list-button-first {
	/* bigger font for phone number */
	vertical-align:top;
	display:inline-block;
	font-size:88%;
	font-weight:bold;
	float:left;
	margin-top:4pt;
	margin-bottom:4pt;
	padding:5pt 5pt;
}


.list-button-middle {
	vertical-align:top;
	display:inline-block;
	font-size:85%;
	font-weight:bold;
	margin-top:4pt;
	margin-bottom:4pt;
	padding:5pt 5pt;
}

.list-button-last {
	vertical-align:top;
	display:inline-block;
	font-size:85%;
	font-weight:bold;
	float:right;
	margin-top:4pt;
	margin-bottom:4pt;
	padding:5pt 5pt;
}


.list-sm-icon {
	height:26px;
	margin-left:1pt;
	margin-right:1pt;
	margin-top:4pt;
}


.list-accordion-title {
	padding-top:3pt;
	padding-bottom:4pt;
	font-size: 95%;
}




.list-accordion-title:hover, .list-accordion-title:focus {
    background-color: #f3f3f3;
}


.list-accordion-content {
	padding-top:5pt;
	padding-bottom:0pt;	
}


.list-footer {
	 background-color: #fbfbfb;
	 margin-bottom:0px;
	 padding-bottom:0px;
}


.index-block {
	
}


.index-item {
	margin-top:20pt;
	float:middle;
	margin-left:15pt;
	margin-right:15pt;
	display:inline-block;
}

.index-link {
	font-size:140%;
	padding-left:14pt;
	padding-right:14pt;
}

.index-image {
	height:120px;
}





.game-card {
	margin-bottom:1.5rem;
	margin-top: 0px;	
	margin-left: 0px;
	margin-right: 0px;
	padding: .5rem .5rem .1rem .5rem;	
	/* background-color: rgb(200, 255, 200); */
    /*background-color: rgba(100, 230, 100, 0.7); */
    
    /* background: rgba(0, 0, 0, .1);   */
      
    /*border: 3px solid #01002F; */
    /*   border: 1px solid #115511; */
    background-color: #eeeeee; 
      
    -moz-border-radius: 4px;
	border-radius: 4px;
	
	
	-webkit-box-shadow: -1px 2px 3px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: -1px 2px 3px rgba(1, 0, 47, 0.5);
	box-shadow: -1px 2px 3px rgba(1, 0, 47, 0.5);
	  

}





.main-box {	
	margin-bottom:1.5rem;
	margin-top: 0px;	
	margin-left: 0px;
	margin-right: 0px;
	padding: .5rem .5rem .1rem .5rem;	
	/* background-color: rgb(200, 255, 200); */
    /*background-color: rgba(100, 230, 100, 0.7); */
    /* background-color: #FFFFFA;  */
    /* background: rgba(0, 0, 0, .1);   */
      
    /*border: 3px solid #01002F; */
    /*   border: 1px solid #115511; */
       
      
    -moz-border-radius: 7px;
	border-radius: 7px;
	
	
	-webkit-box-shadow: -2px 4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: -2px 4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: -2px 4px 7px rgba(1, 0, 47, 0.8);
	    
}



/* sidepanel */
/*  sidepanel teasers  */




.sidepanel-container {
	width:100%;	
 
	border-width: 0 0 0 0; /* top right bottom left */
	border-style: solid;
	border-color: #ccc #ccc #ccc #ccc;
	
		
	margin-left:.1rem;
	margin-right:.1rem;
}

.home-slideshow-box {
	margin-bottom:1.5rem;
	margin-top: 0px;	
	margin-left: 0px;
	margin-right: 0px;
	padding: .5rem .5rem .1rem .5rem;	
	/* background-color: rgb(200, 255, 200); */
    /*background-color: rgba(100, 230, 100, 0.7); */
    /* background-color: #FFFFFA;  */
    /* background: rgba(0, 0, 0, .1);   */
      
    /*border: 3px solid #01002F; */
    /*   border: 1px solid #115511; */
       
      
    -moz-border-radius: 7px;
	border-radius: 7px;
	
	
	-webkit-box-shadow: -2px -4px 7px rgba(200, 200, 200, 0.8);
	-moz-box-shadow: -2px -4px 7px rgba(200, 200, 200, 0.8);
	box-shadow: -2px -4px 7px rgba(200, 200, 200, 0.8);

}



.sidepanel-container .side-box {	
	margin-bottom:1.5rem;
	margin-top: 0px;	
	margin-left: 0px;
	margin-right: 0px;
	padding: .5rem .5rem .1rem .5rem;	
	/* background-color: rgb(200, 255, 200); */
    /*background-color: rgba(100, 230, 100, 0.7); */
    /* background-color: #FFFFFA;  */
    /* background: rgba(0, 0, 0, .1);   */
      
    /*border: 3px solid #01002F; */
    /*   border: 1px solid #115511; */
       
      
    -moz-border-radius: 7px;
	border-radius: 7px;
	
	
	-webkit-box-shadow: 2px -4px 7px rgba(200, 200, 200, 0.8);
	-moz-box-shadow: 2px -4px 7px rgba(200, 200, 200, 0.8);
	box-shadow: 2px -4px 7px rgba(200, 200, 200, 0.8);
	  
}


.sidepanel-container .side-title {
	
}

.sidepanel-container .side-title-bar {
	overflow: hidden;
}


.sidepanel-container .side-headline {
	font-size:110%;
	color: maroon;
}


.sidepanel-container .side-body {

}


.sidepanel-container .side-summary {

}


.sidepanel-container .side-link {
	text-align:right;
	margin-right:20pt;
}



.sidepanel-container .side-list-box {	
	margin-bottom:12px;
	margin-top: 4px;	
	margin-left: 4px;
	margin-right: 4px;
	padding: 8pt;
	
	/* background-color: rgb(200, 255, 200); */
    background-color: rgba(218, 218, 218, 0.9); 
      
    /*border: 3px solid #01002F; */
       border: 1px solid #115511;
    /*    
    -moz-border-radius: 7px;
	border-radius: 7px;
	*/
	
	 
	-webkit-box-shadow: 3px -2px 3px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 3px -2px 3px rgba(1, 0, 47, 0.8);
	box-shadow: 3px -2px 3px rgba(1, 0, 47, 0.8);
	    
}


.sidepanel-container .side-list-title {
	font-size:110%;
	color: firebrick;
}


.sidepanel-container .side-list-title-bar {
	background-color: rgba(0, 0, 0, 0.1); 
	padding-left:4pt;
}















/* More Sidepanel related OLD (and new) CSS */
/* Below can be used outside or inside of the sidepanel-container */


.side-teaser-container {	
	
	
/*
	margin: 0 1em 0.25em 0;
	margin-bottom: 1.5rem;
	     
    border: 1px solid #999999;	
    background: rgba(240, 240, 240, 1);      
    -moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 3px rgba(255, 165, 0, 0.8);
	-moz-box-shadow: 2px 2px 3px rgba(255, 165, 0, 0.8);
	box-shadow: 2px 2px 3px rgba(255, 165, 0, 0.8);


	border-radius: .5rem;
	width:100%;	
*/	
}


li.LoginRegisterLinksRegister {
	list-style:none;
	display:none;
}

li.LoginRegisterLinksRegister::before {	
	/* content:'Become a Member for Free';*/
	margin-top:6px;
	display: block;
	margin-bottom:.7rem;
	font-weight:bold;
	padding-top:10px;
	border-top:1px solid gray;
}



li.LoginRegisterLinksRegister a {	
	font-weight:bold;
		    
    border: 1px solid #01002F;	
    background: rgba(255, 191, 45, .8);
      
    -moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	margin-bottom:3px;
	margin-top: 1rem;
	margin-left: 3px;
	margin-right: 3px;

	padding:.6rem;
	
}

/* below are failed attempts to css the Login button */

#Inputfield_login_submit.ui-button button {
	font-weight:bold;
	

}


li.LoginRegisterLinksLogin {
	list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin:.5rem 0 0 0;
}


li.LoginRegisterLinksLogin a{	
	font-weight:bold;
	
}


li.LoginRegisterLinksLogin a {	
	font-weight:bold;	
	background-color:#005641;	
	color:white;
	margin-bottom:.1rem;
}





li.LoginRegisterLinksForgot {
list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */

}

li.LoginRegisterLinksForgot a {	
	font-weight:bold;		
	padding:.6rem;
	
}

li.LoginRegisterLinksForgot::before {	
	/*content:'Already a Member?';*/
	margin-top:2px;
	display: block;
	margin-bottom:.7rem;
	font-weight:bold;
}



.side-teaser-container p{	
	line-height:1.5;
	margin-bottom:0px;
}


.side-teaser-image-container {
	height:100%;
	overflow:hidden;
}

.side-teaser-image {
float:right;

margin-top:3px;
margin-left:5px;
margin-right:0px;'
margin-bottom:4px;


-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: -4px 3px 7px #666666;
	-webkit-box-shadow: -4px 3px 7px #666666;
	box-shadow: -4px 3px 7px #666666;   

}


.side-teaser-text-cell {
	padding-top:.4rem;
	padding-left: .7rem;
	padding-right:.1rem;
	padding-bottom: .1rem;
}

.side-teaser-container h3{
	font-size:1.25rem;
	color:black;
	margin-bottom:0rem;
	margin-top: 0rem;
	margin-left: 0rem;
	margin-right: 0rem;
	font-weight:bold;
}




.sidepanel-title-image {
	width:140px;
 float: left;
        margin: 0 1em 0.25em 0;
        margin-bottom: 3pt;
	
	      
    border: 3px solid #01002F;
	
    background: rgba(255, 255, 255, .8);
      
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.8);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.8);
	
	
}



/* post page with full article... */


.blog-post-image {

float:left; 
width:140px; 
height:140px;

margin-right:8px;


-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: -4px 3px 7px #666666;
	-webkit-box-shadow: -4px 3px 7px #666666;
	box-shadow: -4px 3px 7px #666666;   
}


.blog-hr {
	margin-top: 2px;
	margin-bottom:2px;
}


.gallery-index-image {

float:center; 
width:180px; 
height:180px;

margin:auto;

    border: 1px solid #999999;
	
    background: rgba(255, 255, 255, .8);
      
    -moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 3px rgba(184, 134, 11, 0.8);
	-moz-box-shadow: 2px 2px 3px rgba(184, 134, 11, 0.8);
	box-shadow: 2px 2px 3px rgba(184, 134, 11, 0.8);

}


.gallery-thumb {
	 /*border: 1px solid #555555;*/
	
	
	margin: 5px;
	border:0px solid #111111;
	
    background: rgba(0, 0, 0, .8);
     
     
    -moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 5px rgba(184, 134, 11, 0.8);
	-moz-box-shadow: 3px 3px 5px rgba(184, 134, 11, 0.8);
	box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.4);
	
}


#fhSubmit1 {
	size:140%;
}


#fhSubmit1:hover {
	color:blue;
}


.orbit-in-header {
	
	color:#ffffff;
	font-size:130%;	
	text-shadow: 2px 2px 2px rgba(8, 75, 8, 1);
	padding-top:4px;
	padding-bottom:4px;
}



.logo-image {
	width:100%;
	padding: 0px;
	margin:0px;
}

.logo-title {
	text-align:center;
	color:darkgray;
}

.logo-branding-statement {
	text-align:center;
	color:#112211;
	font-weight:bold;
	font-size:105%;
	margin-top:3px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.coming-soon {
	text-align:center;
	color:#c6800f;
	font-weight:bold;
	font-size:105%;
	margin-top:3px;
	margin-bottom:0px;
	padding-bottom:0px;
}


.spec-heading {
	margin-top: 16px;
	margin-bottom:5px;
	margin-left: 0px;
	margin-right:0px;
	background-color: lightblue;
	text-align:center;
	font-weight:bold;

}


.spec-title {
	background-color: lightblue;
	font-weight:bold;
	font-size:90%;
}

.spec-value {	
	font-size:90%;
}



.fancytitle {
	color:#88DDFF;
	text-shadow: 2px -1px 3px rgba(255, 198, 44, .6); 
}

.fancybold {
	color:#55CCFF;	
	text-shadow: 2px -1px 3px rgba(255, 198, 44, .6); 
}


.fancysubtitle {
	color:goldenrod;	
	text-shadow: 1px 1px 1px rgba(8, 75, 8, .8);
}


.fancytwo {
	color:#999999;
	text-shadow: 1px 1px 1px rgba(184, 134, 11, .8);
}

.slideshow-box {
	/*margin-left:32px;
	margin-right:32px;	 */
	margin:auto;
	max-width:800px;
}	
  
.header-slideshow-box {
	width:100%;
}	
 
 
 
 
.header-slideshow-mask {

  -webkit-mask-image: radial-gradient(ellipse 90% 80% at 90% 78%, black 40%, transparent 50%);
  mask-image: radial-gradient(ellipse 90% 80% at 48% 78%, black 40%, transparent 50%);

}


.header-slideshow-headline {

}
 

.header-slideshow-text {

} 
 
 
 
 
 
.video-index-block {		
	border: 2px solid #01002F;
	margin-bottom:0px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	
	
}
    

.video-box {
	margin-left:32px;
	margin-right:32px;
}	
    
  

.video-description {
	margin:auto;
	
}	
    



.video-title {
	color:#000088;	
	text-shadow: 1px 1px 1px rgba(8, 8, 8, 1);
	font-size:115%;
}    
    
    
    
.title-below-image {
	color:goldenrod;	
	font-size:120%;
	text-shadow: 1px 1px 1px rgba(8, 75, 8, 1);
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
}
    

.orbit-slide {
	
	/*border: 2px solid #01002F;*/
	
   /* background: rgba(255, 255, 255, .8); */
    
    /*  
    -moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	*/
}	
    
  

.hidden {
	display:none;
}


/*   START OF TINYMCE Styles  */
/*  Processwire Editor Styles */

/**
 * Alignment styles that are used by the InputfieldTinyMCE for 
 * positioning images in bodycopy. If you are using this field type, 
 * you may want to include these or similar styles in your site.
 *
 */
.align_left {
        float: left;
        margin: 0 1em 0.25em 0;
        margin-bottom: 3pt;
	/*border: 2px solid lightgray;*/
	
	/*     
    border: 3px solid #01002F;
	
    background: rgba(255, 255, 255, .8);
      
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: -4px -3px 5px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: -4px -3px 5px rgba(1, 0, 47, 0.8);
	box-shadow: -4px -3px 5px rgba(1, 0, 47, 0.8);
	
	*/
	
	/*
	margin-bottom:3px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
*/
	
	
	
}

.align_right {
        float: right;
        margin: 0 0 0.25em 1em;
        margin-bottom: 3pt;
	
	 /*      
    border: 3px solid #01002F;
	
    background: rgba(255, 255, 255, .8);
      
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.8);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.8);
*/
}	
	

.align_center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3pt;
	
	      
    border: 3px solid #01002F;
	
    background: rgba(255, 255, 255, .8);
      
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px -3px 5px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 0px -3px 5px rgba(1, 0, 47, 0.8);
	box-shadow: 0px -3px 5px rgba(1, 0, 47, 0.8);
}





h1{
	font-size:1.72rem;
	font-weight:bold;
	color:black;
	margin-bottom:.15rem;
	margin-top: .4rem;
	margin-left: 0rem;
	margin-right: 0rem;
	
	text-shadow: 2px 2px 2px rgba(200, 200, 200, 1);
}


h1 small {

	color:#888888;

}


h2{
	font-size:1.5rem;
	font-weight:bold;
	color:black;
	margin-bottom:.15rem;
	margin-top: .4rem;
	margin-left: 0rem;
	margin-right: 0rem;
	
	text-shadow: 2px 2px 2px rgba(200, 200, 200, 1);
}

h3{
	font-size:1.38rem;
	font-weight:bold;
	color:black;
	margin-bottom:.15rem;
	margin-top: .4rem;
	margin-left: 0rem;
	margin-right: 0rem;
	
}


h4{
	font-size:1.3rem;
	font-weight:bold;
	color:black;
	margin-bottom:.15rem;
	margin-top: .4rem;
	margin-left: 0rem;
	margin-right: 0rem;
	
}





/*   END OF TINYMCE Styles  */






.footer-menu {
	margin-top: 6pt;
	background-color: #e6e6e6;
	 -moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 5pt;
	padding-bottom: 5pt;
}

.footer-link {	
	font-size: 92%;
}


.mpthreeplayer {
	border: 3px solid #777777;
	
    /*background: rgba(255, 255, 255, .8);*/
      
    -moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 2px 1px 5px rgba(5 47, 5, 0.7);
	-moz-box-shadow: 2px 1px 5px rgba(5, 47, 5, 0.7);
	box-shadow: 2px 1px 5px rgba(5, 47, 5, 0.7);
	
}



audio:hover, audio:focus, audio:active
{
-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}

audio
{
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #006773;
-webkit-box-shadow:  2px 2px 4px 0px #006773;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}





/*  FORMS   */

.form-legend {
	color:#B88F0B;	
}


.form-label {
	color:#999999;	
}


.form-input {

	color:black;
	background-color:#f9f9f9;
	border: 1px solid #444444;

}



.form-input:focus {
 
    border: 1px solid #666666;
    background-color: #f9f9f9;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    
  
}
::placeholder {
    font-weight: bold;
    opacity: 0.5;
    color: red;
}


.form-button {

	color:black;
	background-color:#f9f9f9;
	border: 1px solid #444444;	

}

.form-button:hover {	
	color:black;
    border: 1px solid #666666;
    background-color: #f9f9f9; 
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;    
}

.form-button:focus {	
	color:black;
    border: 1px solid #666666;
    background-color: #f9f9f9; 
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;    
}

.form-button:active {	
	color:black;
    border: 1px solid #666666;
    background-color: #50ff50; 
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;    
}

.form-input::placeholder {
    font-weight: bold;
    opacity: 0.5;
    color: gray;
}


.form-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: gray;
}
.form-input::-moz-placeholder { /* Firefox 19+ */
  color: gray;
}
.form-input:-ms-input-placeholder { /* IE 10+ */
  color: gray;
}
.form-input:-moz-placeholder { /* Firefox 18- */
  color: gray;
}




/* sidepanel tools for memebers */

.tool-title {
	font-size:110%;
	font-weight:bold;
}

.tool-teaser {
	font-size: 100%;
}


/* featured posts in sidepanel */

.fp-title {
	font-size:100%;
}

.fp-all-link {
	font-size:85%;
	float:right;
}


.fp-teaser {
	font-size: %95%;
}


.fp-skinnybutton {
	padding-top: 2pt;
	padding-bottom: 2pt;
}


.skinnybutton {
	padding-top: 2pt;
	padding-bottom: 2pt;
}

.fp-image {
	float:right;
	width:110px; 
	height:90px;

	margin-left:5px;'
	margin-bottom:5px;


	-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 2px 1px 4px #666666;
		-webkit-box-shadow: 2px 1px 4px #666666;
		box-shadow: 2px 1px 4px #666666;   

}

.fp-date {
	color: #550000;
	font-size:85%;
	float:right;
}


.body-background {
	background-repeat: no-repeat;
	background-attachment: fixed;	
	
}


.venue-name {
	margin-top:4px;
	margin-left:25px;
	font-weight:bold;
}




/* reports page */
.report-box {
	margin-left:12px;
	margin-right:12px;
	margin-bottom:15px;
	
	padding:5px;
	
	background-color:#DDDDDD;

	-moz-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 2px 1px 4px #666666;
		-webkit-box-shadow: 2px 1px 4px #666666;
		box-shadow: 2px 1px 4px #666666;   

}



.website-header .top-bar {
	background-color: transparent;
	margin-top:0rem;
	margin-bottom:0rem;
	padding-top:0rem;
	padding-bottom:0rem;
}


.website-header .top-bar ul {
	background-color: transparent;
	margin-top:0rem;
	margin-bottom:0rem;
}

.website-header .menu .menu-text{
	padding: 0rem .2rem;	
	margin-top:12px;
}





/*  Login Bar (_loginbar.php) ***************************************** */

.loginbar-container {
	background-color:#e6e6e6;
	padding-left:30pt;
	padding-right:20pt;
	padding-top:15pt;
	padding-bottom:0pt;
	border-radius: 14px 14px 0px 0px;
}

.button.secondary {
    /* background-color: #1779ba;
    color: #fefefe; */
    border-radius: 20%;
}

.top-bar input {
    max-width: 200px;
    margin-right: 0rem;
}

.loginbar-menu-left {
	float:left;
	margin-left:30px;
}

.loginbar-menu-right {
	float:right;
	margin-right:30px;
}


.loginbar-title {
	float:left;
	margin-left:30px;
	color:#006600;
	font-weight:bold;	
}





/*  NEW added for KBL ***************************************** */


.home-column-title {
	text-align:center;
}

.home-column-subtitle {
	text-align:center;
}


.do-date {
	display:inline-block;
	width:80px;
	padding-left:5px;
	margin-left:10px;
	margin-right:10px;
}

.do-time {
	display:inline-block;
	width:170px;
	
	margin-left:10px;
}

.tsk-title-image {
	float:left;
	width: 50px;
	margin-top:0px;
	margin-left:0px;
	margin-right:6px;
	margin-bottom:6px;
}

.tsk-summary {

}

.printed-card-form-inside-text {
	font-size:140%;
	width:400px;
}

.printed-card-form-title-text {
	font-size:130%;
	font-weight:bold;	
}

.gift-block-image {
	max-width:220px;
	text-align:center;
	margin:auto;
}



.person-form-title-text {
	
	font-weight:bold;	
}


.block-footer {
 background: rgba(222, 222, 255, .4);
}


.follow-game-link {
	display: inline-block;
	background-color: rgba(255, 140, 0, .6); 	
	/* border: 1px solid blue;*/
	
	font-size:13pt;
	      
    -moz-border-radius: 3px;
	border-radius: 3px;
	/*
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	*/
	text-align: center;
	font-weight: bold;
	
	padding-top:.3rem;
	padding-left:.4rem;
	padding-right:.4rem;
	padding-bottom:.3rem;
	margin-left:.4rem;
	margin-right:.4rem;
	margin-top:.3rem;
	margin-bottom:.3rem;
	

}


.state-select-link {
	display: inline-block;
	background-color: rgba(255, 140, 0, .6); 	
	/* border: 1px solid blue;*/
	
	font-size:11pt;
	      
    -moz-border-radius: 2px;
	border-radius: 2px;
	/*
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	*/
	text-align: center;
	font-weight: bold;
	
	padding-top:.2rem;
	padding-left:.2rem;
	padding-right:.2rem;
	padding-bottom:.2rem;
	margin-left:.2rem;
	margin-right:.2rem;
	margin-top:.2rem;
	margin-bottom:.2rem;
	
}

.state-select-link a {
	text-decoration:none;
}

.state-select-link a:hover {	
	color:darkblue;   
	text-shadow: 2px 2px 8px #FF0000;
}

.state-select-link a:focus {	
	
}

.state-select-link a:active {	
	
}


.state-select-link .data {
	text-decoration:none;
}
/*********************************************************************/








/* Highlighted Text - ExciteLevels */


.excitement-one {	
	display: inline-block;
	background-color: rgba(173,255,47, .9); 	
	color:black;
	border: 1px solid yellow;
	min-width:14pt;
		      
    -moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);

	text-align: center;
	font-weight: bold;
	
	padding-top:3px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:2px;
	margin-left:2px;
	margin-right:3px;
}

.excitement-one-list {	
	display: inline-block;
	background-color: rgba(255,233,51,1); 	
	color:black;
	border: 1px solid purple;
	min-width:14pt;
		      
    -moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);

	padding-left:3px;
	margin-bottom:2px;
	
	/*
	padding-top:3px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:2px;
	margin-left:2px;
	margin-right:3px;
	*/
}


.excitement-three-list {	
	display: inline-block;
	background-color: rgba(173,255,47, .8); 	
	color:black;
	border: 1px solid purple;
	min-width:14pt;
		      
    -moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);

	padding-left:3px;
	margin-bottom:2px;
	/*	padding-top:3px;	
	padding-right:6px;
	padding-bottom:2px;
	margin-left:2px;
	margin-right:3px;
	*/
}


.excitement-green-list {	
	display: inline-block;
	background-color: rgba(0,200,0, .3); 	
	color:black;
	border: 1px solid yellow;
	min-width:14pt;
		      
    -moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);

	
	padding-top:2px;
	padding-left:2px;
	/*
	padding-right:6px;
	padding-bottom:2px;
	margin-left:2px;
	margin-right:3px;
	*/
}



.excitement-red-list {	
	display: inline-block;
	background-color: rgba(200,0,0, .3); 	
	color:black;
	border: 1px solid yellow;
	min-width:14pt;
		      
    -moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);

	
	
	padding-top:2px;
	padding-left:2px;
	/*
	padding-right:6px;
	padding-bottom:2px;
	margin-left:2px;
	margin-right:3px;
	*/
}

.bullet-foot-right {
	font-size:84%;	
	float:right;
}




.graph-ball-blue {
	display: inline-block;
	background-color: rgba(100, 206, 255, 1); 	
	border: 1px solid blue;
	min-width:14pt;
	font-size:10pt;
	color:red;
	      
    -moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 4px -3px 3px rgba(1, 0, 47, 0.5);
	box-shadow: 4px -3px 3px rgba(1, 0, 47, 0.5);

	text-align: center;
	font-weight: bold;
	
	padding-top:1px;
	padding-left:2px;
	padding-right:1px;
	padding-bottom:0px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:0px;
	
}





/*  Lottery Balls and Tickets  CSS  */


.green-ball-small {
	display: inline-block;
	background-color: rgba(0, 250, 0, .3); 	
	border: 1px solid blue;
	min-width:14pt;
	font-size:8pt;
	      
    -moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);

	text-align: center;
	font-weight: bold;
	
	padding-top:1px;
	padding-left:2px;
	padding-right:1px;
	padding-bottom:0px;
	margin-left:1px;
	margin-right:1px;
	
}

.red-ball-small {	
	display: inline-block;
	background-color: rgba(250, 0, 0, .3); 	
	border: 1px solid blue;
	min-width:14pt;
	font-size:8pt;
	      
    -moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);

	text-align: center;
	font-weight: bold;
	
	padding-top:1px;
	padding-left:2px;
	padding-right:1px;
	padding-bottom:0px;
	margin-left:1px;
	margin-right:1px;
}


.blue-ball-small {	
	display: inline-block;
	background-color: rgba(0, 0, 250, .3); 	
	border: 1px solid yellow;
	min-width:14pt;
	font-size:8pt;
	      
    -moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.5);

	text-align: center;
	font-weight: bold;
	
	padding-top:1px;
	padding-left:2px;
	padding-right:1px;
	padding-bottom:0px;
	margin-left:1px;
	margin-right:1px;
}








/* home page kbl */

.kbl-task {
	padding-top:0px;	
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin-top:0px;
	margin-bottom:15px;
	
	
	-moz-border-radius: 5px;
	border-radius: 3px;
	
	-webkit-box-shadow: 3px 2px 4px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 3px 2px 4px rgba(1, 0, 47, 0.8);
	box-shadow: 3px 2px 4px rgba(1, 0, 47, 0.8);
}



.kbl-top {
background: rgba(0, 0, 50, .1);

}

.kbl-bottom {
background: rgba(150, 0, 0, .1);

}

.kbl-recipients-container {
background: rgba(0, 150, 0, .2);

}

.kbl-recipients-text {
font-size:88%;
color:#551111;

}



.kbl-title {
	font-weight:bold;
	margin-left:5px;
	margin-bottom:0px;
}

.kbl-date {
	font-size:90%;
	margin-left:7px;
	color: #005000;

}

.kbl-button {
	
	padding: 3px;
	margin-left:4px;
	margin-right:9px;
	margin-top:3px;
	margin-bottom:0px;
}

.kbl-checkbox-container {

	float:right;
	margin-top:0px;
	margin-left:3px;
	margin-right:0px;
	margin-bottom:0px;
	

}

.kbl-checkbox {
	font-size:140%;
	font-weight:bold;
	float:right;
	margin-top:4px;
	margin-left:3px;
	margin-right:0px;
	margin-bottom:3px;
	
	 transform: scale(1.3);
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.3); /* IE */
	  -moz-transform: scale(1.3); /* FF */
	  -webkit-transform: scale(1.3); /* Safari and Chrome */
	  -o-transform: scale(1.3); /* Opera */
	 
}


.kbl-checkbox-text {
	font-size:112%;
	font-weight:normal;
	float:right;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:0px;
}


.kbl-accordion-title {
	
}

.kbl-accordion-ul {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}



.kbl-card-left {
	padding-right:4px;
}

.kbl-card-user-text-left {
	font-size:110%;
	margin-top:22px;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
	
}


.kbl-card-user-text-right {
	font-size:110%;
	margin:5px;
	text-align:center;
}




.kbl-card-front-image {
	
}

.kbl-card-right-image {
	margin-top:20px;
	margin-left:12px;
	margin-right:12px;
	text-align:center;
}


.kbl-card-center {
	padding-left:2px;
	padding-right:2px;
}


.kbl-card-right {
	padding-left:4px;

}

.kbl-card-panel {
	background-color: rgba(250, 250, 250, 1); 
	
	border: 2px solid #01002F;
	
   /* background: rgba(255, 255, 255, .8); */
      
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
	box-shadow: 6px -4px 7px rgba(1, 0, 47, 0.8);
}

.kbl-card-panel-caption {
	text-align:center;
	color:#551111;
}
	


/* SIDEPANEL PAGES */
.sp-caption-block {
	min-height:170px;
}

.sp-slideshow-image {
	
    background: rgba(255, 255, 255, .8);
      
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.8);
	box-shadow: 4px -3px 5px rgba(1, 0, 47, 0.8);

}

.sp-caption {
	margin-top:7px;
	margin-left: 8px;
	margin-right: 4px;
}
.sp-caption-image {
	float:right;
	margin:6px;
}


.sp-caption-name {
	text-align:right;
	font-size:90%;
	color:darkgreen;
	padding-right:7px;
}



.sp-review-quote {
	font-size:115%;
	line-height:134%;
	color: gold;	
}

.sp-review-source {
	color:darkorange;
	margin-left:10px;
	margin-top:5px;
}


q { quotes: '\201c' '\201d'; }
q:before { content: open-quote; }
q:after  { content: close-quote; }





/* orbit slider options */

.slow {
  transition-duration: 4000ms !important;
}


/*  ##################################################  */

.breadcrumbs-container {
	background-color: rgba(0, 0, 0, 0.5); 	
}

/*  Over-ride Foundation styles  */
.breadcrumbs-container .breadcrumbs {	
	width:100%;
	padding:.2rem 0 .02rem 2rem;	
    margin: .2rem 0 .2rem 0;
    list-style: none;    
	
    color:#FFC65E;
    font-weight:bold;
    text-shadow: 1px -1px 3px white;
    font-size:105%;
    
}

.breadcrumbs-container .breadcrumbs a {	
	color:#FFC65E;
	font-weight:bold;
	font-size:93%;
	text-shadow: none;
}





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

/*  Over-ride More Default styles  */




figure img {
	/*float:right;
	display:block;
	margin-left:.7rem;*/
	
	margin-bottom:.3rem;
	
	/*  the image itself */		
	overflow:hidden;		
	border:1px solid black;
	-moz-border-radius: 8px 8px 8px 3px;
	border-radius: 8px 8px 8px 3px;
	-moz-box-shadow: 4px 3px 7px #666666;
	-webkit-box-shadow: 4px 3px 7px #666666;
	box-shadow: 4px 3px 7px #666666;   
}


figure figcaption{
	/*text-align:center;*/
	color: #444444;
	  padding-top: 1px;
	  padding-bottom: .2rem;
	  padding-left: .2rem;
	  padding-right: .2rem;
	  font-size: .9rem;
	  font-style: italic;
	  max-width:260px;
}





h3, .h3 {
	margin-bottom:0px;	
}


h5, .h5 {
	margin-bottom:0px;	
}


.top-bar ul {
   /* background-color: #151515; */
}

.menu-text-tk-topbar {
	padding:0px;
	
}



ol {
	
	list-style-position: inside;
}


ul {
	
	list-style-position: inside;
}











.glow-on-hover {
    /* width: 220px; */
    height: 36px;
    border: none;
    outline: none;
    color: white;
    font-size:120%;
    
    cursor: pointer;
    position: relative;
    z-index: 0;
    /*
    background: goldenrod;
    border-radius: 10px;
    */
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: white;
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
 /*  background: goldenrod; */
   color: white;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}







a.button-for-tk { 
	font-weight:bold;
	background-color:#A33700;
}

a.button-for-tk:link { color: white; }

a.button-for-tk:active { color: white; }

a.button-for-tk:visited { color:white; }

a.button-for-tk:hover { color: white; }




a.tool-link:link { 
	color: #552222;
	font-size:110%;
}

a.tool-link:active { 
	color: #552222;
	font-size:110%;
}

a.tool-link:visited { 
	color: #552222;
	font-size:110%;
}
a.tool-link:hover { 
	color: #552222;
	font-size:110%;
}


.read-more {
	display:inline;
	float:right;
	margin-right:20px;
	margin-top:0px;
	padding-top:0px;
	
}

a.read-more:link { 
	margin-left: 10px;	
	color: #550000;
	font-size:96%;
}

a.read-more:active { 
	color: #550000;
	font-size:96%;
}

a.read-more:visited { 
	color: #550000;
	font-size:96%;
}
a.read-more:hover { 
	color: #550000;
	font-size:96%;
}





/* PhotoSwipe Gallery  */



.my-gallery {

  float: left;  
}
.my-gallery img {
  width: auto;
  height: 100%;
  border:2px solid #666666;
    -moz-border-radius: 5px;
	border-radius: 5x;
	
}

img.leftshadow {
	-webkit-box-shadow: -4px -3px 7px rgba(200, 200, 255, 0.8);
	-moz-box-shadow: -4px -3px 7px rgba(200, 200, 255, 0.8);
	box-shadow: -4px -3px 7px rgba(200, 200, 255, 0.8);
}

img.rightshadow {
	-webkit-box-shadow: 4px -3px 7px rgba(200, 200, 255, 0.8);
	-moz-box-shadow: 4px -3px 7px rgba(200, 200, 255, 0.8);
	box-shadow: 4px -3px 7px rgba(200, 200, 255, 0.8);
}


img.middleshadow {
	-webkit-box-shadow: 0px -3px 7px rgba(200, 200, 255, 0.8);
	-moz-box-shadow: 0px -3px 7px rgba(200, 200, 255, 0.8);
	box-shadow: 0px -3px 7px rgba(200, 200, 255, 0.8);
}



.my-gallery figure {
  display: block;
  float: left;
  margin: 18px 18px 18px 18px;
  height: 205px;
  width:340px;
}
.my-gallery figcaption {
  display: none;
}



/*

.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
   position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.my-gallery figure {
	position:absolute;
    width:100%;
    height:100%;
    background:red;
    text-align:center;
    border:1px solid black;
}
.my-gallery figcaption {
  display: none;
}



.thumbnail-container {
    height:200px;
    border:1px solid black;
}

*/




/*  Media Queries  */


/*  Media Queries  */

/* Small only */
/*
@media screen and (max-width: 39.9375em) {
		.site-background {
			background-image: url("/site/assets/files/dollarbackground-small.jpg");
			background-repeat: no-repeat;
			background-attachment: fixed;
		}	
		.site-background-localhost {
			 background-image: url("https://www.slowfallband.com/site/assets/files/dollarbackground-small.jpg");
			 background-repeat: no-repeat;
			background-attachment: fixed;
		}	
		.search-input {
			border-radius: 1rem 1rem 1rem 0rem;
		}	
		.search-button {
			line-height: 1;
			text-decoration: none;
			display: block;
			padding: 0.7rem 1rem;
			border-radius: 0rem 0rem 1rem 1rem;
		}	
	}
	*/ 
/* Medium and up */
@media screen and (min-width: 40em) {
               .search-input {
					border-radius: 1rem 0rem 0rem 1rem;
				}
		.search-button {
			line-height: 1;
			text-decoration: none;
			display: block;
			padding: 0.7rem 1rem;
			border-radius: 0rem 1rem 1rem 0rem;
		}	
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.site-background {
			/* background-image: url("/site/assets/files/dollarbackground-medium.jpg");
			 background-repeat: no-repeat;
			background-attachment: fixed; */
		}	
		
	.site-background-localhost {
			/* background-image: url("https://www.slowfallband.com/site/assets/files/dollarbackground-medium.jpg");
			 background-repeat: no-repeat;
			background-attachment: fixed; */
		}		
}

/* Large and up */
@media screen and (min-width: 64em) {
	.site-background {
		
		background-image: url("/site/assets/files/images/websitebackground-large.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;	
		background-position: center top;
		
		box-shadow: inset 0 0 0 1000px rgba(150,160,150,.7);
		
		background-size: cover;
		
		-webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;	
		  padding-top:.4rem;
		padding-bottom:.8rem;		
		
		 border:2px solid #666666;
		 -moz-border-radius: 5px;
		border-radius: 5x;
	}
	
	.site-background-localhost {
			 background-image: url("https://www.slowfallband.com/site/assets/files/images/websitebackground-large.jpg");
			background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center top;
		 -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
		
		box-shadow: inset 0 0 0 1000px rgba(150,160,150,.7);
		
		 padding-top:.4rem;
		padding-bottom:.8rem;			
		
		 border:2px solid #666666;
		 -moz-border-radius: 5px;
		border-radius: 5x;	
	}	


}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}