/** 
 * 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: white;
	font-size:110%;
 }
 
 p {
	line-height: 1.25;
 }
 

.content-container {

	background-color:  black;	
	-moz-border-radius: 1px;
	border-radius: 1px;
	-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);
	
}


.content-container-xmas {
	padding-top:.6rem;
	padding-left:.6rem;
	padding-right:.6rem;
	
	background-color:  white;	
	-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);
	
}

.allsite-container {
	border:4px solid silver;		
	background-color:  black;	
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	-webkit-box-shadow: 3px -2px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px -2px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 3px -2px 10px rgba(0, 0, 0, 0.5);
	
}	
	

.article-container {


}


.map-container {
	
	border: 7px solid #012500;
	width:80%;
	margin:auto;
		      
    -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);

}


.map-container-home {
	margin-bottom:1.5rem;
	margin-top: 0px;	
	margin-left: 0px;
	margin-right: 10px;
	padding:0;
	    
      
    -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);
}



.orbit-caption {
	text-align:center;
	color:goldenrod;
	font-weight:bold;
	font-size:1.2rem;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.orbit-caption.small-caption {
	text-align:center;
	color:goldenrod;
	font-weight:bold;
	font-size:.95rem;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	font-stretch:condensed;
}


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;
}

.site-background-xmas {
	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:white;
}




.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-box {
	background-color:#e6e6e6;
}

.header-logo  {
	height: 40px;
	margin-right: 10px;
	margin-left: 25px;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float:left
}

.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;	
}


.deactivated-text {

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

}



.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(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);
	
	
}

.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;	
}






/* 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;	
}







/*  Teacher Profiles  */

.profile-block {
	margin:10pt;
	padding:10pt;
	background-color: rgba(60, 60, 255, 0.2); 
	  -moz-border-radius: 7px;
	border-radius: 7px;
}

.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-category-image {
	float:left;	
	margin: 4px;
	height:120px;
}


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

.profile-line {
	font-size:140%;	
}

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

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

.profile-detail {
	display:inline-block;
	margin-left:15pt;
	margin-right:15pt;	
	color:goldenrod;
	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;
}



/*  blog  and  teasers  */


.teaser-container {	
	margin: 0 1em 0.25em 0;
	margin-bottom: 1.5rem;
	/*border: 2px solid lightgray;*/	      
    border: 1px solid #999999;	
    background: rgba(245, 245, 245, 1);      
    -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%;	
	
}

.teaser-container-noframe{	
	border:0;
	border-radius:0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
}


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

.teaser-container-noframe 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-noframe h3{
	/*
	font-size:1.25rem;
	color:black;
	margin-bottom:0rem;
	margin-top: 0rem;
	margin-left: 0rem;
	margin-right: 0rem;
	font-weight:bold;
	*/
}

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

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

.teaser-image {

margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:6px;


-moz-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
	-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;	








}




.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);
	    
}


.xmas-box {
	margin-bottom:0;
	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 */
/*  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;
	
}

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;
		    
    border: 1px solid #01002F;	
    background: rgba(100, 191, 100, 1);
      
    -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;

}


li.LoginRegisterLinksLogin {

}



li.LoginRegisterLinksLogin a{	
	font-weight:bold;
		    
    border: 1px solid #01002F;	
    background: rgba(100, 191, 100, 1);
      
    -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;
	
}

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



li.LoginRegisterLinksLogin a {
	background-color:blue;
	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;
	
}






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


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


.section-image-right {
	float:right;
	width: 20%;
	margin-top:0px;
	margin-left:8px;
	margin-right:20px;
	margin-bottom:0px;


	-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;   

}

.section-image-left {
	float:left;

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


	-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-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:white;	
	text-shadow: 2px -1px 4px rgba(255, 44, 44, .6); 
}




.fancysubtitle {
	color:white;	
	
}


.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 {
	color:#eeeeee;
	/* color:#000088; */	
	text-shadow: 2px 2px 2px rgba(200, 200, 200, 1);
	/* font-size:240%; */
}


h2 {
	/* color:#053305;	*/
	/*color:#000088;*/
	color:#ffffff;
	text-shadow: 1px 1px 1px rgba(8, 8, 8, 1);
	font-size:180%;
}






