.content {
	font-family: Georgia, Times, "Times New Roman", serif;
}

.my-header > div > h2 {
  color: #99aa66;
}

.navbar-nav > li > a {
  line-height: 48px;
}

.navbar-brand {
  padding: 5px 15px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #8f9e03;
  font-weight:bold;
  background-color: #dddddd;
  background-image: none;
  filter: none;
}

.navbar-default {
  background: #c4c4c4; /* Old browsers */
  background: -moz-linear-gradient(top,  #c4c4c4 0%, #dddddd 50%, #c4c4c4 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(50%,#dddddd), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #c4c4c4 0%,#dddddd 50%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #c4c4c4 0%,#dddddd 50%,#c4c4c4 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #c4c4c4 0%,#dddddd 50%,#c4c4c4 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #c4c4c4 0%,#dddddd 50%,#c4c4c4 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
  border-bottom: 3px solid #99aa66;
  border-top: 3px solid #99aa66;
  border-left: 0px; border-right: 0px;
  border-radius: 0px;
}

.navbar {
  margin-bottom: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #aaaaaa;
}

.navbar-default .navbar-toggle {
  border-color: #bbbbbb;
}

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.navbar-default .navbar-nav > li:hover,
.navbar-default .navbar-nav > li:focus {
  color: #333333;
  background-color: #e7e7e7;
}

a.socialIcons {
    float:right;
    margin: 0;
    margin-top: 16px;
	  margin-right: 5px; /* Increase the number to increase the space between the icons */
}

a.socialIcons:hover {
	opacity: .7;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

@media (max-width: 767px) {
  .my-header > div > h2 {
    font-size: smaller;
  }
  
  .socialIcons > img {
     width: auto;
     height: 16px;
  }
}