body { background: url('images/bg-1.jpg') top no-repeat fixed; font-family: arial, helvetica, sans-serif; font-size: 16px; color: #464646; }
#main { width: 100%; max-width: 900px; text-align:left; }
.button { border-right: 2px dotted #464646; border-bottom: 2px dotted #464646; padding: 6px; width: 200px; display: inline-block; text-decoration: none; color: #464646; }
.button2 { border-right: 2px dotted #464646; border-bottom: 2px dotted #464646; padding: 6px; width: 200px; display: inline-block; text-decoration: none; color: #006600; }
a.button:hover { color: #006600; text-decoration: underline; }
a.brnlink { text-decoration: none; color: #464646; }
a.brnlink:hover { text-decoration: underline; color: #006600; }
#Menu { display: inline-block; float: left; width: 270px; vertical-align: top; }
#ContentBox { display: inline-block; float: right; width: 600px; padding: 6px 16px 16px 6px; vertical-align: top; }

@media (min-width: 931px) { 
	#AltMenu { display: none; } 
	.MobOnly { display: none; }
}
@media (max-width: 930px) {
	#Menu { display: none; }
	#ContentBox { width: 96%; }
	.DTOnly { display: none; }
	#AltMenu a:link, #AltMenu a:visited  { padding: 8px; background-color: teal; color: white; text-decoration: none; margin-right: 10px; font-weight: bold; }
	#AltMenu a:hover { background-color: yellow; color: black; }
}