/*
Name: Welcome Package for New Students 2023
Description: CSS for Welcome Package for New Students 2023 in AASO 
Version: 1.1.1
Author: Cliff
*/


@media (max-width: 900px) {
   .desktop_only {
      display:none;
   }
   
	#mainWindowWidth{
		width: 380px;
		margin: auto;
	}

	#welcome-page-top {
		background:url("../../../images/Mobile_stripe2.png") no-repeat scroll center 0;
		width: 380px;
		height: 456px;
	    background-size: 380px 456px;
		z-index: 99;
	}

	#mainContent2 {
	  background:url("../../../images/Mobile_stripe3.png") no-repeat scroll center 0;
  	  width: 380px;
 	  height: 739px;
	  background-size: 380px 739px;
	  z-index: 99;
	}

	#mainContent3 {
	  background:url("../../../images/Mobile_stripe4.png") no-repeat scroll center 0;
  	  width: 380px;
 	  height: 163px;
	  background-size: 380px 163px;
	  z-index: 99;
	}

	#mainContent4 {
	  background:url("../../../images/Mobile_stripe5.png") no-repeat scroll center 0;
  	  width: 380px;
 	  height: 3134px;
	  background-size: 380px 3134px;
	  z-index: 99;
	}

	#mainContent6 {
	  background:url("../../../images/Mobile_stripe6.png") no-repeat scroll center 0;
  	  width: 380px;
 	  height: 166px;
	  background-size: 380px 166px;
	  z-index: 99;
	}

	#section0 {
	  height: 80px;
	  background-color: #3d3d3d;  
	}
	  
	#section1 {
	  height: 496px;
	  background-color: #ec377d; /* For browsers that do not support gradients */
	  background-image: linear-gradient(to bottom, #ec377d 0%, #ec377d 80%, #add85b 80%, #add85b 100%);
	}
	  
	#section2 {
	  background-color: #add85b;
	  font-size: 13px;
	  font-family: 'Open Sans', Verdana, Arial, Tahoma, FreeSans, sans-serif;	  
	}

	#section3 {
	  background-color: #add85b;
	}

	#section4 {
	  background-color: #add85b;
	  font-size: 13px;
	  font-family: 'Open Sans', Verdana, Arial, Tahoma, FreeSans, sans-serif;	  
	  height: 3140px;
	}

	#section5 {
	  height: 835px;
	  background-color: #FFFFFF;
	}

	#section6 {
	  height: 640px;
	  background-color: #ef895a;
	  font-size: 13px;
	  font-family: 'Open Sans', Verdana, Arial, Tahoma, FreeSans, sans-serif;	  	  
	}

	#section7 {
	  height: 100px;
	  background-color: #3d3d3d;  
	}

	table.mainTable1{
		font-size: 13px;
		font-family: 'Open Sans', Verdana, Arial, Tahoma, FreeSans, sans-serif;
		margin: 0 0 0 0px;
		width: 380px;
		text-align: center;
		border-collapse: collapse;
	}
		
	table.mainTable2{
		font-size: 13px;
		font-family: 'Open Sans', Verdana, Arial, Tahoma, FreeSans, sans-serif;
		margin: 0 0 0 0px;
		width: 380px;
		text-align: center;
		border-collapse: collapse;
	}
		
	table.mainTable2 td {
		padding: 0px 10px;
	}

	/* Clear floats after the columns */
	.row:after {
	  content: "";
	  display: table;
	  clear: both;
	}	
}

@media only screen and (min-width: 900px ) {
   .mobile_only {
      display:none;
   }

	#mainWindowWidth{
		width: 1024px;
		margin: auto;
	}

	#welcome-page-top {
		background:url("../../../images/Web_stripe2.png") no-repeat scroll center 0;
		width: 1024px;
		height: 511px;
		z-index: 99;
	}

	#mainContent2 {
	  background:url("../../../images/Web_stripe3.png") no-repeat scroll center 0;
	  width: 1024px;
 	  height: 863px;
	  z-index: 99;
	}

	#mainContent3 {
	  background:url("../../../images/Web_stripe4.png") no-repeat scroll center 0;
	  width: 1024px;
 	  height: 266px;
	  z-index: 99;
	}

	#mainContent4 {
	  background:url("../../../images/Web_stripe5.png") no-repeat scroll center 0;
	  width: 1024px;
 	  height: 2863px;
	  z-index: 99;
	}

	#mainContent6 {
	  background:url("../../../images/Web_stripe6.png") no-repeat scroll center 0;
	  width: 1024px;
 	  height: 535px;
	  z-index: 99;
	}

	#section0 {
	  height: 80px;
	  background-color: #3d3d3d;  
	}
	  
	#section1 {
	  height: 551px;
	  background-color: #ec377d; /* For browsers that do not support gradients */
	  background-image: linear-gradient(to bottom, #ec377d 0%, #ec377d 80%, #add85b 80%, #add85b 100%);
	}
	  
	#section2 {
	  background-color: #add85b;
	  font-size: 15px;
	  font-family: 'Open Sans', Verdana, Arial, Tahoma, FreeSans, sans-serif;	  
	}

	#section3 {
	  background-color: #add85b;
	}

	#section4 {
	  background-color: #add85b;
	  font-size: 15px;
	  font-family: 'Open Sans', Verdana, Arial, Tahoma, FreeSans, sans-serif;	  
	}

	#section5 {
	  height: 650px;
	  background-color: #FFFFFF;
	}

	#section6 {
	  height: 600px;
	  background-color: #ef895a;
	}

	#section7 {
	  height: 70px;
	  background-color: #3d3d3d;  
	}

	table.mainTable1{
		font-size: 15px;
		font-family: 'Open Sans', Verdana, Arial, Tahoma, FreeSans, sans-serif;
		margin: 0 0 0 0px;
		text-align: center;
		border-collapse: collapse;
	}
		
	table.mainTable2{
		font-size: 15px;
		font-family: 'Open Sans', Verdana, Arial, Tahoma, FreeSans, sans-serif;
		margin: 0 0 0 0px;
		text-align: center;
		border-collapse: collapse;
	}
		
	table.mainTable2 td {
		padding: 0px 10px;
	}
	
	/* Clear floats after the columns */
	.row:after {
	  content: "";
	  display: table;
	  clear: both;
	}	
}