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

body{
			padding:0;
			margin:0;
			font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
			background: #ffffff url("../images/tesselation-background.jpg")center top fixed no-repeat;
			background-size: cover;
		}
		
		#selectorContainer{
			width: 25%;
		}
		
		#locationSelector{
			float:left;
		}
		
		.linkHolder a{
			text-decoration:none;
			color:white;
		}
		
		.linkHolder{
			width: 21em;
			float: right;
		}
		
		.launchButton{
			background: #f8ce13;
			padding:7%;
			text-align: center;
			width:100%;
			border-radius: 50px;
			font-weight:bold;
		}
		
		.launchButton:hover{
			background: #ffda38;
		}

		
		a{
			text-decoration:none;
		}
		
		#topBox{
			background-color:white;
			height: 4.0em;
			padding-left: 5%;
			padding-top: 0.8%;
			box-shadow: 0px 2px 3px rgba(0,0,0, 0.2);
		}
		
		#ThompsonLogo{
			float:left;
			height: 70%;
		}
		
		#contentArea{
			padding: 4% 3% 4% 5%;
		}
		
		.leftDiv{
			color: #FFFFFF;
			font-size: 2.3em;
			font-weight:400;
			float:left;
			background: #444444;
			padding: 1.5% 6% 1.0% 1%;
			width: 35%;
			border-bottom: 4px solid #222222;
			font-family: ropa-sans-pro, arial, sans-serif;
			font-weight:bold;
		}
		
		.rightDiv{
			float:right;
			margin-right:10%;
			width: 35%;
			text-align:center;
		}
		
		#footer {
			position:fixed;
			left:0px;
			bottom:0px;
			line-height:1;
			width:100%;
			padding: 1% 0 1% 0;
			background:#000000;
			color:#dddddd;
			text-align: center;
			font-family: ropa-sans-pro, "Helvetica Neue",Helvetica,Arial,sans-serif;
			font-size: 14px;
			text-transform: uppercase;
		}
		
		#footerContainer{
			padding: 0% 3% 0% 5%;
		}
		
		.selectText{
			width:100%;
			text-align:center;
			font-size: 20px;
			font-weight: bold;
			margin-bottom:10px;
			color:white;
		}

		.leftDiv p{
			font-size: 0.5em;
			color: #c9c9c9;
			font-weight: normal;
			line-height: 1.2;
		}

		/* IE 6 */
		* html #footer {
		   position:absolute;
		   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
		}

		
		

	
		/* BUTTONS */
			.button{
				color: #333333;
				font-weight: bold;
				border: 1px solid #333333;
				padding:0.5em 1.2em 0.5em 1.2em;
				/*GRADIENT SETTINGS*/
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+49,f4f4f4+50 */
				background: #eeeeee; /* Old browsers */
				background: -webkit-linear-gradient(#ffffff 49%, #f4f4f4 50%);
				background: -o-linear-gradient(#ffffff 49%, #f4f4f4 50%);
				background: linear-gradient(#ffffff 49%, #f4f4f4 50%); /* FF3.6-15 */
				 /* Chrome10-25,Safari5.1-6 */
				/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
				/* END GRADIENT SETTINGS */

			}

			.button2{
				color: #002a31;
				font-weight: bold;
				text-align: center;
				border-radius: 5px;
				border: 1px solid #555;
				padding:0.5em 1.2em 0.5em 1.2em;
				/*GRADIENT SETTINGS*/
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+49,f4f4f4+50 */
				background: #f6f6f6; /* Old browsers */
				background: -webkit-linear-gradient(#ffffff 49%, #f4f4f4 50%);
				background: -o-linear-gradient(#ffffff 49%, #f4f4f4 50%);
				background: linear-gradient(#ffffff 49%, #f4f4f4 50%);  
				 /* Chrome10-25,Safari5.1-6 */
				/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );*/ /* IE6-9 */
				/* END GRADIENT SETTINGS */

			}
		
			/* ADMIN Button */
		
				.mainButton{
					float:right;
					margin: 0.2% 5% 0 5%;
				}
		
				.mainButton:hover{
					color:#ffffff;
					/*GRADIENT SETTINGS*/
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5a27e+49,e65300+52 */
					background: #ffda38; /* Old browsers */
					background: -moz-linear-gradient(top,  #ffda38 49%, #f8ce13 52%); /* FF3.6-15 */
					background: -webkit-linear-gradient(top,  #ffda38 49%,#f8ce13 52%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to bottom,  #ffda38 49%,#f8ce13 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffda38', endColorstr='#f8ce13',GradientType=0 ); /* IE6-9 */
					/* END GRADIENT SETTINGS */

				}
		
			/* END ADMIN BUTTON */
			/* ----------------*/		
			/* ACCESS BUTTONS */
		
				
		
				.buttonHolder{
					line-height: 2em;
					margin-bottom: 3%;
				}

				.logoButtonHolder{
					margin-bottom: 3%;
					text-align:center;
				}
		
				.accessButton{
					font-size: 2em;
					padding:3% 6% 2% 6%;
					clear: right;
					width: 100%;
					text-align:center;
				}
		
				.accessButton:hover{
					color:#ffffff;
					/*GRADIENT SETTINGS*/
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5a27e+49,e65300+52 */
					background: #002a31; /* Old browsers */
					background: -moz-linear-gradient(top,  #004b57 49%, #002a31 52%); /* FF3.6-15 */
					background: -webkit-linear-gradient(top,  #004b57 49%,#002a31 52%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to bottom,  #004b57 49%,#002a31 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42636', endColorstr='#d2202f',GradientType=0 ); /* IE6-9 */
					/* END GRADIENT SETTINGS */

				}

				.logoButton:hover{
					color:#ffffff;
					/*GRADIENT SETTINGS*/
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5a27e+49,e65300+52 */
					background: #FFFFFF; /* Old browsers */
					background: -moz-linear-gradient(top,  #ebebeb 49%, #dv3d3d3 52%); 
					background: -webkit-linear-gradient(top,  #ebebeb 49%,#d3d3d3 52%); 
					background: linear-gradient(to bottom,  #ebebeb 49%,#d3d3d3 52%); 
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
					/* END GRADIENT SETTINGS */

				}

				.instructions{
					font-size: 0.5em;
					color: #777777;
				}

				.accessButton:hover .instructions{
					color: #eeeeee;
				}

				.logoButton:hover .instructions{
					color: #eeeeee;
				}
		
			/* END ACCESS BUTTONS */
		
		
	/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1000px) {
		
		#selectorContainer{
			width: 100%;
		}
		
		#locationSelector{
			width:96%;
			padding-left:2%;
		}
		
		
		
		#showLocation{
			width:100%;
		}
		
		.linkHolder{
			width: 87%;
			float: none;
			margin-top:1.5em;
		}
		
		.launchButton{
			background: #d2202f;
			padding:7%;
			text-align: center;
			width:100%;
			border-radius: 50px;
			font-weight:bold;
			font-size: 1.5em;
		}
		
		
		.leftDiv{
			font-size: 3.5em;
			width: 100%;
			padding: 1.5% 0 1.5% 0;
			border-radius: 5px;
			text-align:center;
			margin-bottom: 8%;
		}
		
		.rightDiv{
			float:none;
			clear:both;
			margin-top:2%;
			width: 100%;
		}
		
		.buttonHolder{
			line-height: 4em;
			margin-bottom: 5%;
		}
		
		.accessButton{
			font-size: 3em;
			padding:1% 6% 1% 6%;
			clear: right;
			margin-right: 5%;
			width: 88%;
			text-align:center;
		}
		
		.logoButton{
			font-size: 3em;
			padding:1% 6% 1% 6%;
			margin-right: 5%;
			width: 88%;
			text-align:center;
			clear: right;
		}
		
		.instructions{
			font-size: 22px;
			color: #777777;
			line-height:0.5em;
		}
		#footer {
		   height:50px;
			padding: 4% 5%; 0% 5%;
			font-size: 25px;
		}
		
		#footerContainer{
			width: 89%;
		}
		
    }
		
		/* Large Devices, Wide Screens */
    @media only screen and (max-width : 615px) {
	
		#selectorContainer{
			width: 98%;
		}
		
		#locationSelector{
			float:left;
		}
		
		.leftDiv{
			font-size: 1.5em;
			float:left;
			width: 98%;
			padding: 1.5% 0 1.5% 0;
			border-radius: 5px;
			text-align:center;
		}
		
		.buttonHolder{
			line-height: 2em;
			margin-bottom: 3%;
		}
		
		.accessButton{
			font-size: 1.5em;
			padding:1% 6% 1% 6%;
			clear: right;
			width: 85%;
			text-align:center;
		}
		
		.logoButton{
			font-size: 1.5em;
			padding:1% 6% 1% 6%;
			clear: right;
			width: 85%;
			text-align:center;
		}
		
		#footer {
			font-size: 18px;
		}
		
	}