/* ==========================================================================
   Layout Styles
 * ========================================================================== */

@media (max-width:767px) {
	.navbar-toggle {
		background-color: #004673;
		float: left;
		margin-left: 15px;
	}
	.logo {
		text-align:center;
	}
}

@media (min-width:768px) {
	.navbar-nav>li {
		border-right:1px solid #c9c9c9;
	}
	.navbar-nav>li:first-child {
		border-left:1px solid #c9c9c9;
	}
	.navbar-nav>li>a {
		padding-top: 35px;
		padding-bottom: 5px;
	}
	.searchBox {
		padding-top:15px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.nav>li>a, .footerUL>li>a {
		padding-right:7px;
		padding-left:7px;
	}
}  
 
@media (min-width:992px) and (max-width:1199px) {
	.nav>li>a, .footerUL>li>a {
		padding-right:20px;
		padding-left:20px;
	}
} 
 
@media (min-width:1200px) {
	.nav>li>a, .footerUL>li>a {
		padding-right:33px;
		padding-left:33px;
	}
	 
} 

body { 
	border-top:3px solid #de2a00;
}	

.logo {
	padding:0px 40px 20px;
}

.mainHeader {
	width:100%;
	height:120px;
	padding:20px 20px;
	color:#fff;
	
	background:url('/images/p2-header.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.mainHeader h1 { color:#fff; }



/* ==========================================================================
   Navigation Styles
 * ========================================================================== */

.navbar-inverse {
	border-bottom:1px solid #c9c9c9;
}

#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
   ========================================================================== */

.footerTop {
	text-align:center;
	background:#003763;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	font-size:12px;
	width:100%;	
}
.footerTop a {
	color:#009ce2;
	font-size:12px;
}
.footerTop a:hover {
	color:#fff;
}

ul.footerUL {
	list-style:none;
	padding-bottom:30px;
}
ul.footerUL>li {
    float: left;
}

.footerBtm {
	padding:10px;
	background:#144974;
	width:100%;
	text-align:center;
}
.footerBtm a {
	padding-left:15px;
	padding-right:15px;
	color:#009ce2;
	font-size:12px;
}
footerBtm a:hover {
	color:#fff;
}


/* ==========================================================================
   Utility Classes
   ========================================================================== */

.right {
	text-align:right;
}
.center {
	text-align:center;
}
img {
	border:0;
}
.center .img-responsive {
	display:inline;
}
.padBtm {
	padding-bottom:20px;
}
.padTop {
	padding-top:20px;
}

.libtm {
	margin-bottom:	15px;
}