/* Z-INDEX */
.map-top-bar {z-index: 100;}
#map-navigation {z-index: 100;}
#page-title {z-index: 50;}
#page-container {z-index: 50;}
#page-menu {z-index: 25;}
#page-menu .page-menu-container {z-index: 20;}

/* Global Navigation */
.wt-top-bar {padding: 0; background: #535353;}
#wt-navigation a {color: #FFF; font-weight: bold;}
#wt-navigation li.menu-text {color: #fff;}
#wt-navigation ul {background: #535353;}
#wt-navigation li a:hover {background: #333;}
#wt-navigation li a.current {background: #999; color: #FFF;}

/* MAP-BANNER */
#map-banner { /* See more in Medium and up */ }
#map-banner h1 {display: none; visibility: hidden;}

/* MAP-NAVIGATION */
.map-top-bar {padding: 0;}
#map-navigation li a {color: #333;}
#map-navigation li a:hover {background: #CCC;}


/* FOOTER-NAVIGATION */
#footer-navigation {padding: 0; background-color: #535353;}
#footer-navigation a {color: #333;}
#footer-navigation a:hover {background: #CCC;}
#footer-navigation li.mailing-list a {font-weight: bold; color: #fff; }
#footer-navigation li.mailing-list {font-size: 0.875rem; background-color: #ffae00;}
#footer-navigation li.mailing-list:hover {background-color: #FAAA39;}
#footer-navigation li.mailing-list a:hover {background-color: #FAAA39;}


/* PAGE-CONTAINER */	


/* FOOTER SYTLES */
footer {background: #535353; color: #fff; padding-top: 1rem; margin-top: 2rem;}
footer img {width: 10rem; background: #fff; padding: 0.5rem; border-radius: 0.5rem;}
footer p:first-of-type {margin-bottom: 0;}

/* MEDIA SIZE: Medium and up */
@media screen and (min-width: 40em) {
#global-navigation li a.current {background: #fff; color: #535353;}
  
#map-banner {background: url("//cainclusion.org/resources/camap/images/global/camap-banner-column.png") repeat;}

/* TWO COLUMN MENU FOR #MAP-NAVIGATION UL i.e Resources & Links */
#menu-col-two {width:38rem; margin-bottom:20px; overflow:hidden; border-top:1px solid #ccc;}
#menu-col-two li{line-height:1.5em; border-bottom:1px solid #ccc; float:left; display:inline; width:50%;}
#menu-col-two li:nth-child(odd) {border-right: 1px solid #ccc;}

/* SITE SEARCH */
.search {height: 2.35rem;}

/* PAGE MENU STYLES */
#page-menu ul {border-bottom: 0.125rem dotted #CACACA; font-size: 0.90rem;}
#page-menu ul:last-child {border-bottom: none;}
#page-menu .menu > li > a {padding: 0.3rem 1rem; line-height: 1.1rem;}
#page-menu a:hover {background-color: #DDEEF5;}
#page-menu a.current {background-color: #DDEEF5;}
#page-menu .page-menu-container {background-color: #fff;}
#page-menu .page-menu-li-last {border-top: 1px solid #cacaca;}
#page-menu .active {background-color: #cacaca;}

/* PAGE CONTENT */
#page-content {
	border-width: 0.125rem;
	border-style: solid;
	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CACACA), to(rgba(0, 0, 0, 0))) 1 100%;
	-webkit-border-image: -webkit-linear-gradient(#CACACA, rgba(0, 0, 0, 0)) 1 100%;
	-moz-border-image: -moz-linear-gradient(#CACACA, rgba(0, 0, 0, 0)) 1 100%;    
	-o-border-image: -o-linear-gradient(#CACACA, rgba(0, 0, 0, 0)) 1 100%;
	border-image: linear-gradient(to bottom, #CACACA, rgba(0, 0, 0, 0)) 1 100%;
}


 /* PAGE-TITLE */
#page-title div {/*padding: 0.5rem;*/ background: #fff; border-bottom: 1px solid #CACACA;}
width: 100%;}

/* FOOTER */
footer {background: #535353; color: #fff; padding-top: 1rem;}
footer img {height: 3rem; background: #fff; padding: 0.75rem; border-radius: 0.5rem;}

} /* end medium and up */

/* MEDIA SIZE: Small only */
@media screen and (max-width: 39.9375em) {
#map-banner {background: url("//cainclusion.org/resources/camap/images/global/camap-banner-small-column.png") repeat;}
} /* end small only */
