@import url(reset.css);
@import url('https://fonts.googleapis.com/css?family=Roboto|Ruda|Oswald|Open+Sans|Lato');
@import url(home.css);
@import url(about-us.css);
@import url(schedule.css);
@import url(beliefs.css);
@import url(contact.css);
@import url(music.css);
@import url(favoriteresources.css);
@import url(gallery.css);
@import url(musicsamples.css);
@import url(products.css);
@import url(poster.css);




/*Standards*/



html{
	min-width:1100px;
	background-color:#fff;
	min-height:100%;
	position:relative;
}
body{
	height:100%;
}
h3,h4,h5{
	font-family: 'Open Sans';
    font-weight:semi-bold;
}

li{
    font-family: 'Open Sans';
    font-weight:semi-bold;
}
h6{
    font-family: 'Open Sans';
}
h1{
	font-family: 'Open Sans';
	font-size:85px;
	color:#363636;
	margin-top:3rem;
	margin-top:50px;

	text-shadow:0px 0px 0px #000;
}
h2{
	font-family: 'Oswald';
	color:#666;;
	font-size:1.5rem; 
	font-size:55px;
}
h3{
	color:#151515;	
	font-size:1.3rem; 
	font-size:23px;
}
.site-description {
	color:#515151;	
	font-size:1.3rem; 
	font-size:20px;
}
h4{
	color:#626262;
	font-size:1.1rem; 
	font-size:21px;
}
h5{
	color:#514b4d;
	font-size:1rem; 
	font-size:21px;
}
h6{
	color:#fff;
	font-size:3rem; 
	font-size:14px;
}
h7{
    color: #F5F5F5;
    font-size:1.3rem;
    font-size:19px
}
b{
	font-size:1rem; 
	font-size:14px;
	font-family: 'open sans';
	font-weight:700;
}
p{
    position:relative;
	color:#4b4b4b;
	font-family:'Ruda';
	font-weight:400;
    LINE-HEIGHT:27px;
	font-size:1rem; 
	font-size:22px;
	margin-bottom:1rem;
	margin-bottom:25px;
}
.container{
	max-width:1100px;
	width:100%;
	margin:0 auto;
}
footer{
	height:50px;
	width:100%;
	bottom: 0;	
	margin-bottom:-255px;
}
footer h6{
	text-align:center;
	padding-top:20px;
	padding-right:20px;
}
.hide{
	display:none;
}


/*Header*/


header{
	height:230px;
	padding-top:15px;
	margin:0;
	background-color:#fff;
}
header div{
	width:100%;
	height:198px;
}
header h1{
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	display:block;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-0-box-sizing: border-box;
	box-sizing: border-box;
}
header h3{
	font-family:'Open Sans'; 
	text-align:center;
	padding-left:11%;
	padding-right:11%;
}
header a{
	text-decoration:none;
}




/*Nav bar*/


nav{
	height:50px;
	font-family: 'Open Sans';
}
nav, .submit, footer{
	background: #004972; /* Old browsers */
	background: -moz-linear-gradient(top, #004972 19%, #205775 53%, #004972 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#004972), color-stop(53%,#205775), color-stop(100%,#004972)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #004972 19%,#205775 53%,#004972 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #004972 19%,#205775 53%,#004972 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #004972 19%,#205775 53%,#004972 100%); /* IE10+ */
	background: linear-gradient(to bottom, #004972 19%,#205775  53%,#004972 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004972', endColorstr='#004972',GradientType=0 ); /* IE6-9 */
}
nav ul{
	list-style:none;
	height:50px;
}
nav ul::after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
nav li{
	float:left;
	width:14.2857%;
	height:50px;
}
nav a{
	color:#fff;
	text-decoration:none;
	height:50px;
	display:block;
	
	font-size:1.2rem;
	font-size:26px;
	
	padding-top:10px;
	text-align:center;
	-webkit-transition:background-color 0.25s ease-in-out;
	-moz-transition: background-color 0.25s ease-in-out;
	-o-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
nav a:hover, nav a:active, nav ul li:hover, nav ul ul a:hover{
	height:50px;
}
nav a:hover, nav a:active, nav ul li:hover, nav ul ul a:hover, .submit:hover {
    border-radius: 7px;
	color:#fff;
	background: #0A2C3C; /* Old browsers */
	background: -moz-linear-gradient(top,  #0A2C3C 0%, #0A2C3C 33%, #0A2C3C 52%, #0A2C3C 69%, #0A2C3C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242424), color-stop(33%,#0A2C3C), color-stop(52%,#0A2C3C), color-stop(69%,#0A2C3C), color-stop(100%,#0A2C3C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0A2C3C 0%,#0A2C3C 33%,#0A2C3C 52%,#0A2C3C 69%,#0A2C3C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0A2C3C 0%,#0A2C3C 33%,#0A2C3C 52%,#0A2C3C 69%,#0A2C3C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0A2C3C 0%,#0A2C3C 33%,#0A2C3C 52%,#0A2C3C 69%,#0A2C3C 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0A2C3C 0%,#0A2C3C 33%,#0A2C3C 52%,#0A2C3C 69%,#0A2C3C 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0A2C3C', endColorstr='#0A2C3C',GradientType=0 ); /* IE6-9 */
}
nav ul ul{
	display: none;
	position:relative;
}
nav ul li:hover > ul{
	display:block;
	-webkit-transition:background-color 0.25s ease-in-out;
	-moz-transition: background-color 0.25s ease-in-out;
	-o-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
}
nav ul ul li{
    border-radius: 10px;
    border: 2px solid #0A2C3C;

	float:none;
	height:50px;
	width:170px;
	color:#303030;
	border-top: 1px solid #000;
	position:relative;

	background: #277499; /* Old browsers */
	background: -moz-linear-gradient(top, #277499 19%, #277499 53%, #277499 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#277499), color-stop(53%,#277499), color-stop(100%,#277499)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #277499 19%,#277499 53%,#277499 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #277499 19%,#277499 53%,#277499 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #277499 19%,#277499 53%,#277499 100%); /* IE10+ */
	background: linear-gradient(to bottom, #277499 19%,#277499 53%,#277499 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#303030',GradientType=0 ); /* IE6-9 */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
nav ul:after {
		content: ""; clear: both; display: block;
}


/*page settings*/


.content-page section::before{
    border-radius: 3px 3px 3px 3px;
	height:80%;
	margin-left:10px;
	display:block;
	content:' ';
	font-size:0;
	background-color:#464646;

	margin-top:-10px;
	width:190px;
	float:left;


	position:absolute;

	overflow:hidden;
	z-index:-2;
}
.content-page h2{
    font-size: 69px;
	margin:30px;
    padding-top: 25px;
	padding-left:350px;
	padding-bottom:15px;
}




