@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../img/menu/bg.png);
	color: #002062;

}
.containermain {
	box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.4);
	width: inherit;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
}
h1 {
	font-size: 150%;
	line-height: 130%;
	margin-top: 15px;
	text-align: center;
}

h2 {
	font-size: 130%;
	text-align: center;
	background-color: rgb(0,32,98);
	color: rgb(255,255,255);
	width: 95%;
	margin-left: auto;
	margin-right: auto;
		border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 6px;
}

h2 a {
	color: #FFFFFF !important;
}
h3 {
	
		font-size: 120%;
	line-height: 110%;
	margin-top: 15px;
	text-align: center;
	color: #002062;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 6px;
	border: 1px solid #002062;


}

h4 {
	font-size: 100%;
	line-height: 80%;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
}

.sup {
  position: relative;
  bottom: 1ex; 
  font-size: 80%;
}
.row{
	background-color:rgb(255,255,255);
	padding-left: 10px;
	padding-right: 10px;

}

.no-pad
{
	padding: 0px !important;
}
header {
	background-image: url(../img/menu/metalbg.jpg);
	min-height: 110px;
	padding-top: 5px;
	width: 100%;
	padding-left: 10px;
}
header h2 {
	font-size: 150%;
	text-transform: uppercase;
	color: rgb(51,51,51);
	text-align: center;
	margin-top:30px;
	color: #FFFFFF;
}
header h3 {
	font-size: 120%;
	text-transform: uppercase;
	color: rgb(255,255,255);
	background-color: rgb(0,32,98);
	text-align: center;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgb(0,0,102);
	border-right-color: rgb(226,226,226);
	border-bottom-color: rgb(230,230,232);
	border-left-color: rgb(0,0,102);
	width: 80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
}

.top-bar{
	background-color: rgb(0,32,98) !important;
}


.top-bar a:link, .top-bar a:visited, .top-bar-section li:not(.has-form) a:not(.button) {
	background-color: rgb(0,32,98) !important;
	padding-left: 30px;
	padding-right: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgb(215,216,253);
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
	font-size: 100%;	
}


.top-bar a:hover, .top-bar a:active, .top-bar a:focus {
	color: rgb(255,255,255) !important;
	background-color: rgb(234,29,36) !important;
	
}

.mainpicture {
	margin-top: 15px;
	}
.fanpicture {
	border: 1px solid rgb(0,51,153);	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 15px;
	margin-bottom: 8px;
	}
	

.specTable {
	width: 100%;
	border: 1px solid rgb(0,32,98);	
}

.specTable th{
	background-color: rgb(0,106,184);
	color: rgb(255,255,255);
	text-align: center;
}

.specTable h2 {
	color: rgb(255,255,255);
	font-size: 120%;
	margin-bottom: 2px !important;
	padding-bottom: 0;
	padding-top: 5px;
	margin-top: 2px;
	background-color:transparent !important;
	border: none !important;
}
.specTable h5 {
	color: #FFFFFF;
	background-color: #8EB8FD;
	text-align: center;
	padding: 3px;
	border-radius : 6px;	
	-moz-border-radius : 6px;	
	-webkit-border-radius : 6px;
}
.specTable td {	
 width: 16.666%;
}

.specTable .subth {
	background-color: #A3BDFA;
	text-align: center;
	padding: 8px;
}
.specTable img {
	float: left;
		border-radius : 6px;	
	-moz-border-radius : 6px;	
	-webkit-border-radius : 6px;
	margin-right: 6px;
	margin-botton: 3px;
}
.smalltext {
	font-size: 80%;
}

.map {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 18px !important;
	margin-top: 18px !important;
	border: 1px solid #003366;
	padding: 18px;
}




footer .row{
	background-image: url(../img/menu/metalbg.jpg);	
	padding-top: 15px;

}

footer .row p{
	font-size: 80% !important;
	line-height: 135% !important;	
}
.footerlogorow{
	padding-bottom: 15px;
}
.footer-logo {
	min-height: 90px;
}

/*Medium Screen */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {


	header h1 {
		margin-top:15px;
		font-size: 105%;
	}
	
	header h2 {
		width: 90%;
		font-size: 90%;
	}
	
	.top-bar a:link, .top-bar a:visited, .top-bar-section li:not(.has-form) a:not(.button) {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 90%;	
	
	}
	
	
}
/*menu breaks */
@media only screen and (min-width: 40.063em) and (max-width: 58em) {
.top-bar a:link, .top-bar a:visited {
		font-size: 80%;
	 }	
}
@media only screen and (min-width: 40.063em) and (max-width: 48em) {
.top-bar a:link, .top-bar a:visited {
		font-size: 60%;
	 }	
}