/*   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 {
	display:inline;
	float:center;	
	padding-left: 8pt;
	padding-right: 8pt;
	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-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(.9);
}

audio {
color: #FFFFDF;
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;

-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;   

}


.icon-image {
	margin-top:0rem;
	margin-bottom:0rem;
	padding-top:0rem;
	padding-bottom:0rem;

}

.website-header {
	
	
}

.website-header .top-bar {
	height: 60px;
	background-color: none;
	margin-top:0rem;
	margin-bottom:0rem;
	padding-top:0rem;
	padding-bottom:0rem;
	
	border-radius: 9px 9px 0 0;
}


.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;
}


.website-header-xmas {
	border-radius: 12px 12px 0 0;
	
}

.website-header-xmas .top-bar {
	height: 60px;
	background-color: transparent;
	margin-top:0rem;
	margin-bottom:0rem;
	padding-top:0rem;
	padding-bottom:0rem;
	
	border-radius: 7px 7px 0 0;
}


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

.website-header-xmas .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: 1rem;
}

.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; }




/* for Make it Snow Checkbox */
.checkbox-wrapper-10 .tgl {
display: none;
}
.checkbox-wrapper-10 .tgl,
.checkbox-wrapper-10 .tgl:after,
.checkbox-wrapper-10 .tgl:before,
.checkbox-wrapper-10 .tgl *,
.checkbox-wrapper-10 .tgl *:after,
.checkbox-wrapper-10 .tgl *:before,
.checkbox-wrapper-10 .tgl + .tgl-btn {
box-sizing: border-box;
}
.checkbox-wrapper-10 .tgl::-moz-selection,
.checkbox-wrapper-10 .tgl:after::-moz-selection,
.checkbox-wrapper-10 .tgl:before::-moz-selection,
.checkbox-wrapper-10 .tgl *::-moz-selection,
.checkbox-wrapper-10 .tgl *:after::-moz-selection,
.checkbox-wrapper-10 .tgl *:before::-moz-selection,
.checkbox-wrapper-10 .tgl + .tgl-btn::-moz-selection,
.checkbox-wrapper-10 .tgl::selection,
.checkbox-wrapper-10 .tgl:after::selection,
.checkbox-wrapper-10 .tgl:before::selection,
.checkbox-wrapper-10 .tgl *::selection,
.checkbox-wrapper-10 .tgl *:after::selection,
.checkbox-wrapper-10 .tgl *:before::selection,
.checkbox-wrapper-10 .tgl + .tgl-btn::selection {
background: none;
}
.checkbox-wrapper-10 .tgl + .tgl-btn {
outline: 0;
display: block;
width: 10em;
height: 1.9em;
font-size:110%;
margin:auto;
position: relative;
cursor: pointer;
-webkit-user-select: none;
   -moz-user-select: none;
	-ms-user-select: none;
		user-select: none;
}
.checkbox-wrapper-10 .tgl + .tgl-btn:after,
.checkbox-wrapper-10 .tgl + .tgl-btn:before {
position: relative;
display: block;
content: "";
width: 50%;
height: 100%;
}
.checkbox-wrapper-10 .tgl + .tgl-btn:after {
left: 0;
}
.checkbox-wrapper-10 .tgl + .tgl-btn:before {
display: none;
}
.checkbox-wrapper-10 .tgl:checked + .tgl-btn:after {
left: 50%;
}

.checkbox-wrapper-10 .tgl-flip + .tgl-btn {
padding: 2px;
transition: all 0.2s ease;
font-family: sans-serif;
perspective: 100px;
}
.checkbox-wrapper-10 .tgl-flip + .tgl-btn:after,
.checkbox-wrapper-10 .tgl-flip + .tgl-btn:before {
display: inline-block;
transition: all 0.4s ease;
width: 100%;
text-align: center;
position: absolute;
line-height: 2em;
font-weight: bold;
color: #FFFFDF;
position: absolute;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
border-radius: 4px;
}
.checkbox-wrapper-10 .tgl-flip + .tgl-btn:after {
content: attr(data-tg-on);
background: #02C66F;
transform: rotateY(-180deg);
}
.checkbox-wrapper-10 .tgl-flip + .tgl-btn:before {
/* color of Start the Snow */
background: maroon;
content: attr(data-tg-off);
}
.checkbox-wrapper-10 .tgl-flip + .tgl-btn:active:before {
transform: rotateY(-20deg);
}
.checkbox-wrapper-10 .tgl-flip:checked + .tgl-btn:before {
transform: rotateY(180deg);
}
.checkbox-wrapper-10 .tgl-flip:checked + .tgl-btn:after {
transform: rotateY(0);
left: 0;
/* color of Stop the  Snow */
background: maroon;
}
.checkbox-wrapper-10 .tgl-flip:checked + .tgl-btn:active:after {
transform: rotateY(20deg);
}









/* 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  */




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


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


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

.menu-text-tk-topbar {
	font-size:1.1rem;
	font-weight:bold;
	padding: 0rem 0rem;	
	margin-top:10px;
	margin-bottom:10px;
	margin-left:8px;
	margin-right:8px;	
}


.menu-text-tk-topbar-small {
	font-size:1.1rem;
	font-weight:bold;
	padding: 0rem 0rem;	
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:6px;	
}




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;
    */

}

.menu a.glow-on-hover {	
   
}

.menu a.glow-on-hover.tightmenu {	
    padding-left:.8rem;
    padding-right:.8rem;
}


/*
.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; }
}


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

.menu-home-icon {
	margin-top:1px;
	margin-right:1rem;
}


.menu-home-icon-small {
	margin-top:1px;
	margin-right:0;
}



a.redmenu { 
	font-weight:bold;	
	/*padding:0px !important;*/
}

a.redmenu:link { color: #31aacb; }

a.redmenu:active { color: #aa2222; }

a.redmenu:visited { color: #03174c; }

a.redmenu:hover { color: #1647aa; }



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 !important;
		background-attachment: fixed !important;	
		background-position: center top !important;
		
		box-shadow: inset 0 0 0 1000px rgba(150,160,150,.7);
		
		background-size: cover !important;
		
		-webkit-background-size: cover !important;
		  -moz-background-size: cover !important;
		  -o-background-size: cover !important;
		  background-size: cover !important;	
		  /*padding-top:.4rem;*/
		padding-bottom:.8rem;		
		
		 border:2px solid #666666 !important;
		 -moz-border-radius: 5px !important;
		border-radius: 5x !important;
	}
	
	.site-background-localhost {
			 background-image: url("https://www.pedersonchristmastrees.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) {}