/* CSS Document */



@media (max-width: 1300px) {


#roughGuideBar, #roughGuideHotel
{
	 margin: 0 0 0 -5%;
    position: relative;
    width: 120%;
}


.logosBackFront {
  padding:30px;
  margin-bottom: -100px;
  margin-top:20px;
}

 #mainPageContent{
   padding: 30px;
   padding-top:0px;
  }

  .leftBoxHeader{
    border-left: 30px solid #EBEBEC;
    margin-left: -30px;
  }

   .rightBoxHeader{
    margin-right:none;
  }

}



@media (max-width: 1225px) {


.frontPosition{
   bottom: -380px;
    left: 37px;
}

.infoNav{
  display:none;
}

.showNav{
  display:inline;
}


.sponsorsImageBar  {
    width: 82% !important;
}



#navLinks{
    left: 245px;
}

.carRowBase {
margin-bottom:0;
  }


.welcomeText h1 {
    line-height: 1.2;
      font-size:46px;
      text-align:center;
}
 .welcomeText h4 {
      text-align:center;
 }

.footSpons {
  bottom:10px;
  }

.welcomeArea{
     padding: 0 30px;
}
.mainLogoHome{
   margin-left: 30px;
}

}

@media (max-width: 1100px) {


.datesList {
    margin-left: 0;
    padding-left: 19px;
}

.ipadOnly{
  display:inline;
}

.frontHeader{
  min-height:480px;
}

    h4{
      font-size:14px;
    }


    #navLinks {
    font-size: 14px;
    }



}


    @media (max-width: 1300px) {

    .monthDisp{
  display:none;
}


.col10{
  width:12%;
}

.col30{
  width: 36%;
}

.col40{
  width: 47%;
}

.smallerTab{
  width:35%;
}

}

@media (max-width: 1000px) {

.detailsButton{
white-space: nowrap;
}

.monthDisp{
  display:none;
}



.eventRow {
  height:40px;
  overflow:hidden;
}

.greyBar{
  margin:0;
  margin-top:20px;
}


.split2{
  width:100%;
  float:none;
  border-bottom:1px dotted #cacaca;
}


.midHide{
  display:none !important;
}
.largeHeader{
  margin-bottom: 20px;
}

h2{
  line-height:1;
}

.footLine {
    display: block;
}

.footText {
  border:none !important;
}

.sponsFoot{
  display:none;
}

#roughGuideBar {
	  margin: 0 0 0 -5%;
    padding: 5%;
    width: 120%;
}

#roughGuideHotel{
margin:0;
width:110%;
margin-left:-5%;	
}
.greyBar {
   margin: 6% -10%;
    width: 120%;
    margin-bottom:70px;
}



.champBox {
  width:31.2%;
}

.hideNav1{
     display:none;
}

   .eventLogos{
     display:none;
   }



}


@media (max-width: 700px) {



.eventRow{
  padding-left:0;
}

.largeHeader{
   margin-bottom: 30px;
}

 .monthDisp{
   display:none !important;
 }


.footLine {
    display: inline;
}


.footSpons {
  position:relative;
  clear:both;
  text-align:center;
    bottom: 0px;
    left: 0;
    width: 100%;
    background-color:#00471C;
    padding-bottom:10px;
}


 .footerDiagonal{
   display:none;
 }


.hideEventDiag{
  display:none;
}

.eventLogos{
display:none;
}

 #menuIcon{
  display:inline;
}

.welcomeText{
    width: 92%;
  padding:0 3%;
  text-align:center;
}

h2{
  margin:0 15px !important;
}

.logosBackFront{
  display:none;
}

.welcomeText h1{
font-size:30px;
}
 .welcomeText h4{
font-size:14px;
margin-top:20px;
}

#leftCol {
  width:100%;
  float:none;
}

#mainBack{
  background-size:auto;
  background-position:left top;
}

.strapLine{
  display:none !important;
}

.clonedCopy{
   display:block !important;
}



}
   @media (max-width: 650px) {

.mobileWidth{
width:80%;	
}

.eventRow{
  height:auto;
  line-height:1.5;

 padding: 17px 0;
}
.col40{
  color:#0E5813;
  line-height:1.2;
  font-weight:bold;
  font-size:20px;

}

.col40,.col30,.col20,.col10{
  display:block;
  width:100%;
  text-align:center;
  float:none;

}



   .carRowBase{
        padding-top: 40px;
   }

   .champBox {
  width:48%;
}

.datesList li{
  height:auto;
}

.champTitle{

    margin: 35px 0 !important;
    text-align: center;

        }


   }


