body
{
	font-family: "Arial", "Helvetica", "sans-serif", "Tw Cen MT";
	background-color: #21175a;
	background-image: url("images/BackgroundCompressed.png");
	/*background-image: url("images/Another2.png");*/
    background-attachment: fixed;
		/*background-size:cover;*/
		background-size: 100% 100%;
		background-repeat: no-repeat;
}

h1
{
	text-align: center;
}

.mainbox
{
	background-color: white;
	padding: 15px;
	max-width: 800px;
    margin-left: auto ;
    margin-right: auto ;
    margin-top:20px;
		margin-bottom:20px;
	border-radius: 5px;
}

img
{
	max-width: 100%;
}

.mainbox table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
		float: center;
}

.mainbox td, th {
    border: 1px solid #dce3f2;
    text-align: left;
    padding: 8px;
}

.mainbox tr:nth-child(even) {
    background-color: #dce3f2;
}

.mainbox p
{
    text-align: justify;
    text-justify: inter-word;
}

#googleMap
{
	background-color: white;
	padding: 15px;
	height: 300pt;
	max-width: 700px;
    margin-left: auto ;
    margin-right: auto ;
    margin-top:20px;
	border-radius: 5px;
}

#titlebox
{
	background-color: white;
	padding: 15px;
	max-width: 800px;
	text-align: center;
    margin-left: auto ;
    margin-right: auto ;
    margin-top:20px;
	border-radius: 5px;
}

#titlebox h1
{
	font-size: 120%;
}

#titlebox h2
{
	font-size: 120%;
}

#titlebox a
{
	text-decoration:none;
	color:black;
}

#sponsorlogos
{

    margin-left: auto;
    margin-right: auto;
	text-align:center;
}

#sponsorlogos img
{
		vertical-align:middle;
		max-height: 110px;
		max-width:180px;
    padding-left: 30px;
    padding-right: 30px;
}

a {
    color: #000f70;
	font-weight: bold;
}
a:hover {
    color: #000fcc;
}

#amsscfooter
{
	background-color: white;
	padding: 15px;
	max-width: 800px;
	text-align: center;
    margin-left: auto ;
    margin-right: auto ;
    margin-top:20px;
	text-align:center;
	font-size:70%;
	border-radius: 5px;
}

@media only screen and (max-width:500px) and (orientation:portrait) {

	body{
		background-image: url("images/BackgroundCompressed_Mobile.png");
		background-size:100%;
		background-attachment: fixed;
	}

	.mainbox
	{
		padding: 10px;
		width: auto;
	    margin-left: 0px ;
	    margin-right: 0px ;
	    margin-top:30px;
			margin-bottom:30px;
		border-radius: 5px;
	}

	.mainbox p
	{
	    text-align: left;
	}

	#amsscfooter
	{
		text-align: left;
	}

	#sponsorlogos img
	{
			height: 40px;
	    padding-left: 20px;
	    padding-right: 20px;
	}

}