@font-face {
    font-family: 'bebas_neueregular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
button,
input,
select,
textarea {
    color: #222;
}
body, html
{
   	background-color: #0c192a;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 1.4;
	color: #222;
	-webkit-font-smoothing: antialiased;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 100%;
	min-height: 100%;
	vertical-align:top;
	
}
iframe
{
margin:0px;
border:0;
padding:0;
text-align:center;
vertical-align:top;
}
a
{
color:#ffffff;
text-decoration: none;
font-family: 'bebas_neueregular';
font-size:1.2em;
}
a:hover
{
color:#ff7405;
text-decoration: none;
border-bottom: 3px solid #ff7405;
}
 a:hover.subNavBtn
{
text-decoration: none;
border:0;
color:#ffffff;
}

h1
{
font-family: 'bebas_neueregular';
color: #000000;
padding:0px;
margin:0px;
text-align:center;
vertical-align:top;
}
h2
{
font-family: 'bebas_neueregular';
color: #102038;
padding:0px;
margin:0px;
line-height:0.6;
text-align:center;
vertical-align:top;
}
h3
{
font-family: 'bebas_neueregular';
font-size:1.8em;
font-style: none;
color: #1f2b3b;
float:left;
padding:0 10px 0 10px;
margin:0;
line-height:0.9;
text-align:left;
}
h4
{
font-family: 'bebas_neueregular';
font-size: 1.3em;
color: #ff9805;
padding:0;
margin-bottom:6px;
margin-top:1px;
margin-left:6px;
margin-right:6px;
text-align:left;
}
#h4b
{
font-family: 'bebas_neueregular';
font-size: 1.3em;
color: #36c8ee;
padding:0;
margin-bottom:6px;
margin-top:1px;
margin-left:6px;
margin-right:6px;
text-align:left;
}

h5
{
font-family: 'bebas_neueregular';
font-style: none;
font-weight:normal;
color: #264756;
padding:0;
margin:0;
line-height:0.7;
text-align:center;
}
h6
{
font-family: Times;
font-style: italic;
font-weight:normal;
color: #0e4773;
padding:0;
margin:0;
line-height:0.1;
text-align:center;
}
.justi
{
text-align:justify;
width:100%;
padding:6px;
min-width:300px;
max-width: 400px;
font-size:0.90em;
}
.justi a, .justi2 a, .justi3 a, .justi4 a, .justi5 a
{
color:#869aa2;
}
.justi2
{
text-align:justify;
font-style:italic;
width:100%;
padding:6px;
min-width:290px;
max-width: 390px;
color:#536569;
font-size:0.80em;
}
.justi3
{
text-align:justify;
width:100%;
max-width:800px;
padding:0 15px 0 0;
margin: auto;
color:#536569;
font-size:0.8em;
vertical-align:top;
}
.justi4
{
text-align:justify;
width:auto;
max-width:400px;
padding:10px;
margin: 0;
color:#536569;
font-size:0.7em;
vertical-align:top;
}
.justi5
{
text-align:center;
width:auto;
max-width:400px;
padding:10px;
margin: 0;
color:#536569;
font-size:0.9em;
vertical-align:top;
}

.play
{
position:absolute;
top:206px;
width:100%;
margin:auto;

}
audio {max-width:350px; text-align:center; margin:auto; padding: 0px; z-index: 888888; display:table-cell;}

a:hover img, a img, img 
{
border: none;
text-decoration: none;
margin: 0px;
padding: 0px;
vertical-align: middle;
}

#main3, #main4
{
display:inline-block;
width:100%;
text-align: center;
margin: 0px;
padding:0px;
vertical-align: top;
}
#main5
{
display:inline-block;
width:100%;
height:auto;
text-align: center;
margin: auto;
padding:0px;
vertical-align: top;
}
#main3 {background-color: #ffffff;}
#main4 {background-color: #eef0f0;}
#main5 {background-color: #1f2b2f; text-align:center; margin:auto}

#player, #explain, #player2, #explain2
{
display:inline-block;
text-align: center;
border:0px;
vertical-align: top;
width:100%;
}
#player{
max-width:400px;
height:auto;
margin: 120px 0 0 0;
padding: 0 10px 0 0;
}
#explain{
max-width:400px;
margin: 100px 0 0 0;
padding: 0px;
}

#player2{
max-width:400px;
height:auto;
margin: 10px 0 0 0;
padding: 0 10px 0 0;
}
#explain2{
max-width:400px;
margin: 10px 0 0 0;
padding: 0px;
}

#news
{
display:inline-block;
text-align: left;
border:0px;
vertical-align: top;
max-width:600px;
margin-top: 10px;
padding:0px;
}
#news ul, #news li
{
display:inline-block;
list-style-type: none;
margin:0;
padding:0px;
text-align:left;
vertical-align:top;
}
#news2
{
display:inline-block;
text-align: left;
border:0px;
vertical-align: top;
max-width:700px;
margin-top: 10px;
padding:0px;
}

#illu
{
display:inline-block;
text-align: left;
vertical-align: top;
max-width:300px;
margin:0px;
padding:0px;
}
.full, .full2
{
text-align:center;
margin:18px 0;
width:100%;
max-width:390px;
}

.full2
{
overflow:hidden;}


.am
{
text-align:left;
margin:10px;
width:100%;
max-width:146px;
}

#tops{display:none;}

#main2, #mainx
{
display:inline-block;
position: relative;
width:100%;
margin: auto;
padding:0;
color:#000000;
}

#mainx
{
background-color:#000000;
text-align:center;
}

#main2 ul, #main5 ul
{
display:inline-block;
list-style-type: none;
padding:0px;
}		
#main2 li, #main5 li
{
display:inline-block;
padding:0px;
font-size:1.3em;
margin-right:8px;
margin-bottom:1px;
color:#000000;
}		

#t6
{
display:inline-block;
position:relative;
width:100%;
max-width:50px; 
margin:auto; 
text-align:center
}
#sc, #tw4
{
display: block;
position: relative;
width: 24px;
height: 24px;
}
#hh
{
display: block;
position: relative;
width: 21px;
height: 22px;
}
#sav
{
display: block;
position: relative;
width: 26px;
height: 25px;
}
#sc
{
background:url(sc3.png) no-repeat;
}
#tw4
{
background:url(tw241.png) no-repeat;
}

a:hover#sc
{
background:url(sc4.png) no-repeat;
text-decoration:none;
border:0;
}
a:hover#tw4
{
background:url(tw242.png) no-repeat;
text-decoration:none;
border:0;
}
#hh
{
background:url(images/home.png) no-repeat;
}

a:hover#hh
{
background:url(images/home2.png) no-repeat;
text-decoration:none;
border:0;
}
#sav
{
background:url(images/saver.png) no-repeat;
}

a:hover#sav
{
background:url(images/saver2.png) no-repeat;
text-decoration:none;
border:0;
}
#main2 a
{
color:black;
}
#main2 a:hover
{
color:#ff7405;
}

#main2b a
{
color:white;
}

#main2b ul
{
    display: inline-block;
	list-style-type: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

	
#main2b li
{
    display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding:0;
	font-family: 'bebas_neueregular';
	}
	
footer
{
font-size: 0.9em;
color:white;
text-align:center;
padding:4px;
width:100%;
margin:auto;
max-width:800px;
}
	
table
{
text-align:center;
font-family: 'bebas_neueregular';
}