@charset "utf-8";
/* Header : Logotype, Weather, Search, Main Menus */

/* .main-page-margin { margin: -3px 0 0 8px !important; }*/ 

.header { background: #34745c url('images/background-header.png') repeat-x bottom left; }

.searchable { width: 100%; right: auto; }
.searchable form { margin: 0px !important; }
.searchable .searchform { width: 100%;}
.searchable .searchform input { 
	display: block; 
	padding-top: 5px !important;
	height: 30px;
	border: none;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
.search-margin	{ margin: 10px 0 -10px !important; }

.navbar-default {
/*	max-height: 35px !important; */
    background-color: #96b232;
/*	background-image: -moz-linear-gradient(top, #96b232, #89a527);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#96b232), to(#89a527));
	background-image: -webkit-linear-gradient(top, #96b232, #89a527);
	background-image: -o-linear-gradient(top, #96b232, #89a527);
	background-image: linear-gradient(to bottom, #96b232, #89a527);
	background-repeat: repeat-x; */
	background-image: url('images/section-header-gray.png');
	background-position: top right; 
	background-repeat: no-repeat;
    border-color: transparent;
	border: 0px !important;
	filter: none;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-box-shadow: 0px !important;
	-moz-box-shadow: 0px !important;
	box-shadow: 0px !important;
	*zoom: 1;
}

.navbar-default .navbar-brand {
    color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #89a527;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #89a527;
}
.navbar-default .navbar-toggle {
    border-color: #89a527; 
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-collapse { box-shadow: none !important; }
.collapse { box-shadow: none !important; }

.nav-menu  { color: #ffffff !important; }

@media (max-width: 767px) {  

.header { padding: 15px 0px; }
.header .col-md-4 { display: none; } 

/* Search Form */

.searchable { background: #263f36; padding: 5px; }
.searchable .searchform input { 
	width: 85% !important; 
	margin: 0 auto;
	padding-top: 3px !important;
	text-align:center;
	text-transform:uppercase;
	font-size: 90%;
	letter-spacing: 1.5px;
}

/* Dropdown Menu */

.explore { padding: 6px 15px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #ffffff;
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form { border:0px !important; border-color: transparent !important; }
.navbar-brand { color: #ffffff !important; padding: 15px 15px 0 0 !important; line-height:18px; }

.navbar .navbar-toggle {
	float:right;
	color:#ffffff;
	padding-top: 15px;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: transparent !important;
	background-image: none !important;
	border-color: transparent !important; 
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.navbar .navbar-toggle .icon-bar{ 
	display: block;
	height:3px; 
	width: 20px;
	background-color: #f5f5f5;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.navbar-toggle { margin-right: -12px !important; margin-top: -0px !important; margin-bottom: -3px !important; }

.navbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important;}
.navbar { min-height:30px !important; margin-bottom: 0px; }

.nav-menu a, .nav-menu a:hover, .nav-menu a:visited { color: #ffffff !important; }
.navbar-collapse { padding-left: 0px !important; }

.nav>li>a { padding: 8px; padding-left: 3px; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: transparent !important; }

.navbar-form { float: left; box-shadow: none; width: 100%; }

.navbar-form input { 
	margin: 0 auto;
	padding-top: 7px !important;
	text-transform:uppercase;
	font-size: 90%;
	letter-spacing: 1.5px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

#menu-top-menu .nav-menu li a { color: #ffffff !important; }

}

@media (min-width: 768px) {

.header { height: 120px; }
.header-logo	{ margin-top: 20px; } 
.header-weather	{ margin-top: 5px; }

/* Weather Widget */ 

#weather-widget p { color: #ffffff; margin: 5px 0 0 2px; padding: 17px 8px 0 0; text-align: right; font-weight: bold; font-size: 12px; }
#weather-widget span.temp-unit { font-weight: normal; font-size: 80%; }
#weather-widget div.weather-icon { position: relative; /* margin: 10px auto 5px auto */; margin: 10px 0 0 0; background: url('images/icons-weather.png')  }

#weather-widget div.sunny, #weather-widget div.clear  { background-position: 0 0; width: 40px; height: 45px; }
#weather-widget div.partly-cloudy-day 	{ background-position: -40px 0; width: 49px; height: 45px; }
#weather-widget div.mostly-cloudy-day 	{ background-position: -89px 0; width: 65px; height: 45px; }
#weather-widget div.cloudy 				{ background-position: -154px 0; width: 70px; height: 45px; }
#weather-widget div.light-thunderstorms { background-position: -294px 0; width: 38px; height: 45px; }
#weather-widget div.thunderstorms 		{ background-position: -332px 0; width: 44px; height: 45px; }
#weather-widget div.rain 				{ background-position: -376px 0; width: 42px; height: 45px; }
#weather-widget div.mixed-snow 			{ background-position: -418px 0; width: 43px; height: 45px; }
#weather-widget div.snow 				{ background-position: -461px 0; width: 43px; height: 45px; }
#weather-widget div.clear-night 		{ background-position: -504px 0; width: 43px; height: 45px; }
#weather-widget div.partly-cloudy-night { background-position: -547px 0; width: 65px; height: 45px; }
#weather-widget div.mostly-cloudy-night { background-position: -612px 0; width: 53px; height: 45px; }
#weather-widget div.haze 				{ background-position: -665px 0; width: 48px; height: 45px; }

/* Search Form */ 

.searchable .searchform input { 
	width: 65% !important; 
	margin: 7px auto;
	background-image: url('images/search-icon-hi.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	font-size: 100%;
	letter-spacing: -0.5px;
	text-align:right;
	text-indent: 25px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 2s;
	transition: all 0.2s;
}

.searchable .searchform input:focus {
	background-position: -25px center;
	text-indent: 0;
}

/* Main Menu */

.menu { padding-left: 0 !important; margin-bottom: 0 !important; }

.main-menu {
	font-family: inherit;
/*	font-size: 12px; */
	min-height: 35px !important;
	max-height: 35px !important;
	background-color: #96b232;
	background-image: -moz-linear-gradient(top, #96b232, #89a527);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#96b232), to(#89a527));
	background-image: -webkit-linear-gradient(top, #96b232, #89a527);
	background-image: -o-linear-gradient(top, #96b232, #89a527);
	background-image: linear-gradient(to bottom, #96b232, #89a527);
	background-repeat: repeat-x;
	filter: none;
	border: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-box-shadow: 0px !important;
	-moz-box-shadow: 0px !important;
	box-shadow: 0px !important;
	*zoom: 1;
}

.main-menu .nav	{ margin-bottom:-5px !important;}
.main-menu .nav > ul {  }
.main-menu .nav > li { float:left; }
.main-menu .nav > li:first-child  { /* margin-left: 20px !important; */ }
.main-menu .nav > li:last-child   { /* padding-right: 0px !important; */ }
.main-menu .nav > li > a,
.main-menu .nav > li > a:focus,
.main-menu .nav > li > a:hover {
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
}

/* Dropdown Menu DIVs */

.subsection, .nav-close { display: none; }
.open-subnav 	{ display: block; }
.sub-nav {border-bottom: 2px solid rgba(150, 178, 50, 1);}

.dropdowns {
	width: 100%;
    margin-bottom: 0;
    margin: 0 auto;
	padding-top: 0px; 
	background: #89a527;
	background-color: #89a527;
	background-image: -moz-linear-gradient(top, #89a527, #829e20);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#89a527), to(#829e20));
	background-image: -webkit-linear-gradient(top, #89a527, #829e20);
	background-image: -o-linear-gradient(top, #89a527, #829e20);
	background-image: linear-gradient(to bottom, #89a527, #829e20);
	background-repeat: repeat-x;
	color: #ffffff !important;
	font-size: 12px;
	letter-spacing: 0px;
	display: none;
}
}

.main-menu .nav > li {
    color: #ffffff !important;
	font-size: 20px;
    text-shadow: none !important;
	letter-spacing: -1px;
}
.dropdowns {
	color: #ffffff !important;
}
.dropdowns h1 { line-height: 16px; padding: 0px 0px 10px 0px !important; font-size: 36px !important; letter-spacing: -1px; margin-top: 10px !important; color: #ffffff !important; }
.dropdowns h3 { color: #ffffff !important; font-size: 16px; line-height: 18px; margin: 0 0 8px 0 !important;  }

.dropdowns h1 a { color: #ffffff; text-decoration:none; }
.dropdowns h1 a:hover { color: #ffffff; text-decoration: underline;}

.dropdowns a { color: #ffffff; text-decoration:none; }
.dropdowns a:hover { color: #fafeee; text-decoration: underline;}

.dropdowns ul { list-style:none; margin-left: 0px !important; padding-left: 1px; }
.dropdowns ul li {  line-height: 15px; }
