body {

font-family: arial, sans-serif;

line-height: 1.67em;

margin: 0;

}



main {

background-color: #4d4d4d;

border-bottom: solid 4px #262626;

border-top: solid 4px #262626;

}

.main_content {

color:#fff;

line-height: 1.67em;

margin: auto;

max-width: 50em;

padding-bottom: 70px;

padding-top: 30px;

width: 80%;

}


/*
.banner {



}
*/


/* This is for the skip to main content links and for the back to top link. */

.nav_aid a:link {

height:1px;

left:-10000px;

overflow:hidden;

position:absolute;

top:auto;

width:1px;

}

.nav_aid a:focus {

background-color: #fff;

border-radius: 5px;

color:#000;

left:30px;

padding: 10px;

text-align: center;

height:auto;

overflow:auto;

text-decoration: none;

top:30px;

width:10em;

}



.totop {

bottom: 20px;

right:5px;

margin-top:50px;

position: fixed;

}

.totop a:link, .totop a:visited {

background-color: #262626;

border: solid 4px transparent;

border-radius: 5px;

color: #fff;

display: block;

padding: 10px;

text-align: center;

text-decoration: none;

}

.totop a:hover, .totop a:focus {

background-color: #fff;

color: #262626;

border: solid 4px #262626;

}



.logo {

background-color: #262626;

color:#fff;

display:flex;

flex-direction: column;

justify-content: center;

overflow:auto;

padding-bottom : 30px;

padding-top : 30px;

text-align: center;

}

.logo img {

margin:auto;

margin-bottom : 10px;

margin-top : 10px;

width : 250px;

}



.banner_text {

background-color: #E15629;

border-bottom: solid 4px #000;

color: #000;

font-family: 'Play', sans-serif;

font-size: 1.5em;

padding: 10px; 

text-align:center;



}


/*
.main_nav {

}
*/

.main_nav ul {

display:flex;

flex-direction: row;

flex-wrap: wrap;

justify-content: center;

list-style: none;

}

.main_nav li {

margin: 5px;

}

.main_nav a {

background-color: #262626;

border: solid 4px transparent;

border-radius: 5px;

color: #fff;

display:block;

font-family: play, sans-serif;

padding: 10px;

text-decoration: none;

}

.main_nav a:hover, .main_nav a:focus {

background-color: #fff;

border: solid 4px #262626;

color: #262626;

}


/*
.nav_list {



}
*/

/*
.nav_item {



}
*/

/*
.main_footer {



}
*/


/* This is a div element that is placed in the footer that will have announcements injected for dynamic content. */
/*
.announcements {

    position: absolute !important;
    opacity: 0;
    pointer-events: none;

}
*/


/* This is for the winners table */
/*
.winners_table {



}
*/


/* this is for the squares table */
/*
.squares_table {



}
*/


/* this is for the team names in the table headers only not the score numbers */

.team {
display: none;
    /*
    position: absolute !important;
    opacity: 0;
    pointer-events: none;
*/
}



/* this is for the square numbers 1 through 100 */
/*
square_number {



}
*/


/* for the PayPal form on the SSF page */
/*
.pp_form {



}
*/


/* for the let us help you form on the ssf page */
/*
.interested_form {



}
*/


/* headings */

h1, h2, h3, h4 {

font-family: 'Play', sans-serif;

line-height: 1.2em;

text-align: center

}

h1 {

font-size: 4em;

}

h2 {

font-size: 3em;

}

h3  {

font-size: 2.5em;

} 

h4  {

font-size: 2em;

} 



/* images */

img {

max-width: 100%;;

}





/* This is for the image on the Superbowl fundraising page.  */

.defensive_image

 {

border:solid 5px #000;

margin:auto;

}



/* tables */

table {

display: block;

overflow-x: auto;

}

th, td {

border: solid 2px #fff;

padding: 1em;

}

.winners_table {

border:none;

display:flex;

flex-direction: column;

justify-content: center;

margin:auto;

}

.winners_table {

width : 55%;

}

.squares_table {

border:none;

border-right: dotted 1px #fff;

}

caption {

font-family: 'Play', sans-serif;

font-size: 1.3em;

text-align: left;}



/* fieldsets */

fieldset {

border: none;

margin-top : 2em;

}

legend {

font-family: 'Play', sans-serif;

font-size: 1.4em;

line-height: 1.67em;

}



/* forms */

input[type="submit" i] {

font-size: 1em;

margin-top:30px;

padding : 10px;

}

/* PayPal form */

.pp_form td, .pp_form th {

border:none;

padding: 0;

}

.pp_form table, .paypalform {

margin-bottom:30px;

}





@media (max-width: 1000px) { 

/* {

font-size : 1.5em;

}*/

.winners_table {

width : 100%;

}

h1 {

font-size: 3em;

}

}


.current {
    background-color: #ff6c3a;
    border: solid 4px #262626;
    color: #262626;
    }
    main a:link, main a:visited {
        color: #F6C657
        }
        main a:hover, main a:focus {
        background-color: #F6C657;
        color: #000;
        text-decoration: none;
        }