@charset "utf-8";

/* CSS Document -  INFO.css  */

.h1-info {
	background-color: #003399;
}
.h2-info {
	background-color: #CCECFF;
}
.tiles-corral {
	margin: 0 auto;
	border: 1px solid #FFFFFF;
	width: 93%;
}
.tiles-frame div {
	border-color: #BBBBBB;
	border-width: 1px;
	width: 48.5%;
	margin-bottom: 10px;
	height: 160px;
}
.tile-left {
	border: 1px solid #BBBBBB;
	float: left;
}
.tile-right {
	border: 1px solid #BBBBBB;
	float: right;
}
.tiles-corral h4 {
	background-color: #003399;
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 3px 0 3px 30px;
	margin-top: 0px;	
}
.tiles-frame p {
	padding: 3px 20px 4px 30px;
	margin: 0;
}
.titles-frame a, a:visited {
	color: #A70000;
}
.res-button-div a, a:visited {
	color: #A70000;
}
.logo-div {
	width: 10%;
	min-width: 170px;
	float: left;
	text-align: center;
	padding-bottom: 6px;
}
.link-div {
	width: 75%;
	float: left;
	padding-bottom: 6px;
}
dt {
	padding: 6px 20px 0 20px;
	font-size: 0.95em;
}
dd {
	padding: 6px 20px 0 50px;
	font-size: 0.95em;
}
dt a:hover {
	color: #FF0000;
}
.centered {
	text-align: center;
}
.ok-div {
	min-width: 320px;
	margin: 0 auto;
	max-width: 450px;
}
.ok-logo {
	margin: 0 auto;
	display: block;
	width: 70%;
}
.ok-thanks {
	font-style: italic;
	font-weight: bold;
	text-align: left;
	font-size: 1.1em;
}

@media (max-width:1000px){
.tiles-frame div {
	height: 175px;
}
}

@media (max-width:830px){
.tiles-frame div {
	height: 195px;
}
.button-info-wide {
	margin: 6px 0 6px 55px;
}
}

@media (max-width:765px){
.tiles-frame div {
	margin: 0 auto 10px auto;
	width: 90%;
	height: auto;
}
.tile-left {
	float: none;
}
.tile-right {
	float: none;
}
.button-info-wide {
	margin: 6px 0 0 20px;
}
.logo-div {
	display: none;
}
.link-div {
	width: 100%;
}
dt {
	padding-left: 30px;
}
}