body {
	background: #0B123F;
	text-align: center;
	font-family: Arial;
	padding-bottom: 10px;
	margin-bottom: 10px;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}

#header {
	width: 100%;
	background: #27316E;
	border-bottom: 1px #FFFFFF solid;
	margin-bottom: 28px;
	}

#logo {
	max-width: 350px;
	margin: 20px auto 20px auto;
}

.frontpics {
	max-width: 650px;
	margin-bottom: 25px;
}

.frontpics img {
	max-width: 185px;
	border: 1px #FFFFFF solid;
}

.menu {
	background: #161E55;
	max-width: 620px;
	margin: 0 auto 25px auto;
	color: #FFFFFF;
	border: 1px #01B0D6 dashed;
	padding: 8px 0 8px 0;
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
}
.menu:visited { color: #FFFFFF }
.menu:hover { color: #01B0D6 }

.locs {
	max-width: 500px;
}

.locmob, .locdap {
	font-size: 17px;
	color: #FFFFFF;
	line-height: 19px;
}

.locmob a, .locdap a {
	color: #CDCFE0;
	text-decoration: underline;
}

.hours {
	margin-top: 40px;
	text-align: center;
}

.hoursbox {
	width: 300px;
	background: #1F2861;
	border: 1px #FFFFFF solid;
	padding: 8px 5px 8px 5px;
	margin: 0 auto 0 auto;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 19px;
}
.hoursbox span {
	display: block;
	color: #D9DDF2;
	font: bold 16px Arial;
}

.spacer {
	height: 8px;
	clear: both;
}


#menu {
	max-width: 650px;
	font: 0.9em Arial;
	color: #FFFFFF;
	margin: -10px auto 5px auto;
}
#menu .padbtm { margin-bottom: 8px }
#menu .menuhdr { background-color: #27316E; font-weight: bold; font-family: Arial; color: #FFFFFF; margin: 10px 0 10px 0; padding: 7px 0 7px 0; border: 1px #FFFFFF dashed }
#menu .item { font-weight: bold; text-align: left; color: #FFFFFF }
#menu .menudesc { color: #F9F9F9; text-align: left }
#menu .subdesc { font-size: 12px; text-align: left; color: #FFFFFF }
#menu .subhdr { font-weight: bold; color: #0490B3 }
#menu .text-right { color: #FFFFFF }
#menu .text-center { color: #FFFFFF }
#menu .text-left { color: #FFFFFF }

#specials { border: 1px #81CBF1 dashed; margin-bottom: 10px }
#specials p { padding: 4px; margin: 0 }
#specials b { color: #81CBF1 }

#homelink { color: #FFFFFF; text-decoration: underline; display: inline-block; margin-bottom: 15px }

#notice { display: none; max-width: 620px; clear: both; background: #FFFFED; padding: 6px 5px 7px 5px; font: 12px Arial; text-align: center; margin: 10px auto 10px auto; border: 1px #D8D8D8 solid }
	
@media only screen and (max-width: 40em) { 

	#logo {
		max-width: 325px;
	}
	
	.menu, #menu {
		margin-left: 0.825em;
		margin-right: 0.825em;
	}
	
	#notice {
		margin-left: 1.05em;
		margin-right: 1.05em;	
	}

	.frontpics {
		max-width: 600px;
		margin-bottom: 10px;
	}

	.frontpics img {
		max-width: 300px;
		margin-bottom: 20px; 
	}

	.locmob, .locdap {
		margin-bottom: 40px;
	}

	.hours {
		margin: 0 0 25px 0;
	}

}