html
{
}

*
{
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.0em;
}


body
{
  height: 100%;
  width: 97%;
  margin: 10px auto;
  background: #fff;
  font-family: Candara,Calibri,Segoe, "Segoe UI" ,Optima,Arial,sans-serif; /*font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;*/
}

h1
{
  font-size: 1em;
}

p
{
  font-size: 100%;
}

a
{
  cursor: pointer;
}

a.button
{
  background-color:#f8f8f8;
  background-image: url(../images/button-gradient.png);
  background-repeat:repeat-x;
  display: inline-block;
  text-decoration: none;
  color: #506987;
  /*transition: 0.4s ease background;*/
  border-radius: 5px;
  padding: 5px 10px;
  border: solid 1px #b7c3d0;
  width: auto;
  font-weight: bold;
}

a.button:hover
{
  background-image: url(../images/cell-gradient.png);
  border: solid 1px #efefef;
}

img.icon
{
  border: none;
}

.show-hide
{
  display: none;
}

.float-right
{
  float: right;
}

.center
{
  text-align: center;
}

.bg-white
{
  background: #fff !important;
}

.border-light
{
  border: solid 1px #aaa !important;
}

.tiny-instructions
{
  font-size: 10px;
  color: #666666;
}

form input, form select
{
  font-size: 12px;
}

.touch .hide-for-phone
{
  display: none !important;
}

.off-screen
{
  position: absolute;
  top: -10000px;
  left: -10000px;
}

[data-viewport-orientation='landscape'] .landscape
{
  display: block;
}

[data-viewport-orientation='landscape'] .portrait
{
  display: none;
}

[data-viewport-orientation='portrait'] .portrait
{
  display: block;
}

[data-viewport-orientation='portrait'] .landscape
{
  display: none;
}

.landscape-only .landscape
{
  display: block;
}

.landscape-only .portrait
{
  display: none;
}


/*********************************************************************************************/

/*
.insert
{
  visibility: hidden;
}

#tempImg
{
  width: 100px;
  height: 100px;
}

#feedback
{
  width: 100%;
  height: 100px;
  border-bottom: solid 1px;
  display: none;
}
*/


/*********************************************************************************************/

.banner
{
  background-color: #fff;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px; /*position: relative;*/
  display: none !important;
}

.banner img
{
  display: block;
  width: 100%;
  margin: 0px auto;
}

/*********************************************************************************************/

.header
{
  background-color: #506987;
  color: #fff;
  text-align: center;
  padding: 2px 5px 2px 5px;
  border-radius: 2px;
  margin: 3px 0px 0px 0px;
  min-height: 40px;
  position: relative;
  display: none;
}

.site-nav-link
{
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  border: solid 0px #fff;
  border-radius: 2px;
}

.site-nav-link img
{
  display: block;
  width: 100%;
  border: none;
}

.header .logo
{
  position: absolute;
  top: 2px;
  right: 2px;
  display: block;
  border-radius: 2px;
}

/*********************************************************************************************/
.site-nav
{
  float: left;
  width: 24.7%;
  padding: 0.5%;
  padding-left: 0%;
  display: block;
}

.site-nav .logo
{
  width: 100%;
  border: solid 1px #ccc;
  border-radius:5px;
}

.content
{
  float: left;
  width: 50.3%;
  padding: 0.5% 0.5% 0.5% 1.5%;
}

.no-sidebar .content
{
  float: right;
  width: 75%;
  padding-right: 0%;
}

.sidebar
{
  float: right;
  width: 25%;
  padding: 0.5%;
  padding-right: 0%;
  display: block;
}

/*********************************************************************************************/

@media screen and (min-width:600px)
{
  /*tablet*/
}

@media screen and (min-width:1024px)
{
  /*desktop*/
  body
  {
    width: 90%;
  }

  .board-members table
  {
    min-width: 400px;
    display: inline-block;
  }
  .board-members a
  {
    font-size: 90% !important;
  }
}

@media screen and (min-width:1600px)
{
  /*desktop*/
  body
  {
    width: 80%;
  }
}

/*********************************************************************************************/

.site-nav ul
{
  list-style: none;
  padding: 0px;
  margin: 0px;
  font-weight: bold;
}

.site-nav ul li
{
  display: block;
  margin-bottom: 3px;
  text-align: left;
}

