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


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

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

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










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

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


.banner-image {
	width:100%;
}




.box-gp {
	background:lightgray;

}

/*
.site-background {
	background-repeat: no-repeat;
    background-size: 100%;
	background-attachment:fixed;
	background-color:lightgoldenrodyellow;
}
*/

.site-background {
	background-repeat:no-repeat;
	background-position: center center;
}


.theme-blocks {
	background-image: url(../images/bk-cool.jpg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color:black;
	
}



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


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


.reg-ball {
	background-color:#ccffcc;
	font-weight:bold;
	display:inline-block;
	margin:2px;
	padding-top:3px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:3px;
	/* float:left;*/

	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px -2px 3px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 2px -1px 3px rgba(1, 0, 47, 0.8);
	box-shadow: 2px -1px 3px rgba(1, 0, 47, 0.8);
	
}

.pwr-ball {
	background-color:#ffcccc;
	font-weight:bold;
	display:inline-block;
	margin:2px;
	margin-left:5px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;
	/* float:left;*/

	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px -2px 3px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 2px -1px 3px rgba(1, 0, 47, 0.8);
	box-shadow: 2px -1px 3px rgba(1, 0, 47, 0.8);
	
	
}



//  LSS Maps Render

.lottomap-block {
	width:100%;
	overflow: auto;
}

.lottomap-tile {
	width: 46px;
	height: 46px;
	display:inline-block;
	margin:2px;
	padding-top:3px;
	/* float:left;*/

	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 3px -2px 5px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 3px -2px 5px rgba(1, 0, 47, 0.8);
	box-shadow: 3px -2px 5px rgba(1, 0, 47, 0.8);
	
}

.lottomap-ball {
	text-align:center;
	font-size:120%;
	line-height:120%;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.lottomap-score {
	text-align:center;
	margin:0px;
	padding:0px;
	line-height:100%;
}












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

.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);
      
    -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-page-title-image {
	
	
}


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

}


/* sidepanel */

.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: #EED2D2;
      
    /*border: 3px solid #01002F; */
       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);
	    
}


.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-headline {
	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  */

.blog-index-image {

float:left; 
width:80px; 
height:80px;

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


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



.portfolio-seperator {
 /*  border: 0;
    height: 0;
    box-shadow: 0 0 10px 1px gray;
    */
    
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(99, 99, 99, 0.42), rgba(99, 99, 99, 0.18), rgba(99, 99, 99, 0.42));
}




#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:#999999;	
	text-shadow: 2px 2px 2px rgba(184, 143, 11, 1); 
}




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


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






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

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


.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:white;
	background-color:#222222;
	border: 1px solid #444444;
}



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


.form-button {
	color:white;
	background-color:#222222;
	border: 1px solid #444444;	
}

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



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




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

.loginbar-container {
	background-color:lightgray;
}

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



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






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

/*  Over-ride Default styles  */


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



ol {
	
	list-style-position: inside;
}


ul {
	
	list-style-position: inside;
}


a.redmenu { 
	font-weight:bold;
}

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

/* Small only */
@media screen and (max-width: 39.9375em) {
		.site-background {
			background-image: url("/site/assets/files/data/background-small.jpg");
			background-repeat: no-repeat;
			background-attachment: fixed;
		}	
		.site-background-localhost {
			 background-image: url("http://localhost/Websites/sfnbba.com/site/assets/files/data/background-small.jpg");
			 background-repeat: no-repeat;
			background-attachment: fixed;
		}	
	
}

/* Medium and up */
@media screen and (min-width: 40em) {
	

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.site-background {
			 background-image: url("/site/assets/files/data/background-medium.jpg");
			 background-repeat: no-repeat;
			background-attachment: fixed;
		}	
		
	.site-background-localhost {
			 background-image: url("http://localhost/Websites/sfnbba.com/site/assets/files/data/background-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/data/background-large.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;	
		background-position: center center;
		background-size: cover;
		
		-webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;	
	}
	
	.site-background-localhost {
			 background-image: url("http://localhost/Websites/sfnbba.com/site/assets/files/data/background-large.jpg");
			background-repeat: no-repeat;
		/*background-attachment: fixed;*/
		background-position: center top;
		
		background-size: 100% 210px;
		
		-webkit-background-size: 100% 210px;
		  -moz-background-size: 100% 210px;
		  -o-background-size: 100% 210px;
		  background-size: 100% 210px;	
	}	


}

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