<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<br>
<div class="moz-forward-container"><br>
<!-- If you delete this meta tag, the ground will open and swallow you. -->
<meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
/* -------------------------------------
GLOBAL
------------------------------------- */
* {
margin:0;
padding:0;
}
* {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
img {
max-width: 100%;
}
.collapse {
margin:0;
padding:0;
}
body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:none;
width: 100% !important;
height: 100%;
}
/* -------------------------------------
ELEMENTS
------------------------------------- */
a {
color: #326297;
}
.btn {
text-decoration:none;
color: #FFF;
background-color: #326297;
padding:6px 8px;font-weight:bold;
margin-right:10px;text-align:center;
cursor:pointer;
display: inline-block;font-size:18px
}
p.callout, div.callout {
padding:15px;
background-color:#E0EFFF;
margin-bottom: 15px;
}
.callout a {
font-weight:bold;
color: #326297;
}
p.callout-secondary, div.callout-secondary {
padding:15px;
background-color:#FCEFE4;
margin-bottom: 15px;
}
.callout-secondary a {
font-weight:bold;
color: #326297;
}
table.social {
/* padding:15px; */
background-color: #ebebeb;
}
.social .soc-btn {
padding: 3px 7px;font-size:12px;
margin-bottom:10px;text-decoration:none;
color: #FFF;font-weight:bold;
display:block;text-align:center;
}
a.fb {
background-color: #3B5998 !important;
}
a.tw {
background-color: #1daced !important;
}
a.gp {
background-color: #DB4A39 !important;
}
a.ms {
background-color: #000 !important;
}
a.ig {
background-color: #666 !important;
}
.sidebar .soc-btn {
display:block;
width:100%;
}
/* -------------------------------------
HEADER
------------------------------------- */
table.head-wrap {
width: 100%;
}
.header.container table td.logo {
padding: 15px;
}
.header.container table td.label {
padding: 15px;
padding-left:0px;
}
/* -------------------------------------
BODY
------------------------------------- */
table.body-wrap {
width: 100%;
}
/* -------------------------------------
FOOTER
------------------------------------- */
table.footer-wrap {
width: 100%;
clear:both !important;
}
.footer-wrap .container td.content p {
border-top: 1px solid rgb(215,215,215);
padding-top:15px;
}
.footer-wrap .container td.content p {
font-size:10px;font-weight: bold;
}
/* -------------------------------------
TYPOGRAPHY
------------------------------------- */
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
line-height: 1.1;
margin-bottom:15px;
color:#326297;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size:60%;
color: #948266;
line-height: 0;text-transform: none;
}
h1 {
font-weight:200;font-size:32px;
color:#326297
}
h2 {
font-weight:400;font-size:30px;text-transform: uppercase;
color:#326297;
}
h3 {
font-weight:500;font-size:28px;
}
h4 {
font-weight:500;font-size:26px;
}
h5 {
font-weight:bold;font-size:18px;
}
h6 {
font-weight:900;font-size:16px;
}
h4 a {
color:#A12642
}
.collapse {
margin:0 !important;
}
p, ul {
margin-bottom: 10px;font-weight: normal;font-size:14px;
line-height:1.6;
}
p.lead {
font-size:17px;
}
p.small {
font-size:12px;
}
p.last {
margin-bottom:0px;
}
ul li {
margin-left:5px;
list-style-position: inside;
}
table#events td {
padding:3px;
width:30%
}
table#events td h4 {
font-size:18px;text-align:center
}
table#events td h5 {
font-size:14px;text-align:center
}
table#events td p {
font-size:12px;
}
/* -------------------------------------
SIDEBAR
------------------------------------- */
ul.sidebar {
background:#ebebeb;
display:block;
list-style-type: none;
}
ul.sidebar li {
display: block;
margin:0;
}
ul.sidebar li a {
text-decoration:none;
color: #666;
padding:10px 16px;
/* font-weight:bold; */
margin-right:10px;
/* text-align:center; */
cursor:pointer;
border-bottom: 1px solid #777777;
border-top: 1px solid #FFFFFF;
display:block;
margin:0;
}
ul.sidebar li a.last {
border-bottom-width:0px;
}
ul.sidebar li a h1, ul.sidebar li a h2, ul.sidebar li a h3, ul.sidebar li a h4, ul.sidebar li a h5, ul.sidebar li a h6, ul.sidebar li a p {
margin-bottom:0 !important;
}
/* ---------------------------------------------------
RESPONSIVENESS
Nuke it from orbit. It's the only way to be sure.
------------------------------------------------------ */
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
display:block !important;
max-width:600px !important;
margin:0 auto !important; /* makes it centered */
clear:both !important;
}
/* This should also be a block element, so that it will fill 100% of the .container */
.content {
padding:15px;
max-width:600px;
margin:0 auto;
display:block;
border-bottom:1px solid #ccc;
}
/* Let's make sure tables in the content area are 100% wide */
.content table {
width: 100%;
}
/* Odds and ends */
.column {
width: 300px;float:left;
}
.column tr td {
padding: 15px;
}
.column-wrap {
padding:0 !important;
margin:0 auto;
max-width:600px !important;
}
.column table {
width:100%;
}
.social .column {
width: 280px;
min-width: 279px;float:left;
}
td.small img {
width:120px;
max-width:120px;
height:auto;
}
blockquote {padding: 10px 20px; font-size:16px; line-height:24px}
/* Be sure to place a .clear element after each set of columns, just to be safe */
.clear {
display: block;
clear: both;
}
/* -------------------------------------------
PHONE
For clients that support media queries.
Nothing fancy.
-------------------------------------------- */
@media only screen and (max-width: 600px) {
a[class="btn"] {
display:block !important;
margin-bottom:10px !important;
background-image:none !important;
margin-right:0 !important;
}
div[class="column"] {
width: auto !important;float:none !important;
}
table.social div[class="column"] {
width:auto !important;
}
}
.container1 { display:block !important;
max-width:600px !important;
margin:0 auto !important; /* makes it centered */
clear:both !important;
}
</style>
<!-- HEADER -->
<table class="head-wrap" bgcolor="#FFFFFF">
<tbody>
<tr>
<td class="header container" align=""><!-- /content -->
<div class="content">
<table bgcolor="#FFFFFF">
<tbody>
<tr>
<td align="center">
<p class="collapse">(440) 247-8955 | <a
class="moz-txt-link-abbreviated"
href="http://www.CVLT.org"
moz-do-not-send="true">www.CVLT.org</a> | 40
River St. Chagrin Falls</p>
</td>
</tr>
<tr>
<td align="center">
<h1 class="collapse">Extra Performance Added!<br>
</h1>
</td>
</tr>
</tbody>
</table>
</div>
<!-- /content --></td>
<td><br>
</td>
</tr>
</tbody>
</table>
<!-- /HEADER -->
<!-- BODY -->
<table class="body-wrap" bgcolor="">
<tbody>
<tr>
<td><br>
</td>
<td class="container" bgcolor="#FFFFFF" align=""><!-- content -->
<!-- /content -->
<!-- content --><!-- /content -->
<div class="content">
<table>
<tbody>
<tr>
<td>
<h3 align="center"><a
style="font-size:42px;font-family:'Century
Schoolbook','Times New Roman', Times, serif"
href="http://www.cvlt.org/87thSeason/eleemosynary.php?utm_source=monthlymail&utm_medium=email&utm_campaign=oneoff"
moz-do-not-send="true">el•ee•mos•y•nar•y</a></h3>
<h4 align="center">by LEE BLESSING</h4>
<p align="center">Directed by BARBARA L. RHOADES</p>
<p align="center">Starring:<br>
MARGO PARKER, KATE WILLIAMS-BERNARDO, and
GRACE LeBAY</p>
<h5 align="center">Friday August 25 at 8<br>
Sunday August 27 at 2<br>
<br>
CVLT's River Street Playhouse<br>
56 River Street, Chagrin Falls<br>
</h5>
<p align="center">Tickets $12 General Admission</p>
<p align="center"><span style="color: rgb(51,
51, 51); font-family: Georgia, "Times
New Roman", Times, serif; font-size:
14px; font-style: normal;
font-variant-ligatures: normal;
font-variant-caps: normal; font-weight:
normal; letter-spacing: normal; orphans: 2;
text-align: start; text-indent: 0px;
text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px;
-webkit-text-stroke-width: 0px;
text-decoration-style: initial;
text-decoration-color: initial; display:
inline !important; float: none;"><font
size="+1">"CVLT delivers a production that
is as extraordinary as the characters it
features." - The News-Herald</font><br>
</span></p>
<p>Award-winner Lee Blessing spins this tale of
words and the women in three generations of
the Wesbrook family who use them both as tools
and weapons. You'll adore this funny,
heartfelt drama about the conflicted
relationships between mothers and daughters on
Chagrin Valley Little Theatre's intimate
second stage. Parking and seating limited, so
reserve and arrive early!</p>
<table style="border-spacing:0;" width="100%">
<tbody>
<tr>
<td style="padding:0;" align="center"><!--[if (gte mso 9)|(IE)]>
<table width="300">
<tr>
<td valign="top" style="padding:0;">
<![endif]-->
<table
style="margin:0;border-spacing:0;max-width:300px;"
width="100%">
<tbody>
<tr>
<td style="padding:15px 5px 17px
5px;background-color:#326297;font-family:"
helvetica="Helvetica"
neue="Neue" ",="" helvetica,=""
arial,="Arial," "lucida=""
grande="Grande"
sans-serif;font-size:16px;line-height:22px;color:#ffffff;text-align:center;vertical-align:top;"=""
align="center" width="100%"><a
href="http://www.cvlt.org/87thSeason/eleemosynary.php?utm_source=monthlymail&utm_medium=email&utm_campaign=oneoff"
name="button" title="Details
& Tickets »" id="button"
style="text-decoration:none;color:#ffffff;display:block;cursor:pointer;"
tabindex="1"
moz-do-not-send="true"> <strong>Get
your tickets now »</strong></a></td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!-- content --><!-- /content -->
<hr style="padding:0; margin:8px 0 8px 0; border:none;
width:100%; height: 1px" noshade="noshade" size="1"
color="#CCCCCC" width="100%">
<!-- content -->
<div class="content">
<table bgcolor="">
<tbody>
<tr>
<td><!-- social & contact -->
<table class="social" bgcolor="" width="100%">
<tbody>
<tr>
<td><!--- column 1 -->
<div class="column">
<table cellpadding="" bgcolor=""
align="left">
<tbody>
<tr>
<td>
<h5 class="">Connect with Us:</h5>
<p class=""><a
href="http://www.facebook.com/chagrintheatre"
class="soc-btn fb"
moz-do-not-send="true">Facebook/ChagrinTheatre</a>
<a
href="http://www.twitter.com/chagrintheatre"
class="soc-btn tw"
moz-do-not-send="true">Twitter
@ChagrinTheatre</a> <a
href="http://www.instagram.com/chagrintheatre"
class="soc-btn ig"
moz-do-not-send="true">Instagram
@ChagrinTheatre</a></p>
</td>
</tr>
</tbody>
</table>
<!-- /column 1 --> </div>
<!--- column 2 -->
<div class="column">
<table cellpadding="" bgcolor=""
align="left">
<tbody>
<tr>
<td>
<h5 class="">Contact Info:</h5>
<p>Web: <a
href="http://www.cvlt.org?utm_source=monthlymail&utm_medium=email&utm_campaign=june2017"
moz-do-not-send="true">www.CVLT.org</a><br>
Phone: <strong>440.247.8955</strong><br>
Email: <strong><a
href="mailto:cvlt@cvlt.org"
moz-do-not-send="true">cvlt@cvlt.org</a></strong></p>
</td>
</tr>
</tbody>
</table>
<!-- /column 2 --> </div>
<div class="clear"
style="font-size:12px">CVLT is
generously funded by Cuyahoga County
residents through Cuyahoga Arts and
Culture and supported by the Ohio Arts
Council. CVLT is a proud member of the
American Association of Community
Theatre. </div>
</td>
</tr>
</tbody>
</table>
<!-- /social & contact --></td>
</tr>
</tbody>
</table>
</div>
<!-- /content --></td>
<td><br>
</td>
</tr>
</tbody>
</table>
<!-- /BODY --> </div>
</body>
</html>