.site-nav ul li a
{
  display: block;
  text-decoration: none;
  color: #444;
  transition: 0.4s ease background;
  border-radius: 2px;
  padding: 5px 10px;
  background-color: #ddd;
  border: solid 1px #ddd;
}

.site-nav ul li a:hover
{
  background-color: #ccc;
}

.site-nav ul li a.active
{
  background-color: #d72d20;
  color: #fff;
  border: solid 1px #d72d20;
}

/*********************************************************************************************/

.page-nav
{
  margin-bottom: 10px;
}

.page-nav ul, .page-sub-nav ul
{
  list-style: none;
  padding: 0px;
  margin: 0px;
  font-weight: bold;
}

.page-nav ul li, .page-sub-nav ul li
{
  display: inline-block;
  margin: 0px 5px 5px 0px;
  text-align: center;
}

.page-nav ul li a, .page-sub-nav ul li a
{
  display: block;
  text-decoration: none;
  color: #444;
  transition: 0.4s ease background;
  border-radius: 2px;
  padding: 5px 15px;
  background-color: #eee;
  font-size: 100%;
  border: solid 1px #ddd;
  box-shadow: 2px 2px #ccc;
}

.page-nav ul li a:hover, .page-sub-nav ul li a:hover
{
  background-color: #bbb;
}

.page-nav ul li a.active, .page-sub-nav ul li a.active
{
  background-color: #d72d20;
  color: #fff;
  border: solid 1px #d72d20;
  box-shadow: 2px 2px #666;
}

/*********************************************************************************************/

.intro-slides
{
  position: relative;
}

.intro-slide
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.intro-slide img
{
  width: 100%;
  display: block;
  margin: 0px auto;
}

.welcome
{
  color: crimson;
  text-align: center;
  background-color: #ddd;
  padding: 5px;
  font-size: 110%;
}


/*********************************************************************************************/

.p-box
{
  background-color:#f3f3f3;
  padding: 0px 10px 0px 10px;
  border: solid 1px #b7c3d0;
  margin-bottom: 10px;
  border-radius: 5px;
}

.p-box-gradient
{
  background-color:#f8f8f8;
  background-image: url(../images/box-gradient.png);
  background-repeat:repeat-x;
}

.c-content .p-box:first-child
{
  /*border-top: solid 1px #fff;*/
}

.c-content .event-box:first-child
{
  /*border-top: solid 1px #eee;*/
}

/*********************************************************************************************/

.c-wrapper
{
  margin-bottom: 10px;
}

.c-wrapper h1
{
  margin: 0;
}

.c-content
{
  padding:5px 20px;background-color:#f3f3f3;border-radius:0 0 5px 5px;
}

div[data-header='Upcoming Events'] .c-content
{
  padding:5px 10px;
}


.c-content .p-box
{
  border:none;padding:0;background-color:#f3f3f3 !important;
}


.content-expander
{
  display: block;
  text-decoration: none;
  font-size: 80%;
  text-align: right;
  margin-bottom: 5px;
}

.short-content, .additional-content
{
  padding: 0;
  margin: 0;
}

.additional-content
{
  display: none;
}

/*********************************************************************************************/

.subheader
{
  background-image: url(../images/header-expanded.png);
  background-repeat: no-repeat;
  background-color:#f3f3f3;
  color:#506987;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 110%;
  padding:8px 6px 10px 25px;
  border-radius:5px 5px 0 0;
  display: block;
  width: 100%;
  text-decoration: none;
}

.subheader.expanded
{
  background-image: url(../images/header-expanded.png);
}
.subheader.expanded:hover
{
  background-image: url(../images/header-expanded-hover.png);
  background-color:#eee;
}
.subheader.collapsed
{
  background-image: url(../images/header-collapsed.png);
  background-color:#eee;
  border:solid 1px #b7c3d0;
}


/*********************************************************************************************/

.events
{
}

.event-title
{
  font-weight: bold;
  font-size:110%;
  color:#b7c3d0;
  padding-bottom: 10px;
}

.event-date
{
  font-style: italic;
}

.event-location
{
}

.events a
{
}

.event-box
{
  width: 100%;
  padding: 10px;
  display: inline-block;
  margin: 0 5px 5px 0;
  font-size: 100%;
}

