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



/*************************************
Screen 001 - 439
*************************************/
		/*****************************
		General CSS - 001
		*****************************/
		body {
			font-family: 'Open Sans', 'sans-serif';
		}
		
		#S1slider {
			z-index: -1;
			position: absolute;
			top: 9.1vw;
			left: 0;
			width: 100vw;
		}
		
		#S1content {
			z-index: 98;
			width: 100%;
		}
		
		.min840 {
			display: none;
		}
		
		p {
			width: 90%;
			margin-left: 5%;
			margin-right: 5%;
		}
		
		.portClass a {
			text-decoration: none;
		}
		
		
		
		
		/*****************************
		Home Page CSS - 001
		*****************************/
		.portClass {
			box-sizing: border-box;
		}
		
		.highPortBox {
			width: 85%;
			height: 90%;
			background: rgba(0,0,0,.7);
			margin: 3em 0 0 5%;
			padding: 1em 2vw;
			color: #fff;
		}
		
		.infoBox {
			width: 80%;
			height: 10em;
			margin: 1em 5%;
			padding: 1em 5%;
			background: rgba(0,0,0,.7);
			color: #ccc; 
			text-align: center;
			overflow: hidden;
		}
		
		.newsBlock {
			width: 90%;
			background: rgba(0,0,0,.7);
			margin: 5vw 5%;
			color: #fff;
		}
		
		.newsHeader {
			background: #c60;
			height: 7vw;
			padding: 1.5vw 0 0 1.5vw;
			font-weight: 700;
		}
		
		.newsBlock ul {
			list-style: none;
			padding: 0 2% 2% 2%;
			margin-top: 0;
			height: 1.7em;
			overflow: hidden;
		}
		
		.newsBlock ul li a {
			color: #fff;
			text-decoration: none;
			line-height: 2em;
		}
		
		#ticker span {
			font-weight: 700;
		}
		
		footer {
			clear: both;
		}






/*************************************
Screen 440 - 659
*************************************/
@media screen and (min-width: 440px) {
		/*****************************
		General CSS - 440
		*****************************/
		
		
		
		
		/*****************************
		Home Page CSS - 440
		*****************************/
		
		
		


	
}





/*************************************
Screen 660 - 839
*************************************/
@media screen and (min-width: 660px) {
	
	
	
	
	
}





/*************************************
Screen 840+
*************************************/
@media screen and (min-width: 840px) {
		/*****************************
		General CSS - 660
		*****************************/
		.min840 {
			display: block;
		}
		
		a:active, a:focus {
		   outline: 0;
		}
		
		body {
			font-size: .95vw;
			overflow-x: hidden !important;
		}
		
		#s1slider {
			z-index: 97;
		}
		#S1slider {
			position: absolute;
		}
		
		#S1content {
		  height: 20vw;
		  display: block;
		  float: left;
		  position: absolute;
		  top: 30vw;
		  padding-top: 0;
		  z-index: 98;
		}
		
		.highPort {
			height: 12.5vw;
			width: 100%;
			display: block;
			position: absolute;
			top: 0;
		}
		
		.highPortBox {
			width: 28.5%;
			background: none;
		}
		
		#lowPort {
			height: 15vw;
			margin-top: 2vw;
		}
		
		.infoBox {
			display: block;
			width: 25% !important;
			height: 10vw;
			margin: 1em 0;
			padding: 0 0;
			overflow: hidden; /*Temp*/
		}
		
		.infoBox, .highPortBox {
			background: rgba(0,0,0,.6);
    		text-align: justify;
			transition-property: background, color;
			transition-duration: .5s;
			transition-delay: .05s;
			transition-timing-function: ease-in-out;
		}
		
		.infoBox:hover, .highPortBox:hover {
			background: rgba(204,104,0,.6);
			color: #fff;
			transition-property: background, color;
			transition-duration: .25s;
			transition-delay: .05s;
			transition-timing-function: ease-in-out;
		}
		
		.infoBox:nth-child(3n+1) {
			float: left;
			margin-left: 5% !important;
			margin-right: 7.5% !important;
		}
		
		.infoBox:nth-child(3n+2) {
			float: left;
			margin-right: 7.5% !important;
		}
		
		.infoBox:nth-child(3n+3) {
			float: right;
			margin-right: 5% !important;
		}
		
		.newsBlock {
			width: 90%;
			float: left;
		/*	background: rgba(0,0,0,.7);*/
			margin-top: .5vw;
			margin-bottom: .5vw;
		/*	margin-left: 5%;
			margin-right: 5%;*/
		/*	color: #fff;*/ 
		}
		
		.newsHeader {
		/*	background: #e29718;*/
			height: 1.5vw;
			padding: .125vw 1.25vw 0 1.25vw;
			display: block;
			float: left;
		/*	width: 10%;*/
		}
		
		.newsBlock ul {
			display: block;
			float: left;
			width: 80%;
			padding: 0 2% 0 2%;
			height: 1.5vw;
			margin: 0;
		/*	list-style: none;
			margin-top: 0;
			overflow: hidden;*/
		}
		
		.newsBlock ul li {
    		margin-top: -.2em;
		}
		
		.newsBlock ul li a {
	/*		color: #fff;
			text-decoration: none;
			line-height: 2em;*/
		}
		
		footer {
			height: 4em;
			width: 95%;
			position: absolute;
			top: 47.5vw;
		}
		
		
		
		
		/*****************************
		Home Page CSS - 660
		*****************************/


	
}



/*************************************
Screen 1100+
*************************************/
@media screen and (min-width: 1100px) {
		/*****************************
		General CSS - 1100
		*****************************/
		.wmuSlider {
			top: -20vh;
			height: 120vh;
		}
		
		.wmuSlider .wmuSliderWrapper article img {
			top: -9.1vw;
		}
		
		
		
		/*****************************
		Home Page CSS - 1100
		*****************************/
		

	
}