body 
{
	margin: 0;
}


div.loginContainer
{
	width: 500px;
	margin: 0 auto;
	margin-top: 20px;
}


div.header {text-align: center; border-bottom: solid #ccc 1px; padding: 30px 0 30px 0; overflow: auto;}
div.header h1 {}
div.header a {text-decoration: none; color: #000;}
.logo {width: 120px; height: auto;}

div.contentWrapper 
{
	padding: 50px 12% 50px 12%;
}

div.message{ max-width: 700px; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; }

h1 {margin: 30px 0 40px 0;}
h2 {margin: 30px 0 40px 0;}
h3 {margin: 30px 0 40px 0;}

.centered {text-align: center;}
.rAlign  {text-align: right;}
.large {font-size: 150%;}

div.logoCont {height: 150px; width: 30%; float: left; text-align: right; padding-right: 15px;}
div.orgName {height: 150px; width: 70%; float: left; text-align: left; padding-left: 15px;}

@media(max-width: 930px)
{
	div.header h1 {font-size: 200%;}
	.logo {width: 100px;}

	div.logoCont {height: 150px; width: 30%; padding-right: 15px;}
	div.orgName {height: 150px; width: 70%; padding-left: 15px;}

}

@media(max-width: 700px)
{
	div.header h1 {font-size: 175%; margin-top: 20px;}
	.logo {width: 80px;}

	div.logoCont {width: 30%; height: 100px;}
	div.orgName {width: 70%; height: 100px;}

}