/* CSS Document */

.mainContent { 
	font-family: 'Roboto', sans-serif; 
}

.col-md-4 p, .col-md-3 p {
 font-size: 0.9em; 
 margin: 7px; 
 text-align: center; 	
}

.col-md-3 h2 {
	font-size: 1.35em;
	text-transform: uppercase; 
	text-align: center; 	
}

.columnMenu h2, .sectionMenu h1,  .sectionMenu h2, .media h2 {
	background-color: #000; 
	color: #fff; 
  clear: both;
  font-size: 18px;
  font-weight: normal;
  height: auto;
  letter-spacing: 2px;
  line-height: 40px !important;
  margin: 0 0 15px;
  min-height: 40px;
  padding-left: 10px;
  padding-right: 3px;
  text-transform: uppercase;
  width: auto; 
	text-align: center; 
}

.columnMenu h2 a, .columnMenu h2 a:hover, .columnMenu h2 a:focus { 
	color: #fff; 
}
		
.sectionContent h2 {
  font-size: 20px;
  font-weight: normal;
  height: auto;
  letter-spacing: 2px;
  line-height: 35px !important;
  margin: 0 0 10px;
  min-height: 35px;
  padding-left: 0;
  padding-right: 3px;
  text-transform: uppercase;
  width: auto; 
	font-weight: bold;
}

.sectionContent h3 {
	font-size: 16px;
  font-weight: normal;
  height: auto;
  letter-spacing: 2px;
  line-height: 30px !important;
  margin: 0;
  min-height: 30px;
  padding-left: 0;
  padding-right: 3px;
  text-transform: uppercase;
  width: auto; 
	font-weight: bold;
}

/* subpage menus */



.sectionMenu ul.nav.nav-pills.nav-stacked li.active a {
	background-color: #000;
    clear: both;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    letter-spacing: 2px;
    line-height: 1.4em;
    min-height: 40px;
    padding-left: 10px;
    padding-right: 3px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}
.sectionMenu ul.nav.nav-pills > li > a {
    border-radius: 0;
}


html body div.container.mainContent div.row div.col-md-3.columnMenu p {
	margin-bottom: 25px;
}

.centerAlert h2,  .sectionContent h1 {
	background-color: #000;
	font-size: 18px;
	font-weight: normal;
	height: auto;
	letter-spacing: 2px;
	line-height: 42px !important;
	margin: 0 0 15px;
	min-height: 42px;
	padding-left: 10px;
	padding-right: 3px;
	text-transform: uppercase;
	width: auto; 
	color: #FFF; 
	text-align: center;
}

.centerAlert h3, .centerAlert h4, .centerAlert h5 { 
	text-align: center; 
}

.centerAlert h5 { 
	font-weight: bold; 
}

.centerAlert .textArea {
	padding: 0 10px;
}
	
.centerAlert .textArea h3 { 
	font-size: 1.125em; 
	font-weight: bold; 
}

/* navigation bar bar */

.nav li.active, 
.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-brand { 
	font-weight: bold; 
}

.navbar-default .navbar-brand, 
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
	background-color: #000;
}

.navbar-default .navbar-brand, 
.navbar-default .navbar-nav > li > a {
	color: #fff;
}

.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #F2D00D;
}

.navbar-default {
	background-color: #2a4c72; 
	border-color: #000;
}

.navbar-default .navbar-brand { 
	font-size: 15px; 
}

	ul.nav.navbar-nav li.mobileMenu { display: none; }
/* end navigation bar bar */

/* footer */

footer {
	background: #ebebeb none repeat scroll 0 0; 
	margin-top: 10px; 
}

footer .container { 
	padding: 25px;
}

footer .container ul {
	list-style: none;
}

footer .container ul  li { 
	line-height:4em; 
} 

footer .container ul li a {
	font-weight: bold;  
	color: #333; 
}

footer p { 
	background: #000000 none repeat scroll 0 0;
  border-top: 1px solid #7c7d7e;
  color: #ffffff;
  font-size: 15px;
  line-height: 50px;
	text-align: center; 
}

footer p a { 
	color: #fff; 
}

footer div.col-md-3 ul {
	margin-top: 10px;
}

footer div.container div.footImage { padding: 0 25px; text-align: center;  }


/* footer */

.img-thumbnail {
    border: 0;
    border-radius: 0;
    padding: 0;
}

.jumbotron { 
	margin-bottom: 0; 
}

.main {
	margin-bottom: 0; 
	border-bottom: 0;
}

.banner {
	background-image: url("../images/jumbo.jpg");
	background-size: cover;
	background-position: center;
	height: 315px;
}

.quotes {
	background-color: black;
	padding-bottom: 20px;
  padding-top: 20px;
	margin-bottom: 0;
}

.quotes p {
	color: white; 
	margin: 7px;
	font-size: 1.1em;
}

.intro { 
	color: white; 
}

.magQuote { 
	border-right: 1px solid #999; 
	text-align: right;
}

.magQuote p {
	font-size: 1.3em;
	margin: 7px; 
}

.magQuote p.quoteAttr {
	font-size: 0.9em; font-style: italic; margin-top: -5px;
}
.celeQuote p {
	font-size: 1.1em;  
}

.quote p:first-of-type { 
	font-size: 1.15em; 
	font-weight: bold; 
}

/* search bar */

.searchBar  { 
	background-color: #ebebeb; 
	padding: 5px; 
	margin-bottom: 10px;  
}

.btn-danger { 
	background-color: #2a4c72; 
	border-color: #2a4c72; 
}

.btn-danger:hover { 
	background-color:#337ab7;  
	border-color: #2a4c72; 
}

.searchBar .col-md-12 { 
width: 50%; 
float: right; 
}
 
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 10px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media print {
  .sectionMenu, .navbar, .jumbotron, footer {
     display: none;
   }
}

@media screen and (max-width: 992px) {
	
	.searchBar .col-md-12 { width: 60%; float: right; }

			.magQuote { 
	border-right: 0; 
	text-align: center;
	
	}

	.magQuote p.quoteAttr { margin-bottom: 10px; text-align: right; }

	.celeQuote p { display: none; }


}


@media screen and (max-width: 900px) {
	
.magQuote p {font-size: 1em;margin: 3px;  }
.celeQuote p {font-size: 0.9em;  }
.quotes .col-md-8, .quotes .col-xs-8, .quotes .col-lg-8 {width: 60%; padding-left: 0;  }
.quotes .col-md-4 {width: 38%; }

}



@media screen and (max-width: 768px) {
	
	.banner {
		height: 250px;
	}
	
	.quotes { display: none; }
	
	.jumbotron {}
	
	.searchBar .col-md-12 { width: 100%; float: right; }

	ul.nav.navbar-nav li.mobileMenu { display: list-item; }

	footer div.container div.col-md-3 { width: 100%; }
	
	footer div.container div.footLinks { display: none; }
	


}

@media screen and (max-width: 480px) {
	
	.banner {
		height: 200px;
	}

	/*ul.nav.navbar-nav li.mobileMenu { display: list-item; }*/


}

 /*   320px
    480px
    600px
    768px
    900px
    1024px
    1200px*/