/*
 *
 * Briggsdale County Shootist web style 
 *
 * Author: John Brewer
 * Date: 2/10/2012
 *
 */

/* font related styles */
.italic { font-style: italic; }
.bold { font-weight: bold; }
.top { vertical-align: top; }
.xlarge { font-size: x-large; }
.xxlarge {font-size: xx-large; }
.large { font-size: large; }
.medium { font-size: medium; }
.small { font-size: small; }
.xsmall { font-size: x-small;	}
.center { text-align: center; }
.golden { color: #FFC000; }
.redish { color: #9F2936; }
/*
 * center table
 *
 * <div class="centered">
 *    <table>
 *    .........
 *    </table>
 * </div>
 */
div.centered
{
   text-align: center;
}
div.centered table
{
   margin: 0 auto;
   width: 90%;
}
div.centered td
{
   width: 25%;
}

.bottom-margin {
	margin-bottom: 100px;
	}

iframe
{
   border: solid 4px #9F2936;
}

/* body style for all web pages of this site */
body
{
   background-color: lightgray;
   background-image: url('../images/master15_image001.jpg');
   background=repeat: no-repeat;
   background-attachment: right;
   background-position: top;
   background-size: 100%;
   color: white;
   min-width: 1000px;
   font-family:"Book Antiqua";
   font-weight: bold;
}

.header
{
   /* background-image: url("../images/winter_panorama.jpg");*/
   color: #ffcc66;
   background-image: url("../images/header.jpg");
   background-repeat: no-repeat;
   background-position: top center;
   background-size: 100%;
   height: 252px;
   width: 1320px;
   border: solid 2px #9F2936;
   margin-left:auto; 
   margin-right:auto;  
   margin-bottom:20px;
   vertical-align: text-top;
   font-size: 375%;
}

.wavy_underline
{
   text-decoration-line: underline;
   text-decoration-style: wavy;
}

h2
{
   text-align: center;
   text-size: x-large;
   color: white;
   font-weight: bold;
}

hr
{
    diplay: block;
    text-align: center;
    width: 60%;
    border-width: 8px;
    background-color: #FFC000;;
    color: #FFC000;;
}


.story
{
   font-style: italic;
   text-size: large;
   color: #FFC000;
   margin: 0px 100px;
}

.para
{
   padding: 0px 10px;
   text-indent: 20px;
}

.twocol
{
   margin: 10px;
   width: 90%;
}

.twocol th
{
   text-align: center;
   vertical-align: top;
   padding: 5px 0px;
}

.twocol td
{
   width: 50%;
   vertical-align: top;
   text-align: center;
   padding: 5px 10px 0px 10px;
}

/* setting color of the links */
/* unvisited link */
a:link {
  color: #FFC000;
  font-weight: bold;
}

/* visited link */
a:visited {
   color: yellow;
   font-weight: bold;
}

/* mouse over link */
a:hover {
   color: #FFC000;
   background-color: #9F2936;
}

/* selected link */
a:active {
  color: #9F2936;
  background-color: #FFC000;
}

/* image properties. these images are intended to be in the background. */
.home_imgL
{
   position: absolute;
   top: 450px;
   left: 250px;
   z-index: -1;
}
.home_imgR
{
   position: absolute;
   top: 450px;
   right: 50px;
   z-index: -1;
}
.about_img1
{
   position: absolute;
   top: 320px;
   right: 50px;
   z-index: -1;
}
.about_img2
{
   position: absolute;
   top: 420px;
   left: 50px;
   z-index: -1;
}
.about_img3
{
   position: absolute;
   top: 520px;
   right: 350px;
   z-index: -1;
}
.sassShoot
{
   position: absolute;
   top: 440px;
   right: 170px;
   z-index: -1;
}
.briggsdaleshoot
{
   position: absolute;
   top: 440px;
   left: 450px;
   z-index: -1;
}
.almost_img1
{
   position: absolute;
   top: 420px;
   right: 50px;
   z-index: -1;
}
.almost_img2
{
   position: absolute;
   top: 420px;
   left: 250px;
   z-index: -1;
}

/* attributes for the scores page */
.scores {
   width: 98%;
   height: 144px;
   border: solid 1px #9F2936;
   empty-cells: show;
}
.scores-cell {
   width: 25%;
   height: 36px;
   /*color: #9F2936;*/
   text-align: "center";
   border: solid 1px #9F2936;
   /* background-color: lightgray;*/
}

.stpatday
{
   text-weight: bold;
   color: green;
}

/* this is for the text in the banner */
.banner
{
   vertical-align: text-top;
   width: 50%;
   color: #9F2936;
   text-size: 1000%;
   text-align: center;
}

/* text along an arc usage c1->c*->c1 c* is middle letter or letters */
.c { font-family:"Book Antiqua"; font-size: x-large; padding:10px; font-weight: bold; } 
#c1 { position:relative; top:0px; left:0px;  } 
#c2 { position:relative; top:-4px; left:0px;  } 
#c3 { position:relative; top:-8px; left:0px;  } 
#c4 { position:relative; top:-12px; left:0px;  } 
#c5 { position:relative; top:-16px; left:0px;  } 
#c6 { position:relative; top:-20px; left:0px;  } 
#c7 { position:relative; top:-24px; left:0px;  } 
#c8 { position:relative; top:-28px; left:0px;  } 
#c9 { position:relative; top:-32px; left:0px;  } 
#c10 { position:relative; top:-36px; left:0px;  } 
#c11 { position:relative; top:-40px; left:0px;  } 
#c12 { position:relative; top:-44px; left:0px;  } 
#c13 { position:relative; top:-48px; left:0px;  } 
#c14 { position:relative; top:-52px; left:0px;  } 

.contact
{
   text-size: small;
   background-color: #9F2936;
   width: 100%;
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-top: 60px;
}

.image {
    background-color: #9F2936;
    border: 4px solid #663333;
   /* display: block; */
    margin-top: 10px;
    padding: 6px;
}


/* this is for the sass logo in the banner */
img.sass
{
   padding: 0px 0px 140px 0px;
   width: 40%;
   height: 40%;
}

.bbimg
{
   border: double 8px #FFC000;
}
.bbcard
{
   border: double 8px #FFC000;
   display: block;
   margin-right:auto;
   margin-left:auto;
}
.bg435
{
    color: #9F2936;
    background-image: url('../images/bg435.jpg');
    text-align: center;
}
.bg59
{
   color: #9F2936;
   background-image: url('../images/bg59.jpg');
}
.bg104
{
   color: #9F2936;
   background-image: url('../images/bg104.jpg');
}
.wood054
{
   color: #9F2936;
   background-image: url('../images/wood054.jpg');
}
.sponsor
{
   font-size: 2em;
   font-family:"algerian";
   border: double #FFC000;
   margin-left:auto;
   margin-right:auto;
   text-align: center;
   background-color: #9F2936;
   color: #FFC000;
}

.sponsor_table
{
   margin-left:auto;
   margin-right:auto;
   width: 85%;
}

.bcard
{
   margin-left:auto;
   margin-right:auto;
   width:70%;
   text-align:center;
}

.red
{
   color: red;
}
.black
{
   color: black;
}

.pic
{
   margin: 10px;
   border: 1px solid #9F2936;
}

/* buttons for all pages */
/*
.btn-group 
{
    position: fixed;
    top: 50%;
    transform: translateY(-10%);
}
 */

.btn-group .button 
{
    display: block;
    padding: 5px 32px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: white;
    background-color: #9F2936;
    border: none;
    border-radius: 15px;
    box-shadow: 0 5px #663333;			
    margin: 20px 0px;			
    width: 180px;	
}

.btn-group .button:hover
{
    background-color: #663333;
    box-shadow: #666;
}

.btn-group .button:active 
{
    border-color: #9f2936;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}

li
{
    list-style: square inside;
}

.skew20 
{
    transform: skewY(20deg);
}

.skew340
{
    transform: skewY(-20deg);
}

.rotate20
{
    transform: rotate(20deg);
}

.scale15
{
    transform: scaleY(1.5);
}

.grid-container {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
}

.grid-item {
  padding: 20px;
  font-size: 30px;
  text-align: center;
}