@font-face{
  font-family: 'Actor';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Actor-regular/Actor-regular.eot');
  src: url('../fonts/Actor-regular/Actor-regular.eot?#iefix') format('embedded-opentype'),
       local('Actor Regular'),
       local('Actor-regular'),
       url('../fonts/Actor-regular/Actor-regular.woff2') format('woff2'),
       url('../fonts/Actor-regular/Actor-regular.woff') format('woff'),
       url('../fonts/Actor-regular/Actor-regular.ttf') format('truetype'),
       url('../fonts/Actor-regular/Actor-regular.svg#Actor') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Open-Sans-regular/Open-Sans-regular.eot');
  src: url('../fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
       local('Open Sans'),
       local('Open-Sans-regular'),
       url('../fonts/Open-Sans-regular/Open-Sans-regular.woff2') format('woff2'),
       url('../fonts/Open-Sans-regular/Open-Sans-regular.woff') format('woff'),
       url('../fonts/Open-Sans-regular/Open-Sans-regular.ttf') format('truetype'),
       url('../fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans') format('svg');
}

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

    	body {
  		font-family: 'Open Sans', Lucida Grande, Tahoma, Verdana, Sans-Serif;
  		font-size: large; 
  		color: #ffffff;
  		-webkit-text-size-adjust: none;
  		height: 101%;
		border: 5px solid #000000;
		background: black;
    	}
  	
  	#hbar {
  		width: 100%;
  		height: 100px;
  		position: absolute;
  		background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));
  		background-image:-webkit-linear-gradient(top,#3c3c3c,#111);
  		background-image:-moz-linear-gradient(top,#3c3c3c,#111);
  		background-image:-ms-linear-gradient(top,#3c3c3c,#111);
  		background-image:-o-linear-gradient(top,#3c3c3c,#111);
  		background-image:linear-gradient(top,#3c3c3c,#111);
  		border-bottom: 4px #545454 solid;
  	}
  	
   	#headbar {
   		width: 100%;
   		height: 218px;
   		position: absolute;
   		background-image:-webkit-gradient(linear,left top,left bottom,from(#010101),to(#444444));
   		background-image:-webkit-linear-gradient(top,#010101,#444444);
   		background-image:-moz-linear-gradient(top,#010101,#444444);
   		background-image:-ms-linear-gradient(top,#010101,#444444);
   		background-image:-o-linear-gradient(top,#010101,#444444);
   		background-image:linear-gradient(top,#010101,#444444);	
  	}
  	
  	#tbar {
  		width: 100%;
  		height: 60px;
  		position: absolute;
  		background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));
  		background-image:-webkit-linear-gradient(top,#3c3c3c,#111);
  		background-image:-moz-linear-gradient(top,#3c3c3c,#111);
  		background-image:-ms-linear-gradient(top,#3c3c3c,#111);
  		background-image:-o-linear-gradient(top,#3c3c3c,#111);
  		background-image:linear-gradient(top,#3c3c3c,#111);
  		border-bottom: 2px #2d2d2d solid;
  	}
  	
   	#thead {
   		width: 100%;
   		height: 60px;
   		position: absolute;
 	    	background: #545454;
 	    	background-image:-webkit-gradient(linear,left top,left bottom,from(#545454),to(#7A5A1F));
		background-image:-webkit-linear-gradient(top,#545454,#7A5A1F);
		background-image:-moz-linear-gradient(top,#545454,#7A5A1F);
		background-image:-ms-linear-gradient(top,#545454,#7A5A1F);
		background-image:-o-linear-gradient(top,#545454,#7A5A1F);
  		background-image:linear-gradient(top,#545454,#7A5A1F);
 	    	
  	}
  	
   	.theadchallenge {
   		margin: 0 auto;
   		cursor: default; 
   		font-family: 'Oswald'; 
   		font-size: 20px; 
   		color: #cacaca;
   		text-align: center;
   		text-shadow: 1px 1px 0px #000000; 
   		position: relative; 
  	}
  	
  	#tbaro {
  		width: 100%;
  		height: 60px;
  		position: absolute;
	    	background: #d87500; /* For browsers that do not support gradients */
	    	background: -webkit-linear-gradient(#d87500, #eb7f00); /* For Safari 5.1 to 6.0 */
	    	background: -o-linear-gradient(#d87500, #eb7f00); /* For Opera 11.1 to 12.0 */
	    	background: -moz-linear-gradient(#d87500, #eb7f00); /* For Firefox 3.6 to 15 */
    	    	background: linear-gradient(#d87500, #eb7f00); /* Standard syntax */
  		border-bottom: 2px #2d2d2d solid;
  	}
  
  	#bar {
  		width: 100%;
  		height: 200px;
  		position: fixed;
  		background-attachment: fixed; 
  		z-index: 999;
  		text-align: left;
  		background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));
  		background-image:-webkit-linear-gradient(top,#3c3c3c,#111);
  		background-image:-moz-linear-gradient(top,#3c3c3c,#111);
  		background-image:-ms-linear-gradient(top,#3c3c3c,#111);
  		background-image:-o-linear-gradient(top,#3c3c3c,#111);
  		background-image:linear-gradient(top,#3c3c3c,#111);
  	}
  	
   	#fbar {
   		width: 100%;
   		height: 200px;
   		position: fixed;
   		background-attachment: fixed; 
   		z-index: 999;
   		text-align: left;
   		background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));
   		background-image:-webkit-linear-gradient(top,#3c3c3c,#111);
   		background-image:-moz-linear-gradient(top,#3c3c3c,#111);
   		background-image:-ms-linear-gradient(top,#3c3c3c,#111);
   		background-image:-o-linear-gradient(top,#3c3c3c,#111);
   		background-image:linear-gradient(top,#3c3c3c,#111);
  	}
  	
  	#header {
  		color: #cccccc;
  		font-size: 16px;
  		font-weight: bold;
  		text-shadow: 0 -1px 1px #000;
  		display: block;
  		position: relative;
  		padding: 5px;
  		min-height: 1.1em;
  		text-align: center;
  		overflow: hidden;
  	} 
  	
  	
  	#footer {
  		color: #cccccc;
  		font-size: 16px;
  		font-weight: bold;
  		text-shadow: 0 -1px 1px #000;
  		display: block;
  		position: relative;
  		padding: 5px;
  		padding-left: 10px;
  		min-height: 1.1em;
  		text-align: left;
  		overflow: hidden;
  	}
  	
  	#mheader {
  		top: 10px;
  		position: relative;
  		text-align: center;
  		margin: 0px auto;
  	} 
  	
  	#mfooter {
  		color: #cccccc;
  		font-size: 14px;
  		font-weight: bold;
  		text-shadow: 0 -1px 1px #000;
  		padding: 5px;
  		min-height: 1.1em;
  		text-align: center;
  	}
  	
    	#homecontent {
    		background-color: #181818;
  		height: 100%;
  		overflow: auto;
    	}
    
    	#linkcontent {
    		background-color: #181818;
  		height: 100%;
    	}
    	
    	#newcontent {
    		background-color: #000000;
  		height: 100%;
  		overflow: auto;
		top: 0;
		bottom: 0;
    	}

    	#signincontent {
    		background-color: #000000;
  		height: 100%;
		top: 0;
		bottom: 0;
    	}
    	
    	#newscontent {
    		background-color: #000000;
    		height: 100%;
		top: 0;
		bottom: 0;
    	}
    	
    	.sitefooter, #content:after {
    		height: 110px;
    	}
    	
    	.infotab {
    		background: #003c79;
    		max-width: 100%;
    		padding: 10px;
    		bottom: 0;
    		display: block;
    		overflow-x: visible;
    	}
    
    	.sidebar {
    		display: none;
    	}
    	
    	a img {
    		border: 0px;
    	}
    	
    	img {border:0;}
  	
  	form input[type=text],
  	form input[type=password] {
  		font-size: 16px;
  		padding: 5px;
  		color: #ffffff;
  		width: 80%;
  		background:#2d2d2d;	
  	}
  	
  	form input[type=text],
  	form input[type=password],textarea {
  		border:1px solid #3d3d3d;
  		border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
  		background:#2d2d2d;		
  		
  	}
  	
  	form input[type=text],
  	form input[type=password],textarea {
  		-webkit-appearance:none;
  		-moz-appearance:none;
  	}
  	
  	form input[type=text]:focus,
  	form input[type=password]:focus,textarea:focus {
	    background-color: #2d2d2d;
	}
	
	form input[type=submit],
	form input[type=reset] {
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    border: 1px solid gray;
	    padding: 8px;
	    text-decoration:none;
	    background:#595651;
	    color:#FFFFFF;
	    font-size: 14px;
	    font: 'Open Sans';
	}
	
	.footlinkselect {text-decoration: none; color: #ffcc00; font-size: 12px; font-weight: bold;}
	
	.topicselect {text-decoration: none; color: #ffc989; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 0px #ae5e00;}
	
	.aboutlinkselect {text-decoration: underline; color: #ffffff; font-size: 12px; font-weight: bold;}
	
  	a.submenulink {font-size: 12px; font-weight: bold; text-shadow: none; color: #cccccc; text-decoration: none;}
	  	
  	a.submenulink:hover, a.submenulink:active {color: #ffffff; text-decoration: none;}
  	
  	a.menulink { font-size: 10px; color: #cccccc; text-shadow: 1px 1px #000000;}

	a.normallink {text-decoration: none; color: #ffffff;}
	  	
  	a.normallink:hover {text-decoration: none; color: #cccccc;}
  	
  	a.footlinks {text-decoration: none; color: #888888; font-size: 12px;}
  	
  	a.footlinks:hover {text-decoration: underline; color: #888888; font-size: 12px;}
  	
  	a.aboutlinks {text-decoration: none; color: #ffffff; font-size: 12px;}
  	
  	a.quiklinks {text-decoration: none; color: #ffcc00; text-shadow: 0px 0px 6px #000000; font-size: 12px;}
  	
  	a.topiclink {text-decoration: none; color: #834700; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 0px #ffa132;}
  	
  	a {text-decoration: none; color: #002456;}
  	
  	#footerbar {
  		width: 100%;
  	}
  	
  	#rostercontent {
		overflow-y: auto;
		position: fixed;
	   	width: 100%;
    	}
  	
  	#top_bar{
  	    background-color: #3b3b3b;
  	    border-bottom: 1px solid #666;
  	    position: absolute;
  	    overflow: hidden;
  	    width: 100%;
  	    height: 50%;
  	    max-height: 48px;
  	    z-index: 20;
  	}
  	
  	#stat_bar{
  	    border-bottom: 1px solid #5f5f5f;
  	    position: relative;
  	    overflow: hidden;
  	    vertical-align: middle;
  	    width: 100%;
  	    height: 50%;
  	    max-height: 48px;
  	    z-index: 20;
 	    background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#242424));
   	    background-image:-webkit-linear-gradient(top,#3c3c3c,#242424);
   	    background-image:-moz-linear-gradient(top,#3c3c3c,#242424);
   	    background-image:-ms-linear-gradient(top,#3c3c3c,#242424);
   	    background-image:-o-linear-gradient(top,#3c3c3c,#242424);
  	    background-image:linear-gradient(top,#3c3c3c,#242424);
	}
	
	#rulesbg {
	    background: #d97600; /* For browsers that do not support gradients */
	    background: -webkit-linear-gradient(#d97600, #ff9600); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(#d97600, #ff9600); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#d97600, #ff9600); /* For Firefox 3.6 to 15 */
    	    background: linear-gradient(#d97600, #ff9600); /* Standard syntax */
	}
	
	.responsive-video {
	    position: relative;
	    padding-bottom: 35.00%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}
	
	.responsive-video iframe,
	.responsive-video object,
	.responsive-video embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	
	.responsive-image {
	    position: relative;
	    padding-bottom: 20.00%;
	    padding-top: 10px; 
	    height: 0; 
	    overflow: hidden;
	}

	.responsive-image img {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	
	.responsive-opener {
	    position: relative;
	    padding-bottom: 10.00%;
	    padding-top: 10px; 
	    height: 0; 
	    overflow: hidden;
	}

	.responsive-opener img {
	    margin: 0px auto;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	
	.responsive-show {
	    position: relative;
	    padding-bottom: 8.00%;
	    padding-top: 10px; height: 0; overflow: hidden;
	}

	.responsive-show img {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	
	.responsive-project {
	    position: relative;
	    padding-bottom: 30.00%;
	    padding-top: 10px; 
	    height: 0; 
	}

	.responsive-project img {
	    position: relative;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    padding: 3px;
	    border: 2px solid #003c79;
	}
	
	.responsive-bgimage {
	    position: relative;
	    padding-bottom: 35.00%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}

	.responsive-bggimage div {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	
	.responsive-bgshout {
	    position: relative;
	    padding-bottom: 8.00%;
	    padding-top: 25px; height: 0; overflow: hidden;
	}

	.responsive-bggshout div {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	
	.responsive-bgstar {
	    position: relative;
	    padding-bottom: 8.00%;
	    padding-top: 15px; height: 0; overflow: hidden;
	}

	.responsive-bgstar div {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	
	.loginbutton {
		font: bold 14px 'Lucida Grande', Trebuchet MS,Helvetica,Arial,sans-serif;
		cursor: pointer;
		color:#000000;
		background: #ffd200;
	    	display: inline-block;
		text-align: center;
		text-decoration: none;
		letter-spacing: -1px;
		outline: 0px;
	    	padding: 6px;
	    	border-radius: 12px;
		border: 2px #ff7e00 solid; 
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-webkit-box-shadow: 2px 2px 4px #000; 
		-moz-box-shadow: 2px 2px 4px #000; 
		box-shadow: 2px 2px 4px #000;
	}
	
	#box-link { 
		position: absolute;
		top: 0px;
		width: 100%; 
		height: 100%; 
		background-color: transparent; 
	}
	
	
	#progressBar {
	        height: 80px;
	        border: 1px solid #111;
	        background-color: #fec015;
	        color: #ffffff;
	}
	   
	#progressBar div {
	        height: 80px;
	        width: 0;
	        background-color: #ffde00;
	        color: #ffffff;
	}
	    
	.jquery-ui-like {
		background: #ae8e53;
		border: 1px solid #090909;
		overflow: hidden;
		height: 80px;
		width: 100%;
		color: #ffffff;
	}
	.jquery-ui-like div {
		background-image: -o-linear-gradient(bottom, #9a7735 0%, #7A5A1F 51%, #9a7735 100%, #7A591C 100%);
		background-image: -moz-linear-gradient(bottom, #9a7735 0%, #7A5A1F 51%, #9a7735 100%, #7A591C 100%);
		background-image: -webkit-linear-gradient(bottom, #9a7735 0%, #7A5A1F 51%, #9a7735 100%, #7A591C 100%);
		background-image: -ms-linear-gradient(bottom, #9a7735 0%, #7A5A1F 51%, #9a7735 100%, #7A591C 100%);
		background-image: linear-gradient(to bottom, #9a7735 0%, #7A5A1F 51%, #9a7735 100%, #7A591C 100%);
		height: 80px;
		width: 0;
		border-right: 1px solid #b38c3d;
		color: #ffffff;
	}
	
	.first {
		display: inline-block;
		font: normal normal normal 16px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #ffd800;
		text-shadow: 0px 0px 6px #000000;
	}
	
	.second {
		display: inline-block;
		font: normal normal normal 16px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #cccccc;
		text-shadow: 0px 0px 6px #000000;
	}
	
	.third {
		display: inline-block;
		font: normal normal normal 16px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #cf8800;
		text-shadow: 0px 0px 6px #100a00;
	}
	
	.noplace {
		display: inline-block;
		font: normal normal normal 16px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #a7a7a7;
		text-shadow: 0px 0px 6px #000000;
	}
	
	/* Youtube Reflexive */
	.vid-container {
	    	position: relative;
	    	padding-bottom: 50%;
	    	padding-top: 35px; height: 0; overflow: hidden;
	}
	
	.vid-container iframe,
	.vid-container object,
	.vid-container embed {
	    	position: absolute;
	    	top: 0;
	    	left: 0;
	    	width: 99%;
	    	height: 99%;
	}
	
	/* Small Youtube Reflexive */
	.clip-container {
	    	position: relative;
	    	padding-bottom: 50%;
	    	padding-top: 35px; height: 0; overflow: hidden;
	}
	
	.clip-container iframe,
	.clip-container object,
	.clip-container embed {
	    	position: absolute;
	    	top: 0;
	    	left: 0;
	    	width: 88%;
	    	height: 88%;
	}
	
  	#rtrapezoid {
  	    font-weight: normal;
  	    white-space: nowrap;
  	    color: white;
  	    z-index: 20;
  	    vertical-align: middle;
  	    position: absolute;
  	    height: 0;
  	    width: 80px;
  	    border-bottom: 60px solid #000000;
  	    border-left: 0px solid #000000;
  	    border-right: 45px solid transparent;
  	    display: inline-block;
  	    left: 0px;
  	    z-index: 100;
  	}
  	
  	.trapezoid{
  	    font-weight: normal;
  	    white-space: nowrap;
  	    color: white;
  	    z-index: 20; 
  	    line-height: 50px;
  	    vertical-align: middle;
  	    position: absolute;
  	    border-bottom: 60px solid #000000;
  	    border-left: 45px solid transparent;
  	    height: 0;
  	    width: 80px;
  	    display: inline-block;
  	    right: 0px;
  	    z-index: 100;
  	}
  	
  	.trapezoid-border{
  	    vertical-align: middle;
  	    position:absolute;
  	    border-bottom: 70px solid red;        /* Color Changed will be pseudo-border color */
  	    border-left: 45px solid transparent;
  	    height: 0;
  	    width: 53px;                       /* Extra 3 pix when compared to .trapezoid class width */
  	    display: inline-block;
  	    right: 1px;
  	}

	#glimmer {width: 123px; height: 67px; background: url(../images/waelogo_prt3b.png) 0px 0px; background-repeat: no-repeat;}