@charset "UTF-8";
/* CSS Document */

/* To make the images flexible, simply add max-width:100% and height:auto.
Image max-width:100% and height:auto works in IE7, but not in IE8 (yes, another weird IE bug).
To fix this, you need to add width:auto\9 for IE8.  */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
body {
	background-image: url('karens_bg.jpg');
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
.clear {
	clear: both;
}
.oneColumnCentered {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.redBox {
	background-color: #931000;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
	color: #FFFFFF;
	line-height: 130%;
	font-weight: lighter;
}

.karensFooter {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: #000000 dotted 2px;
	margin-bottom: 30px;
}
.centerContent {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.subHeaders  {
	text-align: center;
	color: #7F0002;
	text-transform: uppercase;
	font-size: 160%;
	font-weight: bold;
}
a {
	color: #931000;
	text-decoration: none;
}
a:hover {
	color: #D02D92;
}
/* Style that first letter! */
.first-letter {
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #931000;
	padding-right: 3px;
	padding-left: 3px;
	display: inline;
	font-style: italic;
}
.headerCaptionOne {
	font-style: italic;
	text-align: center;
	font-size: 90%;
}
/* *** Line styles *** */
.line70Percent {
	width: 70%;
	margin-top: 5px;
	margin-right: 15%;
	margin-left: 15%;
	margin-bottom: 0px;
	border-top: medium dotted #C6C6C6;
}
.line100Percent {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
	border-top: medium dotted #000000;
}
/* ****** TOP SECTION START ****** */
#topWrapper {
	max-height: 220px;
	width: 100%;
}
#header {
	max-height: 220px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.topLine {
	height: 8px;
	width: 100%;
	border-top: 3px solid #767676;
}
#topDots {
	height: 1px;
	width: 100%;
	border-top: 6px dotted #767676;
}
.topBottomLine {
	height: 8px;
	width: 100%;
	border-bottom: 3px solid #767676;
}
#topInfo {
	text-align: center;
	height: 20px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	/*padding-bottom: 5px;*/
/*	border-bottom: 3px solid #767676;*/
	color: #525252;
}
/* ******** MIDSECTION START ********** */
#midWrapper {
	width: 100%;
}
#mainContent {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding: 20px;
}
.contentLeft {
	width: 47%;
	float: left;
	line-height: 140%;
	font-size: 110%;
}
.contentRight {
	width: 47%;
	float: right;
	line-height: 140%;
	font-size: 110%;
}


/* ******** TEXT STYLING ********** */

.subHeaders  {
	text-align: center;
	color: #7F0002;
	text-transform: uppercase;
	font-size: 160%;
	font-weight: bold;
}
/* Style that first letter! */
.first-letter {
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #931000;
	padding-right: 3px;
	padding-left: 3px;
	display: inline;
	font-style: italic;
}
.warningCopy {
	font-size: 75%;
}
.topOfPage {
	margin-top: 8px;
}

@media (max-width: 850px){
.contentLeft {
	width: 90%;
	float: none;
	display: block;
	margin-right: 5%;
	margin-left: 5%;
	text-align: center;
	line-height: 140%;
	font-size: 120%;
}
.contentRight {
	width: 90%;
	float: none;
	display: block;
	margin-left: 5%;
	text-align: center;
	line-height: 140%;
	font-size: 120%;
}
}
.letter {
	background-color: #FFFFFF;
	padding: 25px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 65%;
	text-align: left;
	-webkit-box-shadow: 6px 6px 8px rgba(0,0,0,0.33);
	box-shadow: 6px 6px 8px rgba(0,0,0,0.33);
}

/*
     FILE ARCHIVED ON 08:46:14 Jun 05, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:42:18 Jun 21, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.634
  exclusion.robots: 0.025
  exclusion.robots.policy: 0.011
  esindex: 0.012
  cdx.remote: 6.47
  LoadShardBlock: 123.867 (3)
  PetaboxLoader3.datanode: 155.152 (5)
  load_resource: 121.189
  PetaboxLoader3.resolve: 80.845
  loaddict: 26.24
*/