.sidebar .event-box
{
  background-color:#506987;
  padding:10px 10px 10px 10px;border-radius:5px;color:#f3f3f3;
}

.sidebar .events .link-to-activities
{
  text-align:right;padding:5px 0 5px 0;
}

.sidebar .events .link-to-activities a
{
  color:#506987;
  font-size:90%;
}

/*.sidebar .event-box a {color:#506987;}*/
.sidebar .events .event-box a {color:#fff !important;}

.event-box.bg-white.border-light {background:#f3f3f3 !important;border:none !important;color:#000 !important}

.content .event-box
{
  border-bottom: solid 0px #ccc;
}

.content .event-box .event-date, .content .event-box .event-location, .content .event-box .event-comment, .content .event-box a
{
  padding-left: 0px;
}

.content .event-box .event-title
{
  font-size: 110%;
}

.event-box *
{
  line-height: 1.0;
}


/*********************************************************************************************/

.galleryLink
{
  display: inline-block;
  margin: 0px 10px 0px 0px;
  width: 23%;
}

.galleryLink .title
{
  border: solid 0px #aaa;
  font-size: 100%;
}

.galleryLink .title a
{
  padding: 4px 4px 2px 0px; /*width: 140px;*/
}

.galleryLink .date
{
  font-size: 100%;
  font-weight: bold;
  color: #555;
  padding-left: 0px;
  padding-bottom: 3px; /*width: 140px;*/
}

.galleryLink .details
{
  font-size: 90%;
  font-style: italic;
  color: #555;
  padding-left: 0px;
  padding-bottom: 20px; /*width: 140px;*/
}

.galleryLink a
{
  text-decoration: none;
  display: block;
}

.galleryLink img
{
  /*width: 140px;*/ /*height: 105px;*/
  width: 100%;
  border: solid 0px #aaa;
  display: block;
  margin: 0px;
}


/*********************************************************************************************/

.full-screen-layer
{
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #000;
  overflow: hidden;
  display: none;
}

.no-touch .full-screen-layer
{
  position: fixed;
}

.touch .full-screen-layer
{
  position: absolute;
}

/*********************************************************************************************/

#thumbsLayer
{
  display:none;
}

#thumbsHeader
{
  margin-top: 0px;
  padding: 5px 60px 5px 20px;
  position:relative;
  min-height:50px;
  background-image: url(../images/button-gradient.png);
  background-repeat:repeat-x;
  background-color:#f8f8f8;
  border:solid 1px #b7c3d0;
  border-radius: 5px;
}

#thumbsContainer
{
  padding: 20px 10px 10px 10px;
}

#thumbsTitle
{
  margin-top:10px; 
  color: #506987;
  font-size:120%;
  line-height:1.0;
}

.thumb-anchor
{
  display: inline-block;
  margin: 0px 10px 10px 0px;
  width: 100px;
  height: auto;
  cursor: pointer;
}

.thumb-img
{
  display: block;
  margin: 0px auto;
}

#closeThumbs
{
  right: 10px;
  top: 10px;
  cursor: pointer;
  position: absolute;
  width:30px;
  height:30px;
  background:#000;
  background-image: url(../images/thumbs_close_default.jpg);
  background-repeat:no-repeat;
  background-position:top right;
}

#closeThumbs:hover,
#closeThumbs.hover
{
  background-image: url(../images/thumbs_close_hover.jpg) !important;
}

/*********************************************************************************************/

.slideContainer
{
  display: none;
  position: absolute;
  width: auto;
  height: auto; /*z-index:1;*/
}

.slideContainer .imgCurrent
{
  margin: 0px;
  display: block;
}

.slideContainer .caption
{
  padding: 5px;
  text-align: center;
  font-size: 0.9em;
  color: #000;
  height: auto;
  line-height:1.0;
  background-color: #aaa;
  opacity: 0.7;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.slideContainer .footer
{
  height: 24px;
  background-color: #444;
  position: absolute;
  bottom: -24px;
  left: 0px;
  right: 0px;
  text-align: center;
}

.slideContainer .page-counter
{
  margin:0 auto;
  color: #fff;
  font-size: 0.9em;
}

.slideContainer .caption-link
{
  margin:0 auto;
  color: #fff;
  font-size: 0.9em;
  cursor: pointer;
}


.slideContainer .icon
{
  display: block;
  cursor: pointer;
  position: absolute;
  border: none;
}

.slideContainer #back
{
  bottom: 0px;
  left: 0px;
  margin: 0px;
  opacity: 0.7;
}

.slideContainer #next
{
  bottom: 0px;
  right: 0px;
  margin: 0px;
  opacity: 0.7;
}

#close img
{
  display: block;
  margin: 4px;
}

#top
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 1px;
  border: none;
}


#previous
{
  left: 0px;
  width:30px;
  height:50px;
  display: none;
  cursor: pointer;
  position: absolute;
  background:#000;
  background-image: url(../images/previous_default.jpg);
  background-repeat:no-repeat;
  background-position:center left;
}

#previous.hover
{
  background-image: url(../images/previous_hover.jpg) !important;
}

.touch #previous
{
  background-image: url(../images/previous_mobile.jpg) !important;
}

#next
{
  right: 0px;
  width:30px;
  height:50px;
  display: none;
  cursor: pointer;
  position: absolute;
  background:#000;
  background-image: url(../images/next_default.jpg);
  background-repeat:no-repeat;
  background-position:center right;
}

#next.hover
{
  background-image: url(../images/next_hover.jpg) !important;
}

.touch #next
{
  background-image: url(../images/next_mobile.jpg) !important;
}

#close
{
  display: none;
  top:0px;
  right:0px;
  position: absolute;
  width:30px;
  height:30px;
  background:#000;
  background-image: url(../images/close_default.jpg);
  background-repeat:no-repeat;
  background-position:top right;
}

#close.hover
{
  background-image: url(../images/close_hover.jpg) !important;
}


#previous[disabled]
{
  cursor: default;
  opacity: 0;
}

#next[disabled]
{
  cursor: default;
  opacity: 0;
}

.hover-layer
{
  position:absolute;
  background:#fff;
  opacity:0;
  cursor:pointer;
}

#hover-layer-previous
{
  left:0px;
  top:0px;
  bottom:0px;
  width:25%;

}

#hover-layer-next
{
  right:0px;
  top:0px;
  bottom:0px;
  width:25%;
}

#hover-layer-close
{
  right:0px;
  top:0px;
  height:25%;
  width:25%;
}


/*********************************************************************************************/

.bg-size-support #Message .p-box
{
  border: none;
  margin-top: 2%;
  height: auto;
  background: url(../images/bgLetterPortrait2.jpg) no-repeat top center;
  background-size: 100%;
  padding: 20% 10% 10% 10%;
}

#Past_Presidents .p-box
{
  border: none;
  padding-left:0 !important;
}

#Past_Presidents table
{
  margin-top: 10px;
}

#Past_Presidents table td
{
  vertical-align: top;
  padding: 4px 8px 4px 8px;
  background-image: url(../images/cell-gradient.png);
  background-repeat:repeat-x;
  background-color:#f8f8f8;
  border:solid 1px #efefef;
}

/*
[data-viewport-orientation='landscape'] #Message .p-box,
.landscape-only #Message .p-box
{
  background: url(../images/bgLetterLandscape2.jpg) no-repeat top center;
  background-size: 100%;
  padding:10% 20% 10% 20%;
}
[data-viewport-orientation='portrait'] #Message .p-box
{
  background: url(../images/bgLetterPortrait2.jpg) no-repeat;
  background-size: 100%;
  padding:30% 10% 30% 10%;
}
*/
/*********************************************************************************************/

#Links .p-box
{
  padding: 10px 5px 10px 5px;
  border: none;
  background: #fff;
}

/*********************************************************************************************/

#OtherClubs .c-content
{
}

/*********************************************************************************************/

.bg-container-postillion
{
  background: url(../images/bgPostillion.jpg) no-repeat top right;
  min-height: 600px;
}


.bg-container-jass
{
  background: url(../images/bgJass2.jpg) no-repeat top right;
  min-height: 600px;
}

.bg-container-activities
{
  background: url(../images/bgActivities.jpg) no-repeat top right;
  min-height: 600px;
}

.bg-container-activities .event-title {color:#506987;}
.bg-container-activities .event-title {color:#506987;}

#Rules
{
  padding: 0px 20px 10px 10px;
}

#jassEventLinksContainer
{
  padding-top: 10px;
  border-top: solid 2px #ddd;
}

#jassEventLinksContainer a
{
  min-width: 40px;
}

#jassHeader
{
  padding-top: 10px;
   font-style: italic;
  font-family: verdana;
  font-size: 80%;
  font-weight: bold;
  color: #506987;
}

#jassScores
{
  padding-top: 10px;
}

#jassScores table
{
  border-collapse: collapse;
  font-family: verdana;
  font-size: 80%;
}

#jassScores tr.gold td.name
{
}

#jassScores tr.silver td.name
{
}

#jassScores tr.bronze td.name
{
}

#jassScores table td
{
  padding: 2px;
  border-bottom: solid 1px #ddd;
  vertical-align: top;
}

#jassScores table td.rank
{
  text-align: right;
}

#jassScores table td.name
{
  padding: 2px 20px 2px 10px;
}

#jassScores table td.points
{
  text-align: right;
}






/*********************************************************************************************/


.sponsors .c-wrapper a.subheader
{
}

.sponsors .c-wrapper.gold a.subheader
{
}

.sponsors .c-wrapper.silver a.subheader
{
}

.sponsors .c-content a, .sponsors .sponsor-no-link, .sc-sponsors a
{
  display: inline-block;
  border: solid 1px #aaa;
  margin: 0px 7px 7px 0px;
  box-shadow: 2px 2px 2px #ccc;
  border-radius: 0px;
}

.sponsors .gold .c-content a, .sponsors .gold .sponsor-no-link
{
  /*border: solid 1px gold;   box-shadow:2px 2px gold;*/
}

.sponsors .gold a, .sponsors .gold .sponsor-no-link
{
  /*border: solid 1px gold;*/
}

.sponsors .silver a, .sponsors .silver .sponsor-no-link
{
  /*border: solid 1px silver;*/
}

.sponsors img
{
  display: block;
  margin: 0px;
  border: none;
}

.snd-sponsors img
{
  width: 176px;
}

.sc-sponsors img
{
  width: 250px;
}
/*********************************************************************************************/

.board-members
{
  background: #fff;
  border: none;
}
.board-members table
{
  margin: 15px 15px 0px 0px;
}
.board-members .photo
{
  vertical-align: top;
}
.board-members img
{
  display: block;
  margin: 0; /*   border:solid 1px #aaa;   border-radius:2px;   box-shadow:2px 2px 2px #ccc; */
}
.board-members .details
{
  vertical-align: top;
  padding-left: 15px;
}

.board-members .title
{
  font-weight: bold;
}

.board-members a
{
  font-size: 80%;
}

/*********************************************************************************************/

.date-display
{
  background: #506987;
  color: #fff;
  text-align: center;
  font-size: 1.1em;
  padding: 5px;
  font-weight: bold;
  border:solid 1px #506987;
  border-radius:5px 5px 0 0;
}

.no-animation .date-display
{
  margin-bottom: 10px;
  padding: 8px;
}

.no-animation .clock-div
{
  display: none;
}

.clock-div
{
  text-align: center;
  background: #f3f3f3;
  margin-bottom: 10px;
  border:solid 1px #506987;
  padding-top: 10px !important;
  border-radius:0 0 5px 5px;
}

.clock-container
{
  padding: 0%;
  margin: 5px;
  background: #f3f3f3;
  display: inline-block;
  text-align: center;
}

.clock-container .caption
{
  font-size: 0.8em;
  padding: 10px 0px 5px 0px;
}

.clock
{
  height: 8vw;
  width: 8vw;
}

@media screen and (max-width:1200px)
{
  .galleryLink .title
  {
    font-size: 90%;
  }
  .snd-sponsors img
  {
    width: 150px;
  }
  .sc-sponsors img
  {
    width: 200px;
  }

}


@media screen and (max-width:1050px)
{
  .galleryLink
  {
    width: 30%;
  }
  .snd-sponsors img
  {
    width: 140px;
  }
  .sc-sponsors img
  {
    width: 180px;
  }

}


@media screen and (max-width:850px)
{
  .header
  {
    display: block;
    margin-bottom: 1%;
    font-size: 1.3em;
  }

  .site-nav
  {
    width: 100%;
    padding: 0.5% 0% 0.5% 0%;
    border-bottom: solid 5px #666;
    margin-bottom: 20px;
    display: none;
  }

  .site-nav .logo
  {
    display: none;
  }


  .site-nav ul li a
  {
    padding: 5px 10px;
  }

  .content
  {
    width: 67%;
    padding: 0.5% 0.5% 0.5% 0%;
  }

  .sidebar
  {
    width: 33%;
  }

  .clock
  {
    height: 12vw;
    width: 12vw;
  }

  .no-sidebar .content
  {
    width: 100%;
    padding: 0.5% 0% 0.5% 0%;
  }

  .sc-logo
  {
    max-width: 60%;
  }

  .galleryLink
  {
    width: 30%;
  }

  .galleryLink .title
  {
    font-size: 100%;
  }
  .snd-sponsors img
  {
    width: 120px;
  }

  .sc-sponsors img
  {
    width: 190px;
  }

}


@media screen and (max-width:640px)
{
  .page-title
  {
    font-size: 1em;
  }

  .content
  {
    width: 100% !important;
    padding: 0.5% 0% 0.5% 0%;
  }

  .sidebar
  {
    width: 100%;
    padding: 0.5% 0% 0.5% 0%;
  }

  .clock
  {
    height: 35vw;
    width: 35vw;
  }

  .sc-logo
  {
    max-width: 60%;
  }

  .galleryLink .title
  {
    font-size: 90%;
  }

  .sc-sponsors img
  {
    width: 180px;
  }

}

@media screen and (max-width:560px)
{
  .galleryLink
  {
    width: 30%;
  }
  .galleryLink .title
  {
    font-size: 80%;
  }
}

@media screen and (max-width:480px)
{
  .galleryLink
  {
    width: 30%;
  }
  .galleryLink .title
  {
    font-size: 70%;
  }
  .board-members img
  {
    width: 70px;
  }
  .board-members .details
  {
    padding-left: 5px;
  }
}

@media screen and (max-width:400px)
{
  .page-title
  {
    font-size: 0.8em;
  }

  .galleryLink
  {
    width: 45%;
  }
  .galleryLink .title
  {
    font-size: 65%;
  }
  .sc-sponsors img
  {
    width: 140px;
  }
  form input, form select
  {
    font-size: 10px;
  }
}

@media screen and (max-width:320px)
{
  .galleryLink .title
  {
    font-size: 60%;
  }
  .sc-sponsors img
  {
    width: 120px;
  }
  .board-members img
  {
    width: 60px;
  }
}

@media screen and (max-width:300px)
{
  .snd-sponsors img
  {
    width: 110px;
  }
  .sc-sponsors img
  {
    width: 110px;
  }
  form input, form select
  {
    font-size: 9px;
  }

}

@media screen and (max-width:260px)
{
  .snd-sponsors img
  {
    width: 100px;
  }
  .sc-sponsors img
  {
    width: 100px;
  }
}

@media screen and (max-width:240px)
{
  form input, form select
  {
    font-size: 8px;
  }
}

.iphone .site-nav-link img
{
  /*border: solid 1px #fff !important;*/
}
.ipad .site-nav-link img
{
  /*border: solid 1px #000 !important;*/
}
[data-viewport-orientation='landscape'] .header
{
}
[data-viewport-orientation='portrait'] .header
{
}

html, body
{
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/**** Especially targeting IE9, which supports CSS media-queries but doesn't support window.matchMedia ****/
.ignore-media-query .header
{
  display: none !important;
}
.ignore-media-query .site-nav
{
  float: left !important;
  width: 24.7% !important;
  padding: 0.5% !important;
  padding-left: 0% !important;
  display: block !important;
  border-bottom: none !important;
}
.ignore-media-query .site-nav .logo
{
  display: block !important;
}
.ignore-media-query .content
{
  float: left !important;
  width: 50.3% !important;
  padding: 0.5% 0.5% 0.5% 1.5% !important;
}
.ignore-media-query.no-sidebar .content
{
  float: right !important;
  width: 75% !important;
  padding-right: 0% !important;
}
.ignore-media-query .sidebar
{
  float: right !important;
  width: 25% !important;
  padding: 0.5% !important;
  padding-right: 0% !important;
  display: block !important;
}