/*--------------------------- Standard HTML Elements ---------------------------*/

body 	{font-family: Tahoma; font-size: 8pt; color: #000000; background-color:#919197}
a          { font-family: Tahoma; font-size: 8pt; text-decoration: none; color: #000000 }
a:link    { font-family: Tahoma; font-size: 8pt; color: #000000; text-decoration: none }
a:hover { font-family: Tahoma; font-size: 8pt; color: blue; text-decoration: none }

p { line-height: 140%; margin: 0; padding: 10px 0 15px 0; color:#000; font-size: 11pt; font-family: Verdana; font-weight: light;  }
h1, h2, h3 { font-family: Liberation Sans, Helvetica, Arial, sans-serif; font-weight: normal; }
h1 { font-size: 1.9em; padding: 4px 5px 4px 5px; margin-top: 3px; background: #ECF2FD; border-bottom: 1px solid #CBDEFA; border-top: 1px solid #CBDEFA; color: #036; }
h2 { font-size: 1.5em; color: #036; margin: 0 0 10px 0; border-bottom: 1px solid #CCC; }
h2 a { text-decoration: none; color: #008; }
h3 { font-size: 0.8em; color: #F6F304; margin: 10px 0 5px 0; font-weight: bold; }


/*--------------------------- Content (informational body) Layout ---------------------------*/

#content { width: 100%; padding: 0 0 160px 0; clear: both; display: block; font-size: 1em; background:#FFF; }
#main { width: 100%; margin: 15px 0 0 0; }
#bodycol { margin: 0; padding: 0 13px 0 0; height: auto; }
#bodycol li { margin: 10px 0 10px 30px; }
#bodycol dd { line-height: 150%; margin: 20px 0 20px 30px; }
#bodycol a { font-family: Tahoma; font-size: 0.9em; text-decoration: underline; color: #000000 }
#bodycol a:hover { font-family: Tahoma; font-size: 0.9em; color: blue; text-decoration: underline }


#awards {}
#awards table { background:#FFFFFF; }
#awards td { color:#000; font-size: 0.8em; font-weight: bold; }
#awards p { color:#000; font-size: 0.8em; font-weight: normal; }

#achievements {}
#achievements table {}
#achievements td { align:right;}

#games {}
#games table { color:#000000; font-size: 0.9em; font-weight: normal; font-family: Verdana, Arial, sans-serif;  }
#games h3 { font-size: 1.2em; color: #29549A; margin: 10px 0 5px 0; font-weight: normal; text-decoration: underline }

#past {}
#past table { color:#000000; font-size: 0.9em; font-weight: bold; font-family: Verdana, Arial, sans-serif;  }
#past a { font-family: Tahoma; font-size: 0.9em; text-decoration: none; color: #000000 }
#past a:hover { font-family: Tahoma; font-size: 0.9em; color: blue; text-decoration: underline }

#score {}
#score table { }
#score th { text-align:left; color: white; font-weight: bold; padding-left: 2px; padding-right: 2px;}
#score td { text-align:left; color: black; font-weight: normal; padding-left: 2px; padding-right: 2px;}

#stats {}
#stats table { }
#stats th { text-align:left; color: white; font-weight: bold; padding-left: 2px; padding-right: 2px;}
#stats td { text-align:left; color: black; font-weight: normal; padding-left: 2px; padding-right: 2px;}
#stats a { font-family: Tahoma; font-size: 11pt; text-decoration: none; color: #000000 }
#stats a:link { font-family: Tahoma; font-size: 11t; color: #000000; text-decoration: none }
#stats a:hover { font-family: Tahoma; font-size: 11pt; color: blue; text-decoration: none }


#leader {}
#leader a { font-family: Tahoma; font-size: 0.9em; text-decoration: none; color: #FFFFFF; }
#leader a:hover { font-family: Tahoma; font-size: 0.9em; color: blue; text-decoration: underline; }

#follower {}
#follower a { font-family: Tahoma; font-size: 0.9em; text-decoration: none; color: #000000; }
#follower a:hover { font-family: Tahoma; font-size: 0.9em; color: blue; text-decoration: underline; }

.more_info {
  position: relative;
}

.more_info .title {
    border: 1px solid;
    position: absolute;
    top: 10px;
    background: silver;
    padding: 4px;
    left: 0;
    white-space: nowrap;
    z-index:1;
}

/*--------------------------- Mobile Device Layout ---------------------------*/

@media screen and (max-width: 767px) {

body table {width:100% !important;}
body {margin:0 !important;}

#interface {display:none;}
body table tbody tr:nth-of-type(3) div {
  width:auto !important;
  float:inherit !important;
}
body table tbody tr:nth-of-type(2) td {
  padding-top: 153 !important;
}
img   /* Footer image */
{
width: 100%;
max-width:1000px !important;
margin-bottom:1% !important;
}
img[src*="mission_logo"] {
max-width:166px !important;
}
img[src*="Facebook"] {
max-width:50px !important;
}
img[src*="Instagram"] {
max-width:50px !important;
}
img[src*="ebgl_footer"] {
display:none;
}
img[src*="ebgl_header"] {
width:100%;
margin:0% !important;
float: left;
    position: absolute;
    width: 900px;
}
a[href*="newsarchive"] {
max-width:50px !important;
}
td 
{
    overflow: hidden;
}
body {
    overflow-x: hidden;
}
td > .dropdown {
    width:50%;
    padding-right:0 !important;
}

td > .dropdown dt {width:100% !important;
font-size:1em !important;
}

.dropdown a {font-size:100% !important;}

.dropdown dd, .dropdown ul {width:auto !important;}

iframe {width:100% !important;}
#IframeScroller {margin-left:1% !important;margin-right:1% !important;}

div {padding-left:0px !important; padding-right: 0px !important;}

p, h2, h3 {margin-left:1% !important; margin-right:1% !important;
}
 
p {font-size:1em !important;}

}