@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body{
	font-family: 'Open Sans', Tahoma, Geneva, sans-serif;
	font-size: 11pt;
	line-height: 2em;
	background: #e0e3ec url(../images/bg.jpg) repeat top left;
	color: #333;
	width:auto;
	/*margin: 0 2% 0 2%;*/

}
p{
	line-height: 1.8em;
}
.home a{
	float:left; 
	font-size: 10pt;
	font-family: 'Open Sans', Tahoma, Geneva, sans-serif;
	color:transparent; 
	text-align:center; 
	margin:2% 0 0 2%; 
	position:fixed;
	text-decoration:none;
}
.home a:hover{color:#333;}
.home img{
	width: 50px;
}
.header{
	text-decoration:none;
	padding:50px 0px 0px 90px;
	/*max width*/
	margin: 0 auto;
	max-width: 1200px;
	
}


h1{
	font-size:40pt;	
	font-weight: normal;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	color: #333333;
	text-shadow: 0px 2px 2px rgba(255,255,255,0.8);
	line-height: 0.8em;
}
h2{
	font-size:12pt;
	font-weight: normal;
	color: #82858e;
	margin-top:-25px;
	line-height: 1.2em;
}
h3{
	font-size:10pt;
	font-weight: normal;
	font-style: italic;
	color: #82858e;
	padding-left:90px;
	/*max width*/
	margin: 0 auto;
	max-width: 1200px;
	line-height: 1.8em;
}
.honor{
	padding-left:90px;
	/*max width*/
	margin: 0 auto;
	max-width: 1200px;
}
.h4{
	color:#FFF;
	font-size: 10pt;
	background-color: #CE3952;
	padding: 4px 10px;
	margin-right: 10px;


}
.subtitle{
	color:#333; 
	font-size:24px;
	text-transform:uppercase;
}
.link a{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
	color:#CC0000;
	font-size:22px;
	font-weight:bold;
	float:right;
	margin:-30px 100px auto auto;
	text-decoration:none;
}
.line{
	border-bottom:1px solid #D9D9D9; 
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
	height:1px;
}


.section{
	padding: 50px 30px 50px 90px;
	clear:both;
	/*max width*/
	margin: 0 auto;
	max-width: 1200px;
}
.section .img1{
	float:none; 
	width:98.3%;
}
.section .img2{
	float:none; 
	width:49%;
}
.section .img3{
	float:none; 
	width:32%;
}
.section .img4{
	float:none; 
	width:24%;
}

.color_bg {
	background-color: #393b40;
	width: 100%;
}

/* video */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 10px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0px 20px 20px 0;
    width: 100%;
    height: 100%;
}



/*extra link tip*/
.tip{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
	color:#CC0000;
	font-size:120%;
	font-weight:normal;
	float:right;
	position:relative; top:-80px; right:100px;
	text-decoration:none;
}
.tip:hover{
	background:none;
}
.tip span {
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	display:none;
	font-size:12px;
	width:180px;
	
}
.tip:hover span{
	display:block;
	position:absolute; top:-12px; right:-10px;
	
}
.tip:hover span p {
	color:#666;
	padding:8px;
	background:#fff;
}






/*media******/

@media screen and (max-device-width: 640px), (max-width: 640px) {
	body{font-size: 14pt;}
	h1{font-size: 44pt;}
	h2{font-size: 14pt;}
	h3{font-size: 12pt;}
	.section .img1{
		margin-top: 5px;
		width:96.6%;
	}
	.section .img2{
		margin-top: 5px;
		width:96.6%;
	}
	.section .img3{
		margin-top: 5px;
		width:96.6%;
	}
	.section .img4{
		margin-top: 5px;
		width:96.6%;
	}
}