/* ==========================================================================
   Layout Styles
 * ========================================================================== */

@media (max-width:768px) {
	.logo {
		text-align:center;
	}

	.featuredNews, .upcomingEvents {
		width:100%;
	}
}
 
@media (min-width:768px) {
	
	.navbar-nav {
		float: right;
	}
		
	.blueback {
		width:260px;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	.topNav>ul>li>a {
		padding-right: 5px;
		padding-left: 7px;
		font-size: 12px;
	}
	
	.nav>li>a {
		padding-left:12px;
		padding-right:12px;
		font-size:13px;
	}
}

@media (max-width:1199px) and (min-width:992px) {
	.topNav>ul>li>a {
		padding-right: 22px;
	}
}

@media (max-width:1199px) {
	.footerLeft {
		text-align:center;
		padding-bottom:7px;
	}
	
	.footerRight {
		text-align:center;
	}
}


@media (min-width:1200px) {
	.topNav>ul>li>a {
		padding-right: 42px;
	}

	.footerRight {
		text-align:right;
	}
}

.mainContainer {
	padding-top:20px;
}
/* ==========================================================================
   columns of same height styles
 * ========================================================================== */

.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}
/* vertical alignment styles */

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}


/* ==========================================================================
   topHead classes
   ========================================================================== */

.logo {
	padding-top:20px;
	padding-bottom:20px;
}

.col-sm-9.topHead-right, .col-sm-8.topNav {
	padding-left:0;
	padding-right:0
}

.topHead-right {
	padding-top:20px;
}

.topNav {
	padding-top:5px;
}

.topNav>ul {
	list-style:none; 
	margin-left: 0;
  	padding-left: 0;
}

.topNav>ul>li {
	float:left;
}

.topNav>ul>li>a {
	color:#008549; 
}

.topNav>ul>li>a:hover {
	color:#003972;
}

.col-sm-4.search {
	padding-left:0;
}

.btn-npma {
  color: #fff;
  background-color: #003d79;
  border-color: #003d79;
}

.btn-npma:hover {
  color: #fff;
  background-color: #002F5E;
  border-color: #002F5E;
}

/* ==========================================================================
   Right Side classes
   ========================================================================== */

.blueback { background-color:#003d79; float:right; }

.featuredNews {
	margin-top:20px;
}

.featuredNews, .upcomingEvents {
	padding:5px 15px 15px 25px;
	color:#fff;
	margin-bottom:20px;
	font-size:12px;
}

.featuredNews a, .upcomingEvents a {
	color:#fff;
}
.featuredNews a:hover, .upcomingEvents a:hover {
	color:#fff;
}

.featuredNews ul, .upcomingEvents ul {
	list-style: none;
	margin-top:15px;
	margin-left:15px;
	padding-left:0;
}
.featuredNews ul li, .upcomingEvents ul li {
	margin-bottom: 10px;
	list-style-image:url('/default/includes/themes/npma/assets/images/plusimg.jpg');
}
 

/* ==========================================================================
   Navigation Classes
   ========================================================================== */


#nav-login-form {
	padding:10px;
}

#nav-login-form .btn{
	width:100%;
}

.nav-header {
	display: block;
	padding: 3px 15px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #999999;
	text-transform: uppercase;
}

.nav li + .nav-header {
	margin-top: 9px;
}

/* ==========================================================================
   footer classes
   ========================================================================== */

footer {
	margin-top:40px;
	margin-bottom:20px;
	font-size:11px;
}

.footerLeft {
	color:#008549;
}
.footerLeft a {
	color:#008549;
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

h2 {
	margin-bottom:0;
	padding-bottom:7px;
}

.center { text-align:center; }
.right { text-align:right; }
.white { color:#fff; }
.green { color:#008549; }

img { border:0; }

.left-indent {
	margin-left: 30px;
}

.libtm {
	margin-bottom: 15px;
}