@media (max-width: 550px) {


.titleFeat b {
  width:100%;
  display:block;
}


.titleFeat .flRi {
display:none;
}

#mainGalBox{
  height:auto !important;
}

.carRowBase img{
  width:100%;
  height:auto;
}

 .newsMainTitle {
   padding-bottom:20px;
 }

.newsEntry:nth-of-type(3){
  display:none;

}

.champBox{
    margin-bottom: 25px;
}


.champBox {
  width:98%;
}

.thumbsRow{
padding: 2px;
}


.eventBack{
  background-position:top right !important;
}

.watermark{
  display:none;
}

.resultsImg{
  width:190px;
}

#skinnyHead{
  padding-top:10px;
}


.detailsBox{
  height:auto;
}

.aboutRight{
  padding-left:0;
}

.eventThumbs .thumbsRow img {
     width: 45%;
}


.clonedCopy {
        padding-left:0px;
        padding-right:0px;
}

.newsEntry b{
   display: block;
}

.subBar{
  text-align:center
}

.subBar .flRi{
  padding:4px;
  float:none;
  width:100%;
  display:block;
}

.quoteStrap {
    margin: auto auto 30px;
    }

.calEvents{
  text-align:center;
  padding-right:4%;
}

.calEvents li{
  border-bottom:1px dotted #cacaca;
  padding:10px 0;
  list-style:none;
  padding-left:0;
  margin-left:0;
}

.sponsors{
  display:none;
}

.calEvents b {

display:block;
width:100%;
text-align:center;
}

.frontHeader {
    min-height: 320px;
}


.mainLogoHome {
margin-top:8px;
  left:2%;
  height:55px !important;
  width:auto;
}

.quickThumbs{
  display:none;
}


#mainGalBox{
  height:auto;
}

.titleFeat{
  text-align:center;
}

.leftGalCol {
  width:100%;
  float:none;
}

.rightGalCol{
  display:none;
}

.thumbsRow img{
   width: 41%;
}

.champImage{
  margin-left:-5%;
  width: 110%;
}
 .champImage img{
width:100%;
 }
.aboutDesc {
    margin-top: -20px;
}

.datesList{
   text-align: center;
   padding-left:0;
   margin-left:0;
   list-style:none;
}

.datesList b {
  width:100%;
  display:block;
  text-align:center;
  text-transform:uppercase;
}

ul{
   padding-left: 4%;
    margin-top: 0;
}

.address{
font-weight:normal;
}

.strapTitle{
    margin: auto;
    text-transform: uppercase;
    width: 90%;
}

.largeHeader{
  font-size:38px;
}

.champBox {
  width:100%;
  float:none;
}

.footSpons img {
  width:95%;
  margin:auto;
}

#mainPageContent {
    padding: 0 4%;
}


.greyBar{
   margin: auto auto auto -10%;
    width: 118%;

}

.newsMainTitle {
    font-size: 30px;
    line-height: 1;
    letter-spacing:-0.5px;
}

.newsImageTH {
  width:100%;
}
.newsDetail{
  width:100%;
  float:none;
}


.mainNewsImg {
  width:100%;
  margin:auto;
}

.greyBar{
     z-index: 7;
  font-size:27px;
}

.mobileHide{
  display:none;
}


h2{
  line-height:1.2;
  font-size:20px;
  font-weight:500;
  letter-spacing:-0.5px;
}
#roughGuideBar .leftCol {
    width: 82%;
	margin-bottom:20px;
}
#roughGuideBar .rightCol {
    width: 87%;
}
#roughGuideBar .leftBoxHeader{
margin-top:0px;	
}
 .leftCol{
   width:100%;
   float:none;
 }
 .rightCol{
   width:100%;
   float:none;
 }
 .logosBack {
   display:none;
 }
.footLine{
  margin-bottom:10px;
  width:100%;
display:block;
}

 .contactDets{
   text-align:center;
 }

 .leftBoxHeader{
   width:100% !important;
   text-align:center;
   border-radius:0;
 }
 .rightBoxHeader{
   border-radius:0;
    width: 110%;
    margin-left:-10%;
   text-align:center;
 }



 .eventStrap{
   display:relative;
   width:100%;
   text-align:center;
 }


}