﻿* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
html, body {height:100%; font-family:Arial, Helvetica, Sans-Serif; margin:0; font-size:16px; line-height:1.4em; background-color:gainsboro; }
h1 {font-size:1.3em; margin:0;}
h2 {font-size:1.2em; font-weight:bold; margin:0;}
a {color: #13294b; font-weight: normal; text-decoration: underline; }

#header {background-color: #13294b; color: white; margin: 0em; padding: 1em; border-bottom: 5px solid silver; }
#header a {text-decoration: none; color:white}
#Footer {width: 100%; padding: .3em; background-color: #13294b; border-bottom: 1px solid #13294b; text-align: center; font-size: 1em; color: white; margin-top:1em; }
#Footer a {color: white; font-weight: normal; }

.columnsContainer {max-width: 1260px; margin: 0 auto; padding: 0; background-color: White; border-right: solid 1px black; border-left: solid 1px black;}
.leftColumn {padding: 0 1em 0 0; min-height:1000px; }
.leftColumnBody {padding: 0 1em 0 0; }
@media screen and (min-width: 62em)
{
    .leftColumn {width: 78%; padding-right: 1em; float: left; }
    .leftColumnBody {width: 50%; padding-right: 1em; float: left; }
    .rightColumn {float: right; width: 22%; }
    .rightColumnBody {float: right; width: 50%; }
}

.SiteTitle {font-size: 36pt; text-decoration: none; font-family: Times New Roman;}
.Tagline {font-style: normal; font-size: 1.1em; font-family: Arial; text-decoration: none; }

.GridView, .GridviewWithSubheader {width: 100%; }
.GridView th {text-align: left; font-weight: normal; padding: .3em; }
.GridviewWithSubheader th { text-align: left; color: black; background-color: Gainsboro; font-weight: normal; padding: .3em; }
.GridView td, .GridviewWithSubheader td { padding: .5em .3em; }

#Atlantic {padding: 0; margin: 0em;}
#Atlantic_list {list-style: none; margin: 0; padding: 0; width: 100%; display: block; }
#Atlantic_list li {display: block; font-weight: bold; text-align: center; background-color:#13294b; color:white; line-height:35px; font-size:1.4em; border-bottom:solid 1px silver;}
#Atlantic li img {height:50px; width:50px; float:left; vertical-align:middle; margin-right:1em;}
#Atlantic li a {display:block; background-color:white; padding: 0.8em; font-size: medium; text-decoration: none; font-weight: normal; text-align: left; border: 0;}
#Atlantic li a:hover {background-color: #eee; }

#Coastal {padding: 0; margin: 0em;}
#Coastal_list {list-style: none; margin: 0; padding: 0; width: 100%; display: block; }
#Coastal_list li {display: block; font-weight: bold; text-align: center; background-color:#13294b; color:white; line-height:35px; font-size:1.4em; border-bottom:solid 1px silver;}
#Coastal li img {height:50px; width:50px; float:left; vertical-align:middle; margin-right:1em;}
#Coastal li a {display:block; background-color:white; padding: 0.8em; font-size: medium; text-decoration: none; font-weight: normal; text-align: left; border: 0;}
#Coastal li a:hover {background-color: #eee; }

#TeamSports {padding: 0; margin: 0em;}
#TeamSports_list {list-style: none; margin: 0; padding: 0; width: 100%; max-width:500px; display: block; }
#TeamSports_list li {display: block; font-weight: bold; text-align: center; background-color:#eeeeee; line-height:35px; font-size:1.4em; border-bottom:solid 1px silver;}
#TeamSports li img {height:50px; width:50px; float:left; vertical-align:middle; margin-right:1em;}
#TeamSports li a {display:block; background-color:white; padding: 0.8em; font-size: medium; text-decoration: none; font-weight: normal; text-align: left; border: 0;}
#TeamSports li a:hover {background-color: #eee; }

#GameNotes{display:block; font-size:.8em; color:#333;}
#BreadCrumb {margin-bottom:1.5em; width:100%; font-size:.9em; }
.TeamLogo {width:50px; height:50px; float:left; margin-right:.5em;}
.H1Div {height:50px; display: table-cell; vertical-align:middle;}
.SmallNote {font-size:.85em; color:#333;}

@media screen and (max-width:940px)
{
    .SiteTitle {font-size: 2em;}
    .Tagline {font-size: .9em;}
    #GameNotes {display: none;}
}

@media all and (min-width:15em) {}
@media all and (min-width:30em) {}
@media all and (min-width:45em) {}