html {
		overscroll-behavior: none;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	iframe {
		max-width: 100%;
	}

	body {
		font-size: 1em;
		font-family:'lucida sans unicode','lucida sans',arial;
		color: white;
		background: #000 url(BG4.gif) repeat;
		margin: 2em;
	}

	p {
		padding:.5em;
		margin: .5em;
		line-height: 1.5;
		color: #add8e6;
		font-family: arial, helvetica;
	}
	
	em{
		font-style:normal;
	}

	em.emphasis1{
		color: #FFCC33;
	}
	
	em.emphasis2{
		color: #FF3D0D;
	}
	
	em.score{
		color:#5DFC0A;
	}

	h1 {
		font-family: "Century Gothic", arial, sans-serif;
		font-size: 2.5em;
		color: #009ACD;
		margin: .3em;
		line-height: .1em;
	}
	
	h2 {
		text-align: center;
		font-family: helvetica, arial, sans-serif;
		font-size: 2em;
		color:#FFCC33;
		vertical-align: text-top;
		line-height: 2;
		font-weight: bolder; 
	}
	
	h3 {
		text-align: center;
		font-family:"franklin gothic book", arial, helvetica, sans-serif;
		font-size: 1.5em;
		color:#FFCC33;
		vertical-align: text-top;
	}
	
	
	h4 {
		text-align: center;
		font-family:"franklin gothic book", arial, helvetica, sans-serif;
		font-size: 1.5em;
		color:#8EE5EE;
		vertical-align: text-top;
	}
	
	
	ul {
		list-style-type: square;
		color:#add8e6;
		font-family: arial, sans-serif;
	}
	
	li{
		padding-left:.5em;
		margin-left: 0em;	
		padding-right:.5em;
		margin-right: .5em;	
	}
	
	li.spacer{
		list-style:none;
		padding: .7em;
	}
	
	a {
		color: White;
	}
		
	#box{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}
	
	#banner {
		position: relative;
		width: 760px;
		height:150px;
		padding-left:40px;
		padding-top:50px;
		margin: 0 auto;
		background-image: url(Logo_Site.png);
	}
	
	#banner p {
		font-family:calibri, helvetica;
		color:white;
		font-size:2em;
		font-weight: bold;
		padding:0;
		margin: 0;
		line-height: 2;
	}
	
	#content_banner {
		width: 600px;
		height:70px;
		margin-left:295px;
		background-image: url(content_banner.png);
	}
	
	#yui-history-iframe { 
		display: none;
	}
	
	.content_title {
		width: 650px;
		height:40px;
		margin-left:270px;
		background-image: url(content_title.png);
	}
	
	.content_mini_title {
		text-align: center;
		padding:.5em;
		margin: .5em;
		line-height: 1.5;
		color:#add8e6;
		font-family: arial, helvetica;
	}
	
	.content {
		width: 620px;
		margin-left:270px;
		padding-top:5px;
		padding-bottom:10px;
		padding-left:15px;
		padding-right:15px;
		background-image:url(content.gif);
		text-align:justify;
	}
	
	p.content{
		text-indent: 1em;
	}
	
	p.content_footer{
		font-size: .8em;
		color:#EAA904;
		text-align: center;
		
	}
	
	.content_bottom {
		width:650px;
		height: 40px;
		margin-left:270px;
		margin-top:-25px;
		padding-top:5px;
		padding-bottom:10px;
		background-image: url(content_bottom.png);
	}
	
	.content_sp_1_title {
		width: 650px;
		height:50px;
		margin-left:270px;
		color:#9BCD9B;
		background-image: url(content_sp_1_title.png);
	}
	
	.content_sp_1 {
		width: 620px;
		margin-left:270px;
		padding-top:5px;
		padding-bottom:10px;
		padding-left:15px;
		padding-right:15px;
		background-image:url(content_sp_1.gif);
		text-align:justify;
	}	

	p.content_sp_1_text {
		text-indent: 1em;
		color:#9BCD9B;
	}
	
	.content_sp_1_bottom {
		width:650px;
		height: 40px;
		margin-left:270px;
		margin-top:-25px;
		padding-top:5px;
		padding-bottom:10px;
		background-image: url(content_sp_1_bottom.png);
	}
	
	.title_sp_1{
	padding-top:5px;
		color:#9BCD9B;
	}
	
	.loading{
	padding-top: 40px;
	padding-bottom: 60px;	
	}
	
	#navigation {
		width: 250px;
		height:550px;
		float:left;
		background-image: url(navbar.gif);
	}
	
	#navigation p { 
		background-image: url("link_head.png");
		color: #FFCC33;
		font-family: helvetica,sans-serif;
		font-size: 1.6em;
		font-weight: bold;
		height: 52px;
		line-height: 2em;
		margin: 10px auto;
		padding: 0;
		text-align: center;
		width: 180px;
	}
		
	.navlinks {
		color: White;
		font-family: "Century Gothic", arial, sans-serif;
		list-style-type: circle;
		line-height: 1.8;
	}
	
	img.center {
		display: block;
		margin-top:1em;
		margin-left: auto;
		margin-right: auto;
		border-style:solid;
		border-color:black;
		border-width:3px;
	}
	
	img.sw {
		width:95%;
	}
	
	img.w75 {
		width:75%;
	}
	
	img.w85 {
		width:85%;
	}
	
	img.w90 {
		width:90%;
	}
	
	img.center_group {
		display: inline;
		margin-top:1em;
		border-style:solid;
		border-color:black;
		border-width:3px;
		max-width: 100%;
		height: auto;
	}
	
	.video_center {
		border-style:solid;
		border-color:#101010;
		border-width:6px;
		text-align:center;
		background-color:black;
		
	}

	a img { border: 0; }
	
	#footer {
		clear: both;
		text-align: center;
		margin: 4em auto;
		padding-top:0;
		width: 900px;
		background-image: url(footer.png);
		background-position:bottom;
		background-repeat: no-repeat;
	}
	
	#footer p{
		padding:0;
	}

	/* Mobile responsive */
	@media (max-width: 1000px) {
		body {
			margin: 1em;
		}

		#banner {
      height: auto;
      max-width: 100%;
			padding-left: 5%;
			padding-right: 5%;
			padding-top: 32px;
      padding-bottom: 32px;
			background-size: 100% 100%;
			box-sizing: border-box;
		}

		#banner p {
			font-size: 1.4em;
		}

		#navigation {
			width: 100%;
			height: auto;
			float: none;
			background-image: url(navbar.gif);
			background-repeat: repeat-x;
			background-size: 100% 100%;
			padding: 10px 0;
		}

		#navigation p {
			background-image: url("link_head.png");
			background-size: 100% 100%;
			width: auto;
			max-width: 200px;
			height: 40px;
			line-height: 40px;
			font-size: 1.3em;
			margin: 0 auto 6px;
		}

		.navlinks {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			list-style-type: none;
			padding: 0 12px;
			margin: 0;
			gap: 4px 12px;
		}

		.navlinks li {
			padding: 0;
			margin: 0;
		}

		li.spacer {
			display: none;
		}

		.content_title,
		.content_sp_1_title,
		.content_sp_1_bottom {
			width: 100%;
			margin-left: 0;
			background-size: 100% 100%;
      padding-bottom: 0;
		}

		.content_title h3,
		.content_title h4,
		.content_sp_1_title h3,
		.content_sp_1_title h4 {
			font-size: 1em;
      padding-top: 6px;
		}

		.content_bottom {
			width: 100%;
			margin-left: 0;
			padding-bottom: 0;
			background-size: 100% 100%;
		}

		.content,
		.content_sp_1 {
			width: auto;
			margin-left: 0;
			padding-left: 10px;
			padding-right: 10px;
			background-size: 100% 100%;
		}

		#content_banner {
			width: 100%;
			margin-left: 0;
			background-size: 100% 100%;
		}

		#content_banner h2 {
			font-size: 1.2em;
			line-height: 3.5;
		}

		.video_center {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
		}

		.video_center object,
		.video_center iframe,
		.video_center embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		#footer {
			width: 100%;
			margin: 2em auto;
			background-size: 100% auto;
			background-position: bottom center;
			background-repeat: no-repeat;
		}

		#footer img.center {
			max-width: 80px;
		}

		#footer p {
			font-size: 0.75em;
			padding: 0 10px;
		}
	}