@charset "utf-8";
/* CSS Document */

body {
	background-image: url( "../graphics/bgrnd.jpg" );
	background-repeat: repeat-x;
	margin: 0;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.style6 {color: #FFFFFF}
.style7 {font-size: 18px}
.style8 {color: #082C87}
.style9 {
	color: #D30909;
	font-weight: bold;
}
.style10 {font-size: 24px}

#container {
	width: 900px;
	margin: auto;
	position: relative;
}
#headerPhone {
	color: #fff;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 2rem;
	font-weight: 900;
	position: absolute;
	top: .25rem;
	left: calc( 50% - 4em );
}
#menu {
	background: linear-gradient( 180deg, #fff, #ccc );
	color: #000;
	margin: -3rem auto;
	position: absolute;
		z-index: 20;
		padding: 1em;
}
#menu a {
	color: inherit;
}
ul.menu {
	font-size: .9em;
	font-weight: 700;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
ul.menu li {
	display: inline-block;
	padding: .125em;
}
ul.menu li:hover {
	color: #082c87;
}
ul.menu li::after {
	content: "|";
	padding-left: .5em;
}
ul.menu li:last-of-type::after {
	content: "";
	padding-left: 0;
}
ul.menu li::after:hover {
	color: #000;
	text-decoration: none;
}
#sidebar {
	background-color: #d20808;
	color: #fff;
	display: inline-block;
		vertical-align: top;
		width: calc( 250px - 2rem );
	padding: 1rem;
}
#hours {
	text-align: center;
}
#hours h1 {
	font-size: 1.25em;
	font-weight: 700;
	margin-bottom: 1rem;
	text-transform: uppercase;
}
#hours p {
	font-variant: small-caps;
	margin-bottom: 1rem;
}
#sidebar hr {
	background-color: #fff;
	color: #fff;
	margin: 2rem;
	height: 2px;
}
#sidebar address {
	font-size: .9em;
	text-align: justify;
}
#content, #faqs, #map {
	background-color: #fff;
	display: inline-block;
		vertical-align: top;
		width: calc( 900px - 250px - 4rem );
	padding: 1rem;
}
#content h1, #faqs h1, #map h1 {
	color: #d20808;
	font-size: 1.5rem;
	font-variant: small-caps;
	font-weight: 700;
	margin: 1rem auto;
	text-align: center;
}
#content h2 {
	background-color: #082c87;
	border-top: 1rem solid #879fdb;
	color: #fff;
	padding: .5rem;
}
#content h3 {
	color: #082c87;
	font-size: 1.25rem;
	margin-top: 1em;
	padding: .5rem;
	text-transform: uppercase;
}
#content ul.features {
	list-style-image: url( "../graphics/check.png" );
	margin-left: 4rem;
	margin-bottom: 2rem;
}

#faqs h2, #map h2 {
	color: #d20808;
	padding: .5rem;
	text-transform: uppercase;
}
#faqs dt {
	color: #d20808;
	font-size: 1.25rem;
	margin-top: 1em;
	padding: .5rem;
}
#faqs dd {
	margin-bottom: 1rem;
	padding: .5rem;
}
.lt-blue {
	background-color: #879fdb;
	color: #000;
	padding: .5rem;
}
#content p, #map p {
	margin-bottom: 1rem;
}

#copy {
	font-size: .7rem;
}

ul.pymt .cc {
	font-size: 15px;
}
ul.assoc {
	background-color: #fff;
	padding: 1rem;
}