/*
 *
 * Cottonwood Draw Gunslingers
 *
 * Author: John Brewer
 * Date: 11/17/2020
 *
 * colors
 * 
 * #3E4444 DarkGrey
 * #82B74B LightGreen
 * #405D27 DarkGreen
 * #C1946A Tan
 */

/* 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; }
.DarkGrey { color: #3E4444; } 
.LightGreen { color: #82B74B; }
.DarkGreen { color: #405D27; }
.Tan { color: #C1946A; }

/*
 * 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 5px #405D27;
   border-radius: 15px;
}

.pic
{
   margin: 10px;
   border: solid 5px #405D27;
   border-radius: 15px;
}

/* body style for all web pages of this site */
body
{
   background-color: #C1946A;
   color: white;
   min-width: 1000px;
   font-family:"Book Antiqua";
   font-weight: bold;
}

.header
{
   color: #82B74B;
   background-color: #405D27;
   border: solid 3px #82B74B;
   margin-bottom:20px;
   padding: 10px;
   vertical-align: text-top;
   border-radius: 15px;
   font-size: 300%;
}

/* buttons for all pages */
.btn-group 
{
    position: relative;
}

.btn-group .button 
{
    display: inline-block;
    padding: 5px 32px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #82B74B;
    background-color: #405D27;
    border: none;
    border-radius: 15px;
    box-shadow: 0 5px #61892F;			
    width: 180px;	
    height: 60px;
}

.btn-group .button:hover
{
    background-color: #82B74B;
    color: #3E4444;
    box-shadow: #405D27;
}

.btn-group .button:active 
{
    background-color: #3E4444;
    color: #82B74B;
    box-shadow: 0px 8px #82B74B;
    transform: translateY(4px);
}


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


hr
{
    background-color: #405D27 ;
    height: 2px;
    border-width: 0px;
    margin-left: 10.0em;
    margin-right: 10.0em;
}

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

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

/* visited link */
a:visited {
   color: #405D27;
   font-weight: bold;
}

/* mouse over link */
a:hover {
   color: #3E4444;
   background-color: #82B74B;
}

/* selected link */
a:active {
  color: #82B74B;
  background-color: #3E4444;
}

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

/* text along an upward arc usage c1->c*->c1 c* is middle letter or letters */
.c { font-family:"Book Antiqua"; font-size: large; padding:4px; 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;  } 
/* text along an downward arc usage d1->d*->d1 d* is middle letter or letters */
.d { font-family:"Book Antiqua"; font-size: large; padding:4px; font-weight: bold; } 
#d1 { position:relative; top:0px; left:0px;  } 
#d2 { position:relative; top:+4px; left:0px;  } 
#d3 { position:relative; top:+8px; left:0px;  } 
#d4 { position:relative; top:+12px; left:0px;  } 
#d5 { position:relative; top:+16px; left:0px;  } 
#d6 { position:relative; top:+20px; left:0px;  } 
#d7 { position:relative; top:+24px; left:0px;  } 
#d8 { position:relative; top:+28px; left:0px;  } 
#d9 { position:relative; top:+32px; left:0px;  } 
#d10 { position:relative; top:+36px; left:0px;  } 
#d11 { position:relative; top:+40px; left:0px;  } 
#d12 { position:relative; top:+44px; left:0px;  } 
#d13 { position:relative; top:+48px; left:0px;  } 
#d14 { 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%;
}