body {
 /* overflow-y: hidden;  */
 overflow-x: hidden;
} 
* { padding:0; margin:0; outline:0; }

#wrapper { overflow-x:hidden; overflow-y:hidden; width: 100vw; height: 50px;background: #ffffff; padding: 0px 0px 0px 0px;}
#mobileTopNav { display:block; opacity:1; float:left; width: 100vw; height: 50px;  padding: 0px 0px 0px 0px;top: 0; background: #ffffff; position: fixed;border-color: #d0d0d0; border-style: solid; border-width: 0px 0px 1px 0px;}
#mobileTopNav  img{float:left;}
#mobileTopNavEmpty { display:block; float:left;width: 100vw; height: 50px;  padding: 0px 0px 0px 0px;top: 0; background: #ffffff; }


#mobileHomePageTopNavLogo{ width: 270px; height: 50px;opacity:1;}
#mobileMenuW {display:block;left:-60vw; width: 50vw; height: 350px;position: fixed;margin-top:50px;margin-left:0px;background: rgba(255,255,255,0.75);font: 18px "Sanchez", serif; color: #3c7a21;}
#mobileMenuW .selected {  color: #ffffff;background-color: #a5c0a0;}

#mobileMenu_1 {padding: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; width: 50vw; height: 35px;background: rgba(255,255,255,0.75);border-radius: 0px; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 1px;}
#mobileMenu_1 a {padding: 15px;}
#mobileMenu_2 {padding: 15px 0px 0px 0px; width: 50vw; height: 35px;background: rgba(255,255,255,0.75);border-radius: 0px; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 1px;}
#mobileMenu_2 a {padding: 15px;}
#mobileMenu_3 {padding: 15px 0px 0px 0px; width: 50vw; height: 35px;background: rgba(255,255,255,0.75);border-radius: 0px; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 1px;}
#mobileMenu_3 a {padding: 15px;}
#mobileMenu_4 {padding: 15px 0px 0px 0px; width: 50vw; height: 35px;background: rgba(255,255,255,0.75);border-radius: 0px; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 1px;}
#mobileMenu_4 a {padding: 15px;}
#mobileMenu_5 {padding: 15px 0px 0px 0px; width: 50vw; height: 35px;background: rgba(255,255,255,0.75);border-radius: 0px; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 1px;}
#mobileMenu_5 a {padding: 15px;}
#mobileMenu_6 {padding: 15px 0px 0px 0px; width: 50vw; height: 35px;background: rgba(255,255,255,0.75);border-radius: 0px; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 1px;}
#mobileMenu_6 a {padding: 15px;}
#mobileMenu_7 {padding: 15px 0px 0px 0px; width: 50vw; height: 35px;background: rgba(255,255,255,0.75);border-radius: 0px; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 1px;}
#mobileMenu_7 a {padding: 15px;}
#topNav { display:none;width: 100vw; height: 150px;  padding: 0px 0px 0px 0px;top: 0; background: #ffffff; position: fixed;}
/* background: #ffffff; */
#topNavEmpty{ display:none; width: 100vw; height: 150px;  padding: 0px 0px 0px 0px;background: #ffffff;border-radius: 0px; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 1px;}
#homePageIntro {  background: #ffffff; width: 100vw;  padding: 0px 0px 0px 0px; }
/* background: #ffffff; */
#homePageIntro h1 { padding: 15px 0px 10px 15px; font: 22px/24px "Sanchez", serif; color: #3c7a21;  }
/* float:left; */
#homePageIntroLeft { display:inline; width: 100vw; height: auto; background: #ffffff; font: 18px "Sanchez", serif; color: #3c7a21;}
#homePageIntroLeft p {padding: 15px 10px 10px 15px; font: 16px "Sanchez", serif; color: #3c7a21;}
#homePageIntroLeft a { font-size: 16px; font-family: "Sanchez", serif;color: #3c7a21;}
#homePageIntroLeft a:hover { font-size: 16px; font-family: "Sanchez", serif;color: #1d370a;}

