body {
  background: #e2edf5 url(../../graphics/monster/background-page-outer.png) repeat-x top left;
  text-align: center; }

#outerContainer {
  width: 940px;
  margin: 0 auto;
  padding: 0 16px;
  text-align: left;
  background: #fff; }

#mainPage {
  margin-top: 16px;
  z-index: 1; }

#pageContainer {
  float: left;
  width: 800px; }

#sidebar {
  float: left;
  width: 120px;
  margin-left: 20px; }
  #sidebar .themeAd {
    margin-bottom: 16px; }

.divider {
  height: 24px;
  margin: 16px 0;
  background: url(../../graphics/monster/background-divider.png) repeat-x top left;
  border-bottom: 2px solid #000;
  overflow: hidden; }

#header {
  z-index: 2;
  background-color: #000;
  background-position: top left;
  background-repeat: no-repeat;
  position: relative;
  padding: 287px 0 2px 0;
  height: 103px; }
  #header .mainLogo {
    position: absolute;
    top: 50px;
    left: 30px;
    width: 260px;
    height: 200px; }
    #header .mainLogo span {
      display: none; }
  #header #aboutMenu {
    position: absolute;
    top: 263px;
    left: 285px; }
    #header #aboutMenu li {
      text-transform: uppercase;
      font-family: 'Ropa Sans',sans-serif;
      font-size: 14px;
      display: inline-block;
      padding-right: 10px;
      margin-right: 10px;
      border-right: 1px solid #ccc;
      line-height: 1; }
      #header #aboutMenu li a {
        color: #ddd; }
    #header #aboutMenu li:last-child {
      border-right: none; }
    #header #aboutMenu #aboutMenuEdit img {
      height: 14px; }
  #header #newsletterLink {
    text-transform: uppercase;
    font-family: 'Ropa Sans',sans-serif;
    font-size: 18px;
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    padding: 8px 10px 10px 50px;
    color: #eee;
    background: #000 url(../../graphics/monster/icon-envelope.png) no-repeat 13px 8px;
    line-height: 1.1; }
  #header #orgSocialLinks {
    position: absolute;
    top: 255px;
    right: 4px; }
  #header #menus .textLogo, #header #menus .loginInfo, #header #menus .tagline, #header #menus #mainMenu {
    display: block;
    float: left; }
  #header #menus .textLogo {
    width: 490px;
    padding-left: 14px; }
  #header #menus .loginInfo {
    width: 427px; }
  #header #menus .tagline {
    width: 330px;
    text-align: center; }
  #header #menus .cityChooser {
    text-align: right;
    margin: 16px 20px; }
    #header #menus .cityChooser label {
      text-transform: uppercase;
      font-family: 'Ropa Sans',sans-serif;
      font-size: 20px;
      color: #f7f77e;
      line-height: 1.3;
      vertical-align: bottom;
      padding-right: 10px; }
    #header #menus .cityChooser select {
      font-size: 16px; }
  #header #menus .loginContainer {
    text-align: right;
    margin-top: 24px; }
    #header #menus .loginContainer .loginLink:hover {
      opacity: 0.95; }
  #header #menus .userInfo {
    text-transform: uppercase;
    font-family: 'Ropa Sans',sans-serif;
    font-size: 16px;
    margin-top: 8px;
    text-align: right;
    color: #fff; }
    #header #menus .userInfo a {
      color: #f7f77e; }
    #header #menus .userInfo a.username {
      padding-left: 10px;
      color: #14ff39; }
    #header #menus .userInfo .userLinks {
      margin-top: 6px; }
      #header #menus .userInfo .userLinks a {
        margin-right: 20px; }
      #header #menus .userInfo .userLinks a:last-child {
        margin-right: 0; }
    #header #menus .userInfo .logoutLink {
      display: inline-block;
      margin-left: 20px;
      padding: 4px 8px;
      border: 1px solid #ac1208;
      color: #eee; }
  #header #mainMenu {
    width: 610px;
    max-height: 30px;
    text-align: left;
    position: relative;
    padding-top: 3px; }
    #header #mainMenu li {
      box-shadow: inset 0 -3px 3px -3px #555, inset 0 2px 2px -2px #aaa;
      text-transform: uppercase;
      font-family: 'Ropa Sans',sans-serif;
      font-size: 20px;
      display: inline-block;
      background: #007e33;
      border-right: 1px solid #000; }
      #header #mainMenu li:hover {
        box-shadow: inset 0 -3px 3px -3px #555, inset 0 2px 2px -2px #555; }
      #header #mainMenu li a {
        display: inline-block;
        color: #fff;
        padding: 7px 35px 5px 35px; }
      #header #mainMenu li a:hover, #header #mainMenu li.active a {
        color: #f7f77e;
        text-decoration: none; }
      #header #mainMenu li.sports {
        background: #ac1208 url(../../graphics/monster/sprite-down-arrow.png) no-repeat 17px 0;
        padding-left: 20px; }
      #header #mainMenu li.sports.active {
        background-position: 17px -29px; }
    #header #mainMenu .allSportsMenu {
      box-shadow: 1px 1px 2px 1px #555;
      z-index: 999;
      width: 200px; }
      #header #mainMenu .allSportsMenu li {
        display: block;
        background: #ac1208;
        border-top: 1px solid #000;
        border-right: 0;
        box-shadow: 0 0 0 0 #000;
        font-size: 16px; }
        #header #mainMenu .allSportsMenu li a {
          display: inline-block;
          padding: 8px 16px; }

