/* ==========================================================================
   Layout Styles
 * ========================================================================== */

@media (max-width:767px) { 
	.logo {
		text-align:center; 
		margin-top:20px;
		margin-bottom:20px;
	} 
	
	.logo .img-responsive {
		display:inline;
	}
	
	.navbar-inverse {
		background-color:#ffffff;
		border-top: #092C7E 4px solid;
		border-right:0px;
		border-bottom:0px;
		border-left:0px;
		border-radius:0px;
	}
	.navbar-toggle {
		background-color: #092C7E;
		background-image: none;
		border: 0px solid rgba(0, 0, 0, 0);
		border-radius:0px;
		margin-top:-2px;
	}	
	.navbar-inverse .narbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {	
		background-color: #092C7E;
	}
	
	.navbar-nav {	
		background-color: #092C7E;
		margin-top:0px;
		margin-left:0px;
	} 
	
	#topNavigation {
		text-align:center;
		padding:10px 15px;
	}
	
	.navbar-inverse .navbar-collapse {
		border-top:1px solid #092C7E;
	}

	
}

@media (min-width:768px) and (max-width:979px) {
	.logo {
		text-align:center; 
		margin-bottom:20px;
	} 
	
	.logo .img-responsive {
		display:inline;
	}
  
	.navbar .container {
		padding-left:10px;
		padding-right:5px;
	}
	
	.nav >li > a { 
		padding: 10px 12px;
	}
		
	.navbar-nav > li {
		font-size: 12px !important;
	}
	
	.dropdown-menu {
		font-size: 13px;
	} 
		
	#topNavigation {
		padding-left:10px;
	}
	
	.navline {
		padding-top: 11px;
	}
}

@media (min-width: 768px){
	body {
		/*padding-top: 60px;*/
		padding-bottom: 40px;
	}	
	
	.headContainer {
		height:195px;
	}
	
	.navbar-collapse {
		padding-left:0px;
		padding-right:0px;
	}
	ul.navbar-nav {
		width:100%;
	}
	#topNavigation {
		text-align:right;
		margin-top:12px;
	}	
	.navbar-inverse {
		background-color: #092C7E !important;
		border-color: #F2F2F2;
	}
}

@media (min-width:980px) and (max-width:1199px) {
	.navbar-nav > li {
		padding-left: 13px;
		padding-right: 15px;
	}
 
}

@media (min-width:980px) { 
	
	.col-md-9.subLeft {
		padding-left:30px;
	}
	.navline {
		padding-top: 15px;
	}
}

@media (min-width:1200px){
	.navbar-nav > li {
		padding-left: 30px;
		padding-right: 30px;
	}

}


.container.bodyContainer {
	padding-left: 0px;
	padding-right: 0px;
}

.bodyContainer {
	background:#ffffff;	
	border:1px solid #d1d1d1;
}

.headContainer {
	border-top:4px solid #ef000c;
}

.headimage {
	margin-left:1px;
	margin-right:1px;
	padding-bottom:1px;
	border-bottom:4px solid #ef000c;
}

.homeText {
	padding-top:20px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:20px;
	background:#ffffff;
}
 

.homebox {
	background:#f5f5f5;
	color:#777777;
	padding:15px 20px;
}

.subContainer {
	background:#ffffff;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.aceclogo {
	margin:15px 30px 10px 0px;
}

blockquote {
    border-left:none;
}
blockquote p {
    font-size: 14px;
}

.center {
	text-align:center;
}

/* ==========================================================================
   Carousel Classes
   ========================================================================== */

.carousel-control {
    top: 20px
}
.carousel-inner {
	text-align:center;
}
.carousel-control.left {
	background-image:none;

}
.carousel-control.right { 
	background-image:none;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display:inline !important;
}


/* ==========================================================================
   FOOTER Classes
   ========================================================================== */

.footerTop {
	/*background:#f2f2f2;*/
	text-align:center;
	padding:15px;
	border-top:4px solid #ef000c;
	/*min-height:240px;*/
	height:auto !important;
	height:240px;
}
.footerTop h3 {
	color:#646464;
}
.footerTop img {
	padding:10px 1px;
}
.footerMid {
	background:#ffffff;
	padding:20px;	
	border-bottom:4px solid #ef000c;
	min-height:320px;
	height:auto !important;
	height:320px;
}
.footerMid h5 {
	color:#161616;
}
.footerMid p {
	font-size:12px;
	margin-bottom:10px;
}

.footerBtm {
	background:#dfdfdf;
	padding:30px 15px 15px;
	text-align:center;
	height:130px;
}
.footerBtm p {
	font-size:12px;
}

/* ==========================================================================
   Navigation Classes
   ========================================================================== */


#topNavigation {
	color:#202020;
	font-weight:bold;
}

#topNavigation a {
	color:#202020;
	font-size:12px;
}

#topNavigation a:hover {
	color:#092C7E;
	text-decoration:none;
}

#topNavigation a:active {
	color:#092C7E;
	text-decoration:none;
}

.tnline {
	padding: 10px 0 0;
}

.navline {
	color:#ffffff;
}

.logo {
	padding:0px 0px 0px 20px;
} 

#nav-login-form {
	padding:10px;
}

#nav-login-form .btn{
	width:100%;
}

.navbar {
	margin-bottom:0px !important;
	border-radius: 0px;
}

.nav-header {
	display: block;
	padding: 3px 15px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #999999;
	text-transform: uppercase;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #092C7E;
	color: #8FA8E9;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #092C7E;
	color: #8FA8E9;
}

.nav li + .nav-header {
	margin-top: 9px;
}

.navbar-nav > li {
	font-size:13px;
}

.navbar-inverse .navbar-nav > li > a {
    font-weight:bold;
}

.navbar-inverse .navbar-nav>li>a:hover{
	color: #8FA8E9;
}


.glyphicon-chevron-down {
	font-size:9px;
	font-weight:100;
}

 

/* ==========================================================================
   Utility Classes
   ========================================================================== */

/* form inputs with a little extra vertical cushion */
.form-input-extra {
	margin-top:7px;
}

.left-indent {
	margin-left:30px;
}	