#homePageIntroRight { display:block;  float:left; width: 100vw; height: auto; background: #f8faf8; }
#homePageImage { width: 100vw;  height: auto;  padding: 0px 0px 0px 0px;}
#homePageImageView { width: 100vw;  height: auto;  padding: 0px 0px 0px 0px;}
/* position: fixed; bottom: 0; */
#homePageFooter {float:left; margin-bottom: 20px; margin-top: 100px; margin-left: auto; margin-right: auto; width: 100vw; height: auto; background: #edf5e9; padding: 10px 10px 10px 10px; border-color: #d0d0d0; border-style: solid; border-width: 1px 0px 1px 0px;}
#homePageFooter p{ padding: 0px 0px 0px 0px; font: 10px "Sanchez", serif; color: #3c7a21; text-align: center;}
#homePageFooter a{ padding: 0px 0px 0px 0px; font: 10px "Sanchez", serif; color: #3c7a21; text-align: center;}
#homePageFooter h1 { padding: 0px 0px 0px 0px; font: 16px "Sanchez", serif; color: #3c7a21; text-align: center; }
#homePageTopNavLogo{ width: 340px; height: 50px;}


/* #homePageTopNavLogo{ width: 100vw; height: auto;} */
/* topNav */
/* font-family: "Crete Round", serif;
font-family: "Sanchez", serif;
font-family: "Arvo", serif; 
"Courgette", cursive;
*/

