/***********************************************
 *	Bearcat Lanes - Master Styling
 *
 *	Author: Curtis Alumbaugh
 *	Modified: 7/23/2024
 *	Copyright 2024 All rights reserved.
 *
 ***********************************************/
/* *html { height: expression(document.documentElement.clientHeight); } */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: #FFF;
}
a:link, a:visited {
    color: #999;
    text-decoration: underline;
}
a:link:active, a:visited:active, a:link:hover, a:visited:hover {
    color: #CCC;
}
body {
    margin: 40px 0 0 0;
    background: url('/images/background-main.jpg') fixed repeat-y #052;
    font-family: Arial, Helvetica, sans-serif;
    color:#FFF;
    font-size:14px;
    height:100%;
    line-height: 1.3em;
    align-content: center;
}

img {
    max-width: 100%;
}

h1 {
    margin: 3px auto 5px auto;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: #000 4px 4px 5px;
    line-height:1.5em;
}
h2 {
    margin: 3px auto 5px auto;
    font-size: 28px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: #000 3px 3px 4px;
    line-height:1.4em;
}
h3 {
    margin: 3px auto 5px auto;
    font-size:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-shadow:#000 2px 2px 3px;
    line-height:1.3em;
}
dl {
    padding-top:20px;
    padding-bottom:20px;
}
dt {
    color: #FFF;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}
dd {
    padding: 5px;
    text-align: left;
    font-size: 15px;
}

dd strong {
    color: #FF0;
}

li strong {
    color: #000;
}

dl + * {
    display: block;
}

p {
    line-height:1.3em;
}

ul#frontpageindex {
    padding: 0 0 0 25px;
    font-size: 20px;
    line-height: 35px;
}
ul#frontpageindex a {
    text-decoration: none;
}

/************************************************
 * Classes
 ***********************************************/
.navbar {
    background:#033;
    background:-webkit-gradient(linear,left top,left bottom,from(#096),to(#033));
    background:-moz-linear-gradient(top,#096,#033);
    background:transparent\9;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009966',endColorstr='#003333');
}

.card-body {
    padding-left: 1.3em;
}

.left-column {
    float: left;
    padding-left: 2px;
    width: 50%;
}

.right-column {
    float: right;
    padding-left: 2px;
    width: 50%;
}

.large-text {
    font-size:18px;
    font-weight:bold;
    line-height:1.3em;
}
.important-text {
    font-size:24px;
    font-weight:bolder;
    line-height:1.5em;
    color:#FF0;
}
.round-box {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background: #033;
    border: 2px solid #000;
    box-shadow: 5px 5px 5px #333;
    -webkit-box-shadow: 5px 5px 5px #333;
    -moz-box-shadow: 5px 5px 5px #333;
    padding: 0.5em;
    background:-webkit-gradient(linear,left top,left bottom,from(#096),to(#033));
    background:-moz-linear-gradient(top,#096,#033);
    background:transparent\9;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009966',endColorstr='#003333');
}

/*
.content {
    margin:10px auto 0 auto;
    line-height:150%;
    padding:20px 20px 20px 20px;
}
*/

.narrow-left-content {
    margin: 0 auto 0 auto;
    line-height: 150%;
    padding: 5px;
}
.left-content {
    clear: left;
    float: left;
    margin: 0 auto 0 auto;
    line-height: 150%;
    padding: 20px 20px 20px 20px;
}
.right-content {
    clear: right;
    margin: 0 auto 0 auto;
    line-height: 150%;
    padding: 20px 20px 20px 20px;
}
.center-content {
    align-content: center;
    text-align: center;
    align-items: center;
    
}
.wide-right-content {
    clear: right;
    margin: 0 auto 0 auto;
    line-height: 150%;
    padding: 20px;
}
.wrapper {
    overflow: hidden;
    min-height: 100%;
    clear:both;
}
.wrapper-inner {
    margin: 0 auto 0 auto;
}
p.error {
    color: #FC0;
    font-weight: bold;
}

/************************************************
 * IDs
 ***********************************************/
#announcement {
    background-color: #041;
    padding: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.3em;
    text-align: center;
}

form#contactform input {
    border: 1px solid #BBB;
    -webkit-box-shadow: 2px 2px 2px #666;
    -moz-box-shadow: 2px 2px 2px #666;
    box-shadow: 2px 2px 2px #666;
    padding: 2px;
    font-size: 16px;
}

form#contactform div {
    clear:both;
    margin:1em 0;
}
form#contactform label {
    display:block;
    float:none;
    font-size:16px;
    font-weight:bold;
    width:auto;
}
form#contactform textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}
form select {
    font-size: 100%;
}

input[required] {
    background-color: #E5F5EF;
}

table#money-shots {
    border: 2px #000 solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 2px 2px 2px #666;
    -webkit-box-shadow: 2px 2px 2px #666;
    -moz-box-shadow: 2px 2px 2px #666;
    padding: 5px;
    background: #053;
    border-spacing: 2em;
    width: 550px;
    margin: 0 auto 0 auto;
}
table#money-shots th {
    font-size: 18pt;
    font-weight: bold;
    text-shadow:#000 2px 2px 3px;
}
table#money-shots td {
    font-size: 14pt;
}

/* Slideshow
----------------------------------------------------------------*/
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	}
.clearfix:after {
	clear: both;
	}
.container {
	width:1150px;
	margin:30px auto;
	}
.container .box{
	width: 150px;
	}
#slideshow {
	position:relative;
	height:160px;
	}
#slideshow div {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	visibility:hidden;
	}
#slideshow div.active{
	z-index:10;
	visibility:visible;
	}
#slideshow div.last-active{
	z-index:9;
	visibility:hidden;
	}

/* Site Header
----------------------------------------------------------------*/
#header {
    text-align: center;
}

/* Site Header/Footer
----------------------------------------------------------------*/
#bcl-footer {
    background:#033;
    background:-webkit-gradient(linear,left top,left bottom,from(#096),to(#033));
    background:-moz-linear-gradient(top,#096,#033);
    background:transparent\9;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009966',endColorstr='#003333');
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FFF;
    padding: 0.8em;
}