.feeder #header {
  background-image: url(../../graphics/monster/background-header-sportsmonster.png); }
.feeder #header #mainMenu a {
  padding: 7px 21px 5px 21px; }

.stlouis #header {
  background-image: url(../../graphics/monster/background-header-stlouis.png); }

.columbus #header {
  background-image: url(../../graphics/monster/background-header-columbus.png); }

.denver #header {
  background-image: url(../../graphics/monster/background-header-denver.png); }

.pittsburgh #header {
  background-image: url(../../graphics/monster/background-header-pittsburgh.png); }

.louisville #header {
  background-image: url(../../graphics/monster/background-header-louisville.png); }

.dayton #header {
  background-image: url(../../graphics/monster/background-header-dayton.png); }

.socialLinkList li {
  display: inline-block;
  padding-right: 8px; }
  .socialLinkList li a {
    display: inline-block;
    width: 26px;
    height: 26px; }
    .socialLinkList li a span {
      display: none; }
  .socialLinkList li.socialLink_Facebook a {
    background: url(../../graphics/monster/icon-facebook.png) no-repeat 0 0; }
  .socialLinkList li.socialLink_Instagram a {
    background: url(../../graphics/monster/icon-instagram.png) no-repeat 0 0; }
  .socialLinkList li.socialLink_Twitter a {
    background: url(../../graphics/monster/icon-twitter.png) no-repeat 0 0; }

#sportMenu {
  background: gainsboro; }
  #sportMenu h2, #sportMenu a {
    display: inline-block;
    margin-right: 20px;
    padding: 6px 12px; }
  #sportMenu h2 {
    text-transform: uppercase;
    font-family: 'Ropa Sans',sans-serif;
    font-size: 20px;
    color: #fff;
    background: #ac1208;
    font-weight: normal;
    min-height: 18px; }
  #sportMenu a {
    font-size: 1.1em;
    color: #555; }
  #sportMenu a:hover {
    color: #007e33; }

#sliderContainer {
  position: relative;
  width: 626px;
  float: left;
  border: 1px solid #777; }

#slider {
  max-height: 339px; }

.flex-control-paging {
  display: none; }

#linkPanes, #sliderContentArea {
  float: left;
  width: 292px; }

.homePage .componentRow {
  border: 0;
  background: none;
  width: auto; }
  .homePage .componentRow .size_1 {
    width: 236px;
    padding-top: 0; }
  .homePage .componentRow #component_1_1 {
    padding-left: 0; }
