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





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



.box-gp {
	background:lightgray;

}


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


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


.content-area {
	min-height:80vh;
	
	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%;
}




.homepage-title {
	color:goldenrod;
}


.homepage-headline {

}


.homepage-headline-bigger {
	text-align:center;
	font-size:160%;
}




/*  Shooting Gallery   */

.target-click {

}

.target-block {
	border: 2px solid goldenrod;
	background-repeat:norepeat;
	background-position:center;
	position:relative; 	
	background-size:cover; 
	width: 100%; 
	border: 1px solid gray; 
	height:400px;

}

.target-title {
	
	color:#eeeeee;	
	font-size:150%;
	text-shadow: 2px 2px 6px rgba(20, 40, 20, 1);
	
	/* text-align:center;*/
	margin-left:6px;
	margin-right:6px;
	
	
}

.target-header {
	background-color: rgba(0, 0, 0, 0.3); 
	margin-top:4px;
	margin-left:4px;
	margin-right:4px;
	/* border: 3px solid #115511;*/
	      
    -moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 2px -2px 3px rgba(1, 0, 47, 0.8);
	-moz-box-shadow: 2px -2px 3px rgba(1, 0, 47, 0.8);
	box-shadow: 2px -2px 3px rgba(1, 0, 47, 0.8);
}



.target-footer {	
	position:absolute;
	bottom:0px;
	width:100%;
	height:30px;
	z-index:999999;

	text-align:center;
	
	
	 /*border: 1px solid #999999;*/
	
	
}

.target-control {		
	height:30px;
	z-index:999999;
}

.target-footer-text {
	line-height:132%;
	font-size: 130%;
	font-weight:bold;
	display:inline;
	color:yellowgreen;	
	
	padding-left:5px;
	padding-right:5px;
	
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
	
	background: rgba(0, 0, 0, .4);
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-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);
}


.hitcounter {
	
	line-height:132%;
	font-size: 130%;
	font-weight:bold;
	display:inline;
	float:right;
	color:maroon;	
	
	text-shadow: 2px -2px 10px rgba(255, 255, 255, 1);
	margin-right:4px;
	margin-left:4px;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;
}

.hitcounter-icon {
	display:inline;
	float:right;
	padding:0px;
	margin:0px;

}

.hitcounter-container {
	display:inline;
	float:right;

	background-color: rgba(255, 255, 255, 0.2); 
	-moz-border-radius: 2px;
	border-radius: 5px;
	
	padding:0px;
	margin:0px;

}

.ammohit {
	/*
	height:40px;
	width:40px;
	*/
}



.inventory-block {
	float:left;	
	margin-bottom:4px;
}

.inventory-title {
	font-size:115%;
	text-shadow: 2px 2px 2px rgba(20, 40, 20, 1);
	text-align:center;
	margin-bottom:0px;
	padding-bottom:0px;
	line-height:115%;
}

.inventory-value {
	font-size:125%;
	text-shadow: 2px 2px 2px rgba(20, 40, 20, 1);
	text-align:center;
	font-weight:bold;
	margin-top:0px;
	padding-top:0px;
}

.inventory-icon {
	float:left;
	margin-left:4px;
	margin-right:4px;
	margin-top:5px;
}




.bucket-block {
	text-align:center;
	
	background: rgba(0, 0, 0, .3);
	/*background: #332222;*/
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 2px 2px 3px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 2px 2px 3px rgba(255, 255, 255, 0.8);
	box-shadow: 2px 2px 10px rgba(255, 255, 255, 0.3);
}

.bucket-header {
	text-align:center;

	background-color: rgba(255, 255, 255, 0.2); 
	-moz-border-radius: 2px;
	border-radius: 5px;
	
	padding:0px;
	margin:0px;
}

.bucket-title {
	color:white;
}

.bucket-stats-block {
	text-align:center;
	padding-top:112px;
	width:330px;
	height:400px;
	margin:auto;
	
}	


.bucket-label {
	text-align:center;
	width:220px;
	color:black;
	font-weight:bold;

	background-size: 100% 100%;
	
	margin:auto;
	
	padding-top:10px;
	padding-left:3px;
	padding-right:2px;
	padding-bottom:12px;
	
}	

.bucket-inventory-row {
	margin-left:5px;
	background:none;	
	
}


.bucket-inventory-icon {
	height:50px;
	width:50px;
	background:none;
	margin:0px;
	padding:0px;	
	
}

.bucket-inventory-quantity-text {
	
	font-size:150%;
	color:maroon;
	font-weight:bold;
	padding:0px;
	margin:0px;	
		
}


.bucket-inventory-text {
	font-weight:bold;
	text-align:center;
	color:black;
	vertical-align:middle;	
	margin:0px;
	padding:0px;
	
}


.bucket-teaser {
	font-weight:bold;
	text-align:center;
	color:yellow;
	margin-top:4px;
	margin-bottom:4px;
	font-size:105%;
}


.bucket-price {
	font-size:111%;
	text-shadow: 2px 2px 4px rgba(20, 40, 20, 1);
	text-align:right;
	font-weight:bold;
	margin-top:0px;
	padding-top:0px;
	color:goldenrod;
}



.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 {
	height:110px;
	max-width:200px;
    float: left;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 7px;
	/*border: 2px solid lightgray;*/
	
	/*
    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);
	*/
}


.home-page-title-image-right {
	height:110px;
	max-width:200px;
    float: right;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 7px;
}
	

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


/* sidepanel */

.block-box {
	margin-top:5pt;
	background-color: rgb(255, 255, 255);   
    background-color: rgba(245, 255, 245, 0.9); 
      
    /*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);
	margin-bottom:3px;
	margin-top: 16px;
	padding: 14pt;
	margin-left: 0px;
	margin-right: 0px;

    
}


.block-title {
	font-size:140%;
}


.block-headline {
	font-size:120%;
}


.block-body {

}


.block-summary {

}


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

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

.block-image {

}


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

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

}

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


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



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



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 {
  width: 100%;
  float: left;
  
}
.my-gallery img {
  width: auto;
  height: 100%;
  
    -moz-border-radius: 3px;
	border-radius: 3x;
	-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);
}
.my-gallery figure {
  display: block;
  float: left;
  margin: 0 18px 18px 0;
  height: 150px;
}
.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) {}