/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.temba-header h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 40px; color: #035084;margin: 0;font-weight: normal;}
.temba-header h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; color: #9f9c8f;margin: 0;font-weight: normal;}
.temba-header-text {margin: 3px 0;padding: 0; color: #9f9c8f; }
.temba-header-text a, .temba-header-text a:link, .temba-header-text a:active, .temba-header-texta:visited {color:#9f9c8f;padding: 0 8px; font-weight: normal}
.temba-header-img {margin-top: 30px;}

.navbar-inverse .navbar-inner {
  font-family: Georgia, "Times New Roman", Times, serif;
  background-color: #9f9c8f;
  background-image: none;
  border-color: #9f9c8f;
  filter: none;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #6a675e;
}
.navbar-inverse .divider-vertical {
  border-right-color: #222222;
  border-left-color: #6a675e;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #6a675e;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #6a675e;
}

.navbar .brand {
  display: block;
  float: left;
  padding: 10px 20px 10px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #ffffff;
  text-shadow: none;
}

.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}

.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #ffffff;
}

.navbar-link {
  color: #ffffff;
}

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
}

.navbar-inner {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-right: -15px;
  margin-left: -15px;
  text-shadow: none;
}

.nav-list a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 15px;
  color: #ffffff;
  text-decoration: none;
}
.nav-list > li > a {
  padding: 10px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: none;
  background-color: #6a675e;
}

.nav-list > li > a:hover,
.nav-list > li > a:focus {
  text-decoration: none;
  background-color: #6a675e;
}

h1,h2,h3,h4,h5,h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#035084;
	font-size: 24px;
}

footer h1,footer h2,footer h3,footer h4,footer h5,footer h6 { color:#ffffff;}

footer a {color: #fff;text-decoration:underline}
footer a:hover {
	text-decoration:none;
	color: #FFF;
}
.quicklinks a {color: #0088cc;text-decoration:none}
.quicklinks a:hover {text-decoration:underline}

.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a { color: #ffffff;}
  
@media (min-width: 980px) and (max-width: 1199px) {
.navbar .nav > li > a { padding: 10px 10px 10px;font-size: 12px;}
.nav-list a {font-size: 13px;}

}
 
@media (min-width: 768px) and (max-width: 979px) {
.nav-list a {font-size: 12px;}
.temba-header h1 {font-size: 30px;}
.temba-header h2 {font-size: 14px;}
.temba-header-img {margin-top: 20px;}
}
@media (max-width: 767px) {
.nav-list a {font-size: 12px;}
.center-for-mobile {text-align: center; padding: 0px; margin: 5px 0;}
.temba-header-img {margin-top: 5px;}
.temba-header h1 {font-size: 20px; line-height: 22px;}
.temba-header h2 {font-size: 11px; line-height: 14px;}
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}