.homePage #pageContainer {
  min-height: 0; }

body.feeder #sliderContentArea {
  margin-right: 20px; }

body.city #linkPanes {
  margin-left: 20px; }
  body.city #linkPanes li {
    margin-bottom: 16px;
    height: 103px;
    overflow: none; }
  body.city #linkPanes li:last-child {
    margin-bottom: 0; }
body.city #marquee {
  text-transform: uppercase;
  font-family: 'Ropa Sans',sans-serif;
  font-size: 16px;
  margin-top: 16px;
  height: 1.1em;
  padding: 7px 0 3px 0;
  line-height: 1;
  background: #000;
  box-shadow: inset  0  3px 3px -3px #ccc,  inset  0 -3px 3px -3px #ccc; }
  body.city #marquee, body.city #marquee a {
    color: #14ff39; }
  body.city #marquee li {
    text-align: center;
    width: 100%;
    display: none;
    height: 1em;
    overflow: hidden; }
body.city #cityHomeContent {
  margin-top: 16px; }
  body.city #cityHomeContent .componentRow .size_1 {
    width: 290px; }
body.city #cityHomeBottom {
  float: left;
  width: 800px; }
body.city .socialRow {
  margin-top: 16px; }
  body.city .socialRow #facebookFeedOuter {
    float: left;
    width: 290px;
    margin-right: 20px; }
  body.city .socialRow #instagramFeedOuter {
    float: left;
    width: 490px; }
    body.city .socialRow #instagramFeedOuter #instagramFeed {
      position: relative;
      background: #eee;
      text-align: center;
      border: 1px solid #ccc;
      border-top: 0; }
      body.city .socialRow #instagramFeedOuter #instagramFeed iframe {
        margin: 16px 20px 0 20px;
        height: 200px; }
      body.city .socialRow #instagramFeedOuter #instagramFeed p {
        position: absolute;
        top: 220px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        width: 100%; }
  body.city .socialRow h3 {
    box-shadow: inset 0 -3px 3px -3px #555, inset 0 2px 2px -2px #aaa;
    background: #01259d;
    color: #fff;
    border-bottom: 2px solid #000;
    padding: 8px 6px 4px 6px; }
    body.city .socialRow h3:hover {
      box-shadow: inset 0 -3px 3px -3px #555, inset 0 2px 2px -2px #555; }
    body.city .socialRow h3 img {
      margin: -4px 6px -5px 0;
      width: 20px; }
body.city .homePromoRow {
  margin-top: 16px; }
  body.city .homePromoRow .homePromo {
    float: left;
    width: 253px;
    margin-left: 20px; }
    body.city .homePromoRow .homePromo:first-child {
      margin-left: 0; }

#footerOuter {
  margin-top: 40px; }
  #footerOuter .themeAd {
    margin-bottom: 16px; }

#footer {
  position: relative;
  min-height: 120px;
  background: #000;
  padding: 16px 0 80px 0; }
  #footer .footerColumn {
    float: left;
    width: 168px;
    margin-left: 20px; }
    #footer .footerColumn p, #footer .footerColumn a {
      color: #ddd; }
    #footer .footerColumn.menu {
      text-transform: uppercase;
      font-family: 'Ropa Sans',sans-serif;
      font-size: 15px; }
      #footer .footerColumn.menu li {
        margin-top: 8px; }
      #footer .footerColumn.menu h4 {
        color: #f7f77e;
        font-weight: normal;
        font-size: 1.2em; }
    #footer .footerColumn #footerSocialLinks {
      margin-top: 16px; }
    #footer .footerColumn #footerBBB {
      margin-bottom: 16px; }
  #footer #copyright, #footer #llInfo a {
    color: #777;
    font-size: 10px; }
  #footer #copyright, #footer #llInfo {
    position: absolute;
    bottom: 32px; }
  #footer #copyright {
    left: 20px; }
  #footer #llInfo {
    right: 20px; }

.sportTitle {
  display: none; }
