body
	{
	background-color: #f2f2f2;
	color: #444444;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	}
.banner
	{
	display: block;
	padding: 3%;
	background: #00002e url("/i/stacked_dots_background.jpg") repeat-x left top;
	background-size: auto 100%;
	color: #ffffff;
	}
.banner h1
	{
	font-family: Palatino, "Palatino Linotype", Baskerville, "Times New Roman", serif;
	}
.main
	{
	display: block;
	padding: 3%;
	}
.supplemental
	{
	display: block;
	padding: 3%;
	}

@media all and (min-width: 960px)
	{
	.main
		{
		float: left;
		width: 44%;
		}
	.supplemental
		{
		float: right;
		width: 44%;
		}
	}


.bright-button
	{
	padding: 10px 15px;
	background: #ffae00;
	color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #c08300;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	}

.bright-button:hover, .bright-button:focus
	{
	background: #c08300;
	border: solid 1px #855b00;
	text-decoration: none;
	}

.bright-button:active 
	{
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #855b00;
	border: solid 1px #5a3e00;
	}