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

body{
			padding:0;
			margin:0;
			font-family: calibri, verdana, arial, helvetic, sans-serif;
			background: #eeeeee url("../images/saeg-background.jpg")center top fixed no-repeat;
			background-size: cover;
		}

.linkHolder a{
			text-decoration:none;
			color:white;
		}
		
		.linkHolder{
			font-size: 0.2em;
			width: 20em;
			margin-top:1.5em;
		}
		
		.launchButton{
			background: #1e2f56;
			padding:7%;
			text-align: center;
			width:100%;
			border-radius: 50px;
			font-weight:bold;
		}
		
		.launchButton:hover{
			background:#3b5591;
		}
		
		a{
			text-decoration:none;
		}
		
		#topBox{
			background-color:rgba(255,255,255,0.85);
			height: 7.5em;
			padding-left: 5%;
			padding-top: 1.5%;
			box-shadow: 0px 5px 3px rgba(0,0,0, 0.2);
		}
		
		#MainLogo{
			float:left;
		}


		.projectLogoTMEP{

			width: 18%;
			float:right;
		}

		.projectLogoCGL{

			width: 25%;
			float:right;
		}


		#contentArea{
			padding: 4% 5% 4% 5%;
		}
		
		.leftDiv{
			color: #808285;
			font-size: 5.0em;
			float:left;
			background: #FFFFFF;
			padding: 1% 2% 1.5% 2%;
			border-radius: 10px;
			line-height: 0.5;
			width: 42%;
		}
		
		.rightDiv{
			color: #808285;
			font-size: 5.0em;
			float:right;
			background: #FFFFFF;
			padding: 1% 2% 1.5% 2%;
			border-radius: 10px;
			line-height: 0.5;
			width:42%;
		}
		
		#footer {
		   position:fixed;
		   left:0px;
		   bottom:0px;
		   height:30px;
		   width:100%;
			padding: 1% 0 0.5% 0;
		   background:#252525;
			color:white;
			text-align: center;
			font-family: calibri, verdana, arial, helvetica, sans-serif;
			font-weight:bold;
		}
		
		.buttonLabel{
				padding: 10px 0px 0 0; float:right;
		}

		.selectText{
			width:100%;
			text-align:center;
			font-size: 20px;
			font-weight: bold;
			margin-bottom:10px;
			color:white;
		}

		.titleSub{
			font-size: 0.4em;
			color: #2cb397;
		}

		/* 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: #2cb397;
				font-weight: bold;
				border-radius: 5px;
				border: 1px solid #BBB;
				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: #f58024;
				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-left:25px;
				}
				#adminButtonLabel{
						float:right;
						width: 50%;
					margin: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: #d0202f; /* Old browsers */
					background: -moz-linear-gradient(top,  #ea3242 49%, #d0202f 52%); /* FF3.6-15 */
					background: -webkit-linear-gradient(top,  #ea3242 49%,#d0202f 52%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to bottom,  #ea3242 49%,#d0202f 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea3242', endColorstr='#d0202f',GradientType=0 ); /* IE6-9 */
					/* END GRADIENT SETTINGS */
					border: 1px solid #B41524;

				}
		
			/* END ADMIN BUTTON */
			/* ----------------*/		
			/* ACCESS BUTTONS */
		
				
		
				.buttonHolder{
					line-height: 0.4em;
					margin-top:0.3em;
				}

				.logoButtonHolder{
					margin-bottom: 3%;
					text-align:center;
				}
		
				.accessButton{
					font-size: 0.5em;
					padding:2% 0 1% 0;
					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: #d0202f; /* Old browsers */
					background: -moz-linear-gradient(top,  #ea3242 49%, #d0202f 52%); /* FF3.6-15 */
					background: -webkit-linear-gradient(top,  #ea3242 49%,#d0202f 52%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to bottom,  #ea3242 49%,#d0202f 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea3242', endColorstr='#d0202f',GradientType=0 ); /* IE6-9 */
					/* END GRADIENT SETTINGS */
					border: 1px solid #B41524;

				}

				.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 : 980px) {
		
		#contentArea{
			padding: 4% 7% 4% 5%;
		}
		
		#MainLogo{
			height: 57%;
			margin-top:1.5%;
			padding:0;
		}
		
		#adminButtonLabel{
			margin: 4% 4% 0 0;
			width: 60%;
		}
		
		.leftDiv{
			font-size: 4.5em;
			float:left;
			width: 100%;
			border-radius: 5px;
			margin-bottom: 4%;
		}
		
		
		.rightDiv{
			font-size: 4.5em;
			float:left;
			clear:both;
			width: 100%;
			border-radius: 5px;
			margin-bottom:5%;
		}
		
		.buttonHolder{
			margin-bottom: 5%;
		}
		
		.accessButton{
		}
		
		.logoButton{
			font-size: 3em;
			padding: 1% 6% 1% 6%;
			margin-right: 5%;
			width: 88%;
			text-align:center;
			clear: right;
		}
		
		.instructions{
			
		}
		
		#footer {
		   height:50px;
			padding: 4% 5% 0% 5%;
			font-size: 25px;
		}
		
		#footerContainer{
			width: 89%;
		}
		
    }
		
		/* Large Devices, Wide Screens */
    @media only screen and (max-width : 750px) {
		
		#MainLogo{
			height: 40%;
			margin-top:2%;
		}
		
		#contentArea{
			padding: 4% 9% 4% 5%;
		}
		
		#adminButtonLabel{
			margin: 5% 4% 0 0;
			width: 50%;
		}
		.leftDiv{
			font-size: 4em;
			float:left;
			border-radius: 5px;
			padding: 0 3% 3% 3%;
		}
		
		.rightDiv{
			font-size: 4em;
			float:left;
			clear:both;
			width: 100%;
			border-radius: 5px;
			margin-bottom:5%;
			padding: 0 3% 3% 3%;
		}
		
		.buttonHolder{
			margin-bottom: 3%;
		}
		
		.accessButton{
			
		}
		
		.logoButton{
			font-size: 1.5em;
			padding:1% 6% 1% 6%;
			clear: right;
			width: 85%;
			text-align:center;
		}
		
		#footer {
			font-size: 18px;
		}
		
	}

	/* Small Devices, Wide Screens */
    @media only screen and (max-width : 450px) {
		
		#MainLogo{
			height: 40%;
			margin-top:5%;
		}
		
		#contentArea{
			padding: 4% 9% 4% 5%;
		}
		
		#adminButtonLabel{
			margin: 5% 4% 0 0;
			width: 50%;
		}
		.leftDiv{
			font-size: 4em;
			float:left;
			border-radius: 5px;
			padding: 0 5% 5% 5%;
		}
		
		.rightDiv{
			font-size: 4em;
			float:left;
			clear:both;
			width: 100%;
			border-radius: 5px;
			margin-bottom:5%;
			padding: 0 5% 5% 5%;
		}
		
		.buttonHolder{
			margin-bottom: 3%;
		}
		
		.accessButton{
			
		}
		
		.logoButton{
			font-size: 1.5em;
			padding:1% 6% 1% 6%;
			clear: right;
			width: 85%;
			text-align:center;
		}
		
		#footer {
			font-size: 18px;
		}
		
	}