/*LAST AMENDED SEP 2018*/

#body {font-family: 'Open Sans', sans-serif; color :#000000; background-color:#ffffff; font-size:12pt; text-align:left;}


b {color:#333333; font-weight:800; font-style:normal;}
strong  {font-weight:600; font-style:normal;}
em {font-weight:400; font-style:normal;}

ul {padding-left:20px;}

a {text-decoration: none; color:#333333; font-weight:600;}
a:link, a:visited, a:hover, a:active {color:#333333; text-decoration:none; font-weight:600;}


/*Now not needed on standard page*/
.basictext {font-family: 'Open Sans', sans-serif; font-size:12pt; color:#333333; text-align:left; vertical-align:top; padding-top:0px; background-color:#ffffff; }


h1 {font-family:'Russo One', 'Open Sans', sans-serif; color:#333333; font-size:30pt; margin-top:20px; margin-bottom:20px; line-height:1.0; font-weight:100;}
h2 {font-family:'Russo One', 'Open Sans', sans-serif; color:#333333; font-size:20pt; margin-top:0px; margin-bottom:20px; line-height:1.0; font-weight:200;}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {color:#333333; font-weight:200}
h3 {font-family:'Russo One', 'Open Sans', sans-serif; color:#333333; font-size:20pt; margin-top:0px; margin-bottom:6px; line-height:1.1; font-weight:200;}
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {color:#333333; font-weight:200}
h4 {font-family:'Russo One', 'Open Sans', sans-serif; color:#333333; font-size:16pt; margin-top:0px; margin-bottom:0px; line-height:1.1; font-weight:200;}
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {color:#333333; font-weight:200}
h5 {font-family:'Russo One', 'Open Sans', sans-serif; color:#444444; font-size:13pt; margin-top:0px; margin-bottom:0px; line-height:1.1; font-weight:200;}        
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {color:#444444; font-weight:200}
h6 {font-family:'Russo One', 'Open Sans', sans-serif; color:#444444; font-size:13pt; margin-top:0px; margin-bottom:0px; line-height:1.1; font-weight:100;}        
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active {color:#444444; font-weight:200}
/**/


#main-content {border:none; padding:0px; margin:0px; background-color:#ffffff }
#main-content-div {border:none; margin-left: auto; margin-right: auto; text-align:center; background-color:#ffffff;}
#main-content-table {display:inline-block; font-size:11pt; max-width:970px ; vertical-align:top ; background-color:#ffffff; text-align:left}

#menuDiv {top:0; position:absolute; width:100%; opacity:0.9}
#menu1 {text-align:left; font-weight:normal; line-height:25px; padding-top:15px}
.fillwidth {width:100%; padding:0px; margin:0px; border:none; }

/*#biglogo {background : transparent url('../basics/newlogo.png') no-repeat; height:85%; background-size:45%; background-position:10px center;}*/
#biglogo {height:0px; }
#bigmenupad {height:306px;}
#smalllogo {height:75%; background-size:60%; background-position:10px center;}

#searchbutton {margin-top:7px; margin-left:5px; height:24px; }
#searchbutton1 {margin-top:7px; margin-left:5px; height:24px; }
.searchbuttonwrapper {text-align:right; width:15px;  vertical-align:top;  }
#searchbox {display:none; overflow:hidden; padding-top:5px; padding-left:5px; width:70% }
#searchbox1 {display:none; overflow:hidden; padding-top:7px; padding-left:5px; width:70% }

#tabdivcontent {width:100%; padding-right:0px; padding-left:0px; padding-top:0px; padding-bottom:2px; margin-right:0px;}

.breadcrumbs {color:#333333; font-size:8pt; font-weight: bold; line-height:10pt; margin-bottom:0px; margin-top:20px; margin-left:3px;}
.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active {color:#333333; font-weight:bold; text-decoration:none;} 

.outside {height:43px; font-family:'Open Sans', sans-serif; font-size:12pt; font-weight:bold; 
         text-align:right; text-decoration:none; background:transparent; color: #ffffff; width:100%; padding:0px; margin:0px; border:none;}
.outside a:link, .outside a:visited, .outside a:hover, .outside a:active {color:#ffffff; text-decoration:none; font-weight:normal;}

.statstable {border-collapse:separate; border-spacing:0px; vertical-align:top; padding-right:0px; padding-top:10px; min-height:280px; margin-bottom:20px; }
.statstableline {padding-right:10px; padding-bottom:10px; vertical-align:top; }

#menu-wrap {font-family:'Open Sans', sans-serif; color:#ffffff; background-image:none; text-align:left; position:relative; bottom:0px; text-align:center;  width: auto; background:transparent;}

/*.content {font-size:11pt; font-family: 'Open Sans', sans-serif; width:99%; vertical-align:top;}
.content a:link, .content a:visited, .content a:hover, .content a:active {color:#000000; cursor:pointer;}*/

.contentsmall {color:#000000; font-size:9pt; font-family: 'Open Sans', sans-serif;}
.barleft {font-size:9pt; width:30px; text-align:right }
.barright {font-size:9pt; width:30px; text-align:right }

#bottomwrapper {width:100%; background-color:#222222; text-align:center; }
#bottomblock {color:#ffffff; text-align:left; display:inline-block; padding-top:20px; margin-top:0px}
#bottomblock a:link, #bottomblock a:visited, #bottomblock a:link, #bottomblock a:hover {/*color:#ffffff;*/ text-decoration:none; font-weight:200}
#bottomblock h4 {color:#ffffff; padding-bottom:15px;}

#bottombox {display:inline-block; padding:15px; padding-bottom: 45px; vertical-align:top; min-width:150px}

#right-hand-bar-hide {vertical-align:top; padding-top:8px; background-color:#ffffff;}

#side-frame {vertical-align:top; font-size:10pt; padding-left:0px; margin-left:0px; padding-top:0px; margin-top:0px; background-color:transparent;}
#side-frame a:link, #side-frame a:visited, #side-frame a:link, #side-frame a:hover {color:#000000; text-decoration:none; font-weight:600}
#side-frame h4 {margin-bottom:15px; color:#333333}

#side-frame-spare {vertical-align:top; font-size:10pt; padding-left:0px; margin-left:0px; padding-top:0px; margin-top:0px; background-color:transparent;}
#side-frame-spare a:link, #side-frame-spare a:visited, #side-frame-spare a:link, #side-frame-spare a:hover {color:#000000; text-decoration:none; font-weight:600}
#side-frame-spare h4 {margin-bottom:15px; color:#333333}

.side-frame-pic {border:none;  height: 36px;  width: 42px;  object-fit: cover; margin-right:4px}
.side-frame-line {border-bottom:solid 1px #cccccc; padding-bottom:2px; padding-left:0px; width:100%}

.mainback1 {left: 0px; width: 100%; padding-top: 10px; position: absolute; top: 0px;text-align: center;border:none;}
#mainback2 {background:none; border:none; margin-left: auto; margin-right: auto; background:rgba(0,0,0,0.0); }

.basictextphotos {font-size:small;}

.photowrapper {display:inline-block; vertical-align:top; padding:5px;}
.photosmall {width:109px; height:92px;}
.phototextwrapper {width:109px;}
.photocontainer {height:1px;}

.photovsmall {width:109px; height:92px }

.routetd {vertical-align:top; padding-top:6px; }
.accomtd {vertical-align:top; width:20%;}

.clear {clear: both;} 

.back-to-top {background: none; margin: 0; position: fixed; bottom: 0; right: 0; width: 50px; height: 50px; z-index: 100;
             display: none; text-decoration: none; margin-bottom:10px; margin-right:10px;}

.imgopacity {opacity:1; filter:alpha(opacity=100); border:none; padding-bottom:2px;}

.smallmappic {height:50px; /*width:23px;*/}

.eventpic {border:none; display:block; width:100%; padding-top:6px}
#eventdateleft {padding-top:10px}

.meanings {padding-left: 20px; text-indent: -20px ;}

.greyicon {padding-right:5px; padding-bottom:5px; border:none;} 

/*For route summary on hill pages*/
.routesummarytable { margin-bottom:20px; background-color:#eeeeee }
.routesummaryheading { font-family:'Russo One', 'Open Sans', sans-serif; font-size:13pt; margin-top:5px; margin-bottom:5px; font-weight:normal;}
.routesummarymapcontainer { width:25%; min-width:171px; padding-right:20px; }
.routesummarytextcontainer { width:65%;  vertical-align:middle; }

/*For text on the nearby hills list */
.nearbyhilltext { color:#ffffff; text-shadow: 2px 2px 4px #444444; font-family:'Russo One', 'Open Sans', sans-serif; font-size:13pt; margin-top:0px; margin-bottom:0px; line-height:1.1; font-weight:200;}
.nearbyhilltextcontainer { position:absolute; bottom:5px; left:7px;  }

/*For pics on right side frame in route pages*/
#route-pic-wrapper {display:inline-block; width:100%; vertical-align:top; padding-bottom:15px; font-size:small;}
#route-pic {width:100%; padding-bottom:5px; }

/*For pics and peaks in the route description*/
#desc-pic {width:230px; float:right; padding-left:40px }
.desc-peak {width:16px; height:16px; vertical-align:bottom;}

/*For big arrow to go to top*/
.arrow-top {width:40px; height:40px; }


/*For map on route pages*/
#GuideMap {height:100%; width:100%; }
.gm-style-iw * { display: block; width: 100%; }
.gm-style-iw h4, .gm-style-iw p { margin: 0; padding: 0; }
.gm-style-iw a { color: #4272db; }
#map1 {margin-top:10px}
#map2 {margin-top:10px}
#map3 {margin-top:10px}
#map4 {margin-top:10px}
#map5 {margin-top:10px}

 
/*THIS IS NEEDED FOR INDEX PAGE ONLY*/
.findoutmore {color:#ffffff; padding:10px; border:solid 2px #ffffff; text-decoration:none; background: rgba(0,0,0,0.3);}
.findoutmore a:link, .findoutmore a:visited, .findoutmore a:hover, .findoutmore a:active {color:#ffffff;}
 
/*THIS IS NEEDED FOR MAINMAP ONLY*/
 .standardButton {width:75%; min-width:120px; height:30px; font-size:10pt; font-family: 'Open Sans', sans-serif;
                 background-color:#444444; color:#ffffff; cursor:pointer; margin-bottom:3px;}

/*THIS IS NEEDED FOR OLD STYLE ROUTE PAGES*/
.contenth1 {color:#000000; font-size:11pt; line-height:11pt; font-weight: bold;}
/*.tabdivcontent {vertical-align:top; font-family: 'Open Sans', sans-serif; font-size:11pt; color:#000000; padding:10px; width:97%; background-color:#ffffff;}*/

hr {border: none; border-top: 2px solid #666666;}