.topNavMenu {float:right; height: 50px; padding-top: 1px; padding-right: 25px; }
.topNavMenu  ul { background-color: #ffffff; list-style-type: disc; margin: 0; padding: 0; overflow: hidden; }
.topNavMenu li { background-color: #ffffff; float:left; padding-left: 0px; color: #000000; display: inline;border-radius: 0px; border-color: #efefef; border-style: solid; border-width: 1px 1px 1px 1px; }
.topNavMenu li a { display: block; color: #000000; text-align: center; padding: 15px; text-decoration: none; font-style:none;font-size: 14px; font-family: "Sanchez", serif; }
.topNavMenu li a:hover { background-color: #a5c0a0; color: #ffffff; }
.topNavMenu .selected { background-color: #a5c0a0; color: #ffffff;}

.topNavMenuEmpty {float:right; height: 50px; padding-top: 1px; padding-right: 25px; }
.topNavMenuEmpty  ul { background-color: #ffffff; list-style-type: disc; margin: 0; padding: 0; overflow: hidden; }
.topNavMenuEmpty li { background-color: #ffffff; float:left; padding-left: 0px; color: #ffffff; display: inline;border-radius: 0px; border-color: #ffffff; border-style: solid; border-width: 1px 1px 1px 1px; }
.topNavMenuEmpty li a { display: block; color: #ffffff; text-align: center; padding: 15px; text-decoration: none; font-style:none;font-size: 14px; font-family: "Sanchez", serif; }
.topNavMenuEmpty li a:hover { background-color: #a5c0a0; color: #ffffff; }
.topNavMenuEmpty .selected { background-color: #a5c0a0; color: #ffffff;}




.homePageIntroRight_stats { }
.homePageIntroRight_stats p { padding-bottom: 15px; }
.homePageIntroRight_stats strong { display:block; padding-bottom: 15px; }
.homePageIntroRight_stats a { font-size: 16px; font-family: "Sanchez", serif;color: #3c7a21;}
.homePageIntroRight_stats a:hover { font-size: 16px; font-family: "Sanchez", serif;color: #1d370a;}

.homePageIntroRight_stats li { list-style-type: none; padding-bottom: 12px; padding-left: 21px; background: url(../images/bullet.png) no-repeat 0 4px;font-size: 16px; font-family: "Sanchez", serif;color: #3c7a21;}

.homePageIntroMap {}


#homePageMap {padding-top: 20px; margin-left: auto; margin-right: auto; display: block;width: 100vw; height: auto;}

.horziontalList { height: 38px; padding: 0px 0px 20px 0px }
.horziontalList  ul { background-color: #d3e5cf; }
/* background-color: #ffffff; list-style-type: disc; margin: 0; padding: 0; overflow: hidden; */
.horziontalList li { background-color: #d3e5cf; float:left;   display: inline; border-radius: 0px; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 1px; padding: 0px;}
/* border-radius: 5px; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 1px; padding: 0px;  */

/* font-size: 14px; font-family: "Arial", Verdana, sans-serif; */
.horziontalList a { display: block;  text-align: left; padding: 10px; text-decoration: none; font: 28px "Sanchez", serif; color: #3c7a21;}
.horziontalList li a { display: block;  text-align: left; padding: 10px; text-decoration: none; font: 28px "Sanchez", serif; color: #3c7a21;}
.horziontalList li a:hover { background-color: #a5c0a0;  color: #000000;}
.horziontalList .selected { background-color: #a5c0a0; color: #000000;} 

#previousRideInfo{ float:inherit;padding-left: 15px; padding-right: 40px;padding-bottom: 25px;width: 325px; height: auto; background: #ffffff;font-size: 16px; font-family: "Sanchez", serif; }
/* background: url(../images/previous_rides/2017_4-sdw.png) no-repeat 0 4px; */
#previousRideInfo ul {  padding-left: 15px; }
#previousRideInfo li {  padding-left: 0px; }
#previousRideInfo img { }

/* border-color: #d0d0d0; border-style: solid; */
#contenPageNoSideBar { padding: 0px 0px 35px 0px; display:block; float:left; width: 100vw; height: auto; background: #ffffff; font: 18px "Sanchez", serif; color: #3c7a21;}
#contenPageNoSideBar p {padding: 15px 45px 10px 15px; font: 16px "Sanchez", serif; color: #3c7a21;}
#contenPageNoSideBar a { font-size: 16px; font-family: "Sanchez", serif;color: #3c7a21;}
#contenPageNoSideBar a:hover { font-size: 16px; font-family: "Sanchez", serif;color: #1d370a;}

#waterMap{ display: none;  }

#waterMapList{  padding-left: 15px; }
#waterMapList ul{list-style-type: none;}

#sectionList{  padding-left: 0px; }
#sectionList ul{padding-left: 15px; list-style-type: none;}

#sectionMap{ display: none;  }

#photoAlbumGallery{padding-left: 15px; width: 85vw; float:center;}
#photoAlbumGallery h1{padding-left: 0px; float:center;}
.photoGalleryImage {
    margin: 0px 10px 0px 0px;
	padding: 0px;	
    border: 1px solid #ccc;
    float: left;
    width: 120px;
}

.photoGalleryImage img:hover {
    border: 1px solid #000000;
}

.photoGalleryImage img {
    width: 100%;
	border: 1px solid #fff;
    height: auto;
	margin: 0px 0px 0px 0px;
}

.photoGalleryDesc {
    padding: 0px;
    text-align: center;
}

#waterPageLeft { padding: 15px 10px 10px 15px; float:left; width: 45vw; text-shadow: 0px 0 #5f93ba; padding-top: 0px; padding-right: 20px; background: rgba(255,255,255,0); border-radius: 0px; border-color: #000000; border-style: solid; border-width: 0px 0px 0px 0px; }
#waterPageLeft h1 {font: 22px/24px "Sanchez", serif; color: #3c7a21;}
#waterPageLeft h2 {font: 18px "Sanchez", serif; color: #3c7a21;}
#waterPageLeft p {padding: 15px 10px 10px 15px; font: 16px "Sanchez", serif; color: #3c7a21;}
#waterPageLeft a { font-size: 16px; font-family: "Sanchez", serif;color: #3c7a21;}
#waterPageLeft li a { font-size: 16px; font-family: "Sanchez", serif;color: #3c7a21;}

#waterPageRight { padding: 15px 10px 10px 15px; float:left; width: 45vw; text-shadow: 0px 0 #5f93ba; padding-top: 0px; padding-right: 20px; background: rgba(255,255,255,0); border-radius: 0px; border-color: #000000; border-style: solid; border-width: 0px 0px 0px 0px; }
#waterPageRight  h1 {font: 18px "Sanchez", serif; color: #3c7a21;padding: 15px 10px 0px 0px;}
#waterPageRight  h2 {font: 18px "Sanchez", serif; color: #3c7a21;}
#waterPageRight p {padding: 15px 10px 0px 0px; font: 16px "Sanchez", serif; color: #3c7a21;}


#waterPageBullets { }


#sectionPageLeft { background-color: rgba(255,255,255,1); padding: 15px 10px 15px 15px; float:left; width: 100vw; text-shadow: 0px 0 #5f93ba; padding-top: 0px;  border-radius: 0px; border-color: #000000; border-style: solid; border-width: 0px 0px 0px 0px; }
#sectionPageLeft h1 {font: 22px/24px "Sanchez", serif; color: #3c7a21;}
#sectionPageLeft h2 {font: 18px "Sanchez", serif; color: #3c7a21;}
#sectionPageLeft p {padding: 15px 10px 10px 15px; font: 16px "Sanchez", serif; color: #3c7a21;}
#sectionPageLeft a { font-size: 16px; font-family: "Sanchez", serif;color: #3c7a21;}
#sectionPageLeft li a { font-size: 16px; font-family: "Sanchez", serif;color: #3c7a21;}

#sectionPageRight { padding: 0px 0px 0px 25px;  width: 85vw; text-shadow: 0px 0 #5f93ba;  background: rgba(255,255,255,0); border-radius: 0px; border-color: #000000; border-style: solid; border-width: 0px 0px 0px 0px; }
#sectionPageRight  h1 {font: 18px "Sanchez", serif; color: #3c7a21;padding: 15px 10px 0px 0px;}
#sectionPageRight  h2 {font: 18px "Sanchez", serif; color: #3c7a21;}
#sectionPageRight p {padding: 15px 10px 0px 0px; font: 16px "Sanchez", serif; color: #3c7a21;}
#sdwSectionMap {
    padding: 0px;
    overflow: hidden;
    width:97.5vw; 
    height:99vw;
    background-repeat:no-repeat;
    background-size:98% 98%;
    border-radius: 15px;
    background-color: #ffffff;
}

#sectionPageBottom { padding: 15px 10px 10px 15px; float:left; width: 100vw; text-shadow: 0px 0 #5f93ba; padding-top: 0px; padding-right: 20px; background: rgba(255,255,255,0); border-radius: 0px; border-color: #000000; border-style: solid; border-width: 0px 0px 0px 0px; }

#youTubeVideo {
    width:94vw; 
    height:53.4vw;
     border-radius: 5px; vertical-align: top; margin: 10px 0px 10px 10px; }
#sectionPageFullWidth { margin: 0px 0px 0px 0px; display:block; background: rgb(255, 255, 255); width:100vw}
/* } END OF MEDIA QUERY*/
 /*  and (orientation:landscape) (min-width: 670px) */
@media (min-width: 670px)  { 

    #sdwSectionMap {width:465px; height:498px}
    #youTubeVideo { width: 500px; height: 280px;}
#mobileTopNav { display:none;width: 100vw; height: 50px;  padding: 0px 0px 0px 0px;top: 0; background: #ffffff; position: fixed;}
#mobileTopNavEmpty { display:none; float:left;width: 100vw; height: 50px;  padding: 0px 0px 0px 0px;top: 0; background: #ffffff; }
/**/
#mobileMenuW {display:none; width: 100vw; height: 0px;position: fixed;margin-top:50px;background: #72256f;}
#mobileMenu_1 {display:none;}
#mobileMenu_2 {display:none;}
#mobileMenu_3 {display:none;}
#mobileMenu_4 {display:none;}
#mobileMenu_5 {display:none;}
#mobileMenu_6 {display:none;}
#mobileMenu_7 {display:none;} 

#homePageTopNavLogo{ width: 340px; height: 50px;}

#topNav {display:block;  width: 100vw; height: auto;  padding: 0px 0px 0px 0px;background: #ffffff;border-radius: 0px; border-color: #d0d0d0; border-style: solid; border-width: 0px 0px 1px 0px;position: fixed;}
#topNavEmpty{ width: 100vw; height: auto;  padding: 0px 0px 0px 0px;background: #ffffff;border-radius: 0px; border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 1px 1px;}
#homePageIntroRight { display:block;  float:right; width: 20vw; height: auto; background: #f8faf8; padding-right: 5vw;}
#homePageIntroLeft { display:block; float:left; width: 75vw; height: auto; background: #ffffff; font: 18px "Sanchez", serif; color: #3c7a21;}
/* #homePageMap {overflow-x:hidden; padding-top: 20px;  width: 85vw; height: auto} */

#homePageMap {padding-top: 20px; margin-left: auto; margin-right: auto; display: block;width: 705px; height: auto }
#previousRideInfo{ float:inherit;padding-left: 15px; padding-right: 40px;width: 325px; height: 960px; background: #ffffff;font-size: 16px; font-family: "Sanchez", serif; }

#waterMapList{ display: none;  }
.sdwWaterGoogleMap{ width:455px; height: 500px; }
/* display: block; width: 920px; height: 317px;background: url(../images/sdw_water.svg); */
#waterMap{padding-left: 15px;position: relative;display: block; width: 920px; height: 317px; }
#waterMapLocation1{position: absolute; top: 16px; left: 100px;opacity: 0.5;}
#waterMapLocation2{position: absolute; top: 36px; left: 120px;opacity: 0.5;}
#waterMapLocation3{position: absolute; top: 70px; left: 154px;opacity: 0.5;}
#waterMapLocation4{position: absolute; top: 87px; left: 215px;opacity: 0.5;}
#waterMapLocation5{position: absolute; top: 102px; left: 300px; opacity: 0.5;}
#waterMapLocation6{position: absolute; top: 135px; left: 398px;opacity: 0.5; }
#waterMapLocation7{position: absolute; top: 145px; left: 501px;opacity: 0.5; }
#waterMapLocation8{position: absolute; top: 154px; left: 530px; opacity: 0.5;}
#waterMapLocation9{position: absolute; top: 142px; left: 570px; opacity: 0.5;}
#waterMapLocation10{ position: absolute; top: 135px; left: 606px;opacity: 0.5;}
#waterMapLocation11{position: absolute; top: 171px; left: 648px; opacity: 0.5;}
#waterMapLocation12{ position: absolute; top: 188px; left: 698px;opacity: 0.5;}
#waterMapLocation13{position: absolute; top: 188px; left: 732px;opacity: 0.5; }
#waterMapLocation14{position: absolute; top: 199px; left: 762px; opacity: 0.5;}


#tootlTipText{  padding-right: 10px;  padding-left: 10px; line-height: 100%; }
/* font: 16px/18px "Arial", sans-serif; color: #ffffff;  */
/* padding-top: 50px;    padding-right: 10px;    padding-bottom: 50px; */
#waterMapLocation_tooltip{display: none; height: 20px;  padding-top: 4px; position: absolute; top: 66px; left: 140px;opacity: 1;background: #f8faf8; }
/* width: 20px; height: 20px; */
#waterMapLocation1:hover {opacity: 1.0;}
#waterMapLocation2:hover {opacity: 1.0;}
#waterMapLocation3:hover {opacity: 1.0;}
#waterMapLocation4:hover {opacity: 1.0;}
#waterMapLocation5:hover {opacity: 1.0;}
#waterMapLocation6:hover {opacity: 1.0;}
#waterMapLocation7:hover {opacity: 1.0;}
#waterMapLocation8:hover {opacity: 1.0;}
#waterMapLocation9:hover {opacity: 1.0;}
#waterMapLocation10:hover {opacity: 1.0;}
#waterMapLocation11:hover {opacity: 1.0;}
#waterMapLocation12:hover {opacity: 1.0;}
#waterMapLocation13:hover {opacity: 1.0;}
#waterMapLocation14:hover {opacity: 1.0;}

#waterMapImg{ display: block;}


#sectionMap{padding-left: 0px;display: block; }
#sectionMap img{padding-left: 15px; }
#sectionList{  display: none; }


#waterPageRight { padding: 15px 10px 10px 15px; float:right; width: 45vw; text-shadow: 0px 0 #5f93ba; padding-top: 0px; padding-right: 20px; background: rgba(255,255,255,0); border-radius: 0px; border-color: #000000; border-style: solid; border-width: 0px 0px 0px 0px; }
#topNavEmpty.topNavMenu li a { display: block; color: #ffffff; text-align: center; padding: 15px; text-decoration: none; font-style:none;font-size: 14px; font-family: "Sanchez", serif; }

#sectionPageRight { padding: 80px 0px 10px 25px; float:left; width: 45vw; text-shadow: 0px 0 #5f93ba;  background: rgba(255,255,255,0); border-radius: 0px; border-color: #000000; border-style: solid; border-width: 0px 0px 0px 0px; }


 }