/**
 * ===================================
 * Add local styles to this stylesheet
 * ===================================
 *
 * (they may be applied to this theme without affecting other sub-themes)
 **/


/**
 * NOC Responsive theme uses Bootstrap v3.0.2
 * 
 * see http://bootstrapdocs.com/v3.0.2/docs/css
 **/




/* Custom background */
/* ================= */

body {
	background: url("../images/tile.gif")
}

#header-img2 {
	display: none;
}




@media (min-width: 1200px) {		/* For large enough screen width, show the transparent background */
	#bkgTop {
		background: none;
	}				/* Remove radial gradient background image */
}



@media (max-width: 1023px) {    /* For SCREENS BELOW 1024px width - Use with navbar1023.css (default was 767px) */

/* Replace logo with EMPTY logo */
/* ---------------------------- */

	.navbar .logo {
		margin-top: 8px;
		margin-bottom: 5px;
		margin-right: -15px;
		padding-left: 8px;
		padding-right: 8px;
	}

	#navbar a.logo img {
		background: url("../logo.png") 0 0 no-repeat;
		background-size: auto 50px;
		height: 0;
		margin-left: 7px;
		overflow: hidden;
		padding: 0 100px 50px 0;
		width: 0;
	}

	#header-img {
		background: #fff;
		opacity: 1;
	}		/* Override main theme's banners with LOCAL ones */

	#navbar a.logo:hover img {
		background-position: 0 0;
	}				/* Shift logo position on hover */
}



@media (min-width: 1024px) {    /* For SCREENS of 1024px width and ABOVE - Use with navbar1023.css (default was 768px) */

	#header-img {
		background: #fff;
		opacity: 1;
	}
	#navbar {
		min-height: 150px;
	}


	#navbar a.logo img {
		background: url("../logo.png") 0 0 no-repeat;
		height: 0;
		float: right;
		padding: 0 150px 83px 0; /* Set to accommodate new image size */
		text-indent: -9999px;
		width: 0;
		position: relative;
/*		left: -288px;
		top: -44px;	*/
	}

	#navbar a.logo:hover img {
		background-position: 0 0;
	}				/* Shift logo position on hover */


/* Fine tune position of secondary menu */
/* ------------------------------------ */

	.secondary {
		margin-left: 750px !important;
		width: 90px !important;
	}

}


/* Reveal NOC website link and add logo for screens of 1100px width and ABOVE */
/* -------------------------------------------------------------------------- */

@media (min-width: 1100px) {		/* was 900px */

	#navbar .navbar-header {
		width: /* was 73%, then 57% */ 73%;		/* Manually adjust so that NOC logo is right justified on same line as the site logo */
	}

	#main-website {
		display: none /* block */;		/* Hidden in NOC7R-main style sheet */
	}

	#main-website {
		background: url("../images/logo-full.png") 0 0 no-repeat;
		height: 0;
		float: right;
		margin-top: 10px;
		padding: 0 315px 85px 0; /* Set to accommodate new image size */
		text-indent: -9999px;
		width: 0;
		position: relative;
/*		left: -288px;
		top: -44px;	*/
	}

	#main-website:hover {
		background-position: 0 -85px;
	}				/* Shift logo position on hover */

}


/* Site specific css below */
/* ----------------------- */

h1.page-header,
h2.page-header,
h3.page-header,
h4.page-header,
h5.page-header,
h6.page-header {
	color: #00809b;
}

.region-sidebar-second .block {
	background-color: #f2f2f2;
	box-shadow: 0 5px 5px 0 #444;
	margin: 15px 0 20px;
	padding: 12px 8px 8px;
}


.accordion-toggle:before {
	color: #203142;
}

/* Override style for innerFooter */
/* ------------------------------ */

.footer {
	background-color: #00809b;
	border-top: 0 none;
	color: #a8b3b9;
	font-size: 90%;
	margin-top: 0;
	padding-bottom: 10px;
	padding-top: 15px;
}

footer .h3 {
	color: #a8b3b9; !important;
   
}

@media (min-width: 1200px) {
	.Footer {
		border-radius: 4px;
		margin: 0 10px 10px 10px;
		width: auto;
	}				/* Old-style innerFooter box for large screen width */
}
