p, em, strong
{
/***
Margins MUST be zero or the rounded borders will
break in some browsers - padding values are OK
***/
margin:0;
padding:10px 0 0 0;
border:0;
background:transparent;
font-family:verdana,arial,sans-serif;
vertical-align:baseline;
letter-spacing:0;
word-spacing:0;
font-weight:500;
font-style:normal;
font-variant:normal;
text-transform:none;
text-decoration:none;
text-align:justify;
text-indent:0;
color:#1a1a1a;
font-size:14px;
line-height:18px;
}

em.bold, strong.bold
{
font-weight:600;
}

p span
{
font-style:italic;
font-weight:600;
}

ul
{
margin:15px 0 20px 0;
padding:0;
border:0;
background:transparent;
}

li
{
list-style-type:square;
list-style-position:outside;
margin:0 35px 0 40px;
padding:0;
border:0;
background:transparent;
font-family:verdana,arial,sans-serif;
vertical-align:baseline;
letter-spacing:0;
word-spacing:0;
font-weight:500;
font-style:normal;
font-variant:normal;
text-transform:none;
text-decoration:none;
text-align:justify;
text-indent:0;
color:#1a1a1a;
font-size:14px;
line-height:18px;
}

li span
{
font-family:georgia,serif;
font-size:110%;
font-weight:700;
text-decoration:underline;
color: #000180;
}

ol.decimal li
{
list-style-type:decimal;
}

#content h1, #content h2
{
margin:15px 0 0 0;
padding:0;
border:0;
background:transparent;
font-family:georgia,serif;
color: #000180;
text-shadow:2px 2px 2px #cccccc;
font-size:18px;
line-height:100%;
vertical-align:baseline;
letter-spacing:0px;
word-spacing:0px;
font-weight:700;
font-style:italic;
font-variant:normal;
text-transform:none;
text-decoration:none;
text-align:left;
text-indent:0;
}

#content h1 span, #content h2 span
{
margin:0;
padding:0;
border:0;
border-bottom:1px solid #ab0000;
}

#content h3
{
margin:10px 0 0 0;
padding:0;
border:0;
background:transparent;
font-family:georgia,serif;
color: #000000;
font-size:16px;
line-height:100%;
vertical-align:baseline;
letter-spacing:0px;
word-spacing:0px;
font-weight:600;
font-style:normal;
font-variant:normal;
text-transform:none;
text-decoration:underline;
text-align:left;
text-indent:0;
}

#header-left h3
/*  Mr.  Backflow  */
{
margin:5px auto 0;
font-family:georgia,serif;
font-size:46px;
line-height:100%;
font-weight:700;
color:#000000;
font-style:normal;
text-decoration:none;
/*  text-transform:capitalize;  */
/*  text-shadow: 2px 2px 2px #dddddd;  */
text-align:center;
border:0;
background:transparent;
vertical-align:baseline;
letter-spacing:0px;
word-spacing:0px;
font-variant:normal;
text-align:center;
text-indent:0;
font-family: 'Faster One', cursive;
}

#header-left h2
/* greg's name */
{
margin:5px auto 0;
padding:0;
border:0;
background:transparent;
font-family:georgia,serif;
font-size:24px;
line-height:24px;
font-weight:700;
color:#000000;
font-style:normal;
text-decoration:none;
vertical-align:baseline;
letter-spacing:0px;
word-spacing:0px;
font-variant:normal;
text-align:center;
text-indent:0;
text-transform:none;
text-shadow:2px 2px 2px #dddddd;
}

#header-left p
/* just one word "is"  */
{
text-align:center;
font-family:arial,sans-serif;
font-size:18px;
line-height:22px;
font-style:normal;
font-weight:500;
color:#000000;
margin:0 auto;
padding:10px 0 0 0;
border:0;
background:transparent;
}

#header-right h1
/* Backflow Inspections, Repair and Maintenance */
{
margin:5px auto 0;
padding:0;
border:0;
background:transparent;
font-family:georgia,serif;
font-size:20px;
line-height:24px;
font-weight:700;
color:#ab0000;
font-style:normal;
text-decoration:none;
vertical-align:baseline;
letter-spacing:0px;
word-spacing:0px;
font-variant:normal;
text-align:center;
text-indent:0;
text-transform:none;
text-shadow:1px 1px 1px #dddddd;
}

#header-right h1 span
/* domain name */
{
color:#000000;
font-size:24px;
text-shadow:2px 2px 2px #dddddd;
}

#header-right h2{
/* serving Berks  */
margin:10px auto 0;
padding:0;
border:0;
font-family:georgia,serif;
font-size:20px;
line-height:24px;
font-weight:700;
color:#000000;
font-style:normal;
text-decoration:none;
text-transform:none;
text-shadow:1px 1px 1px #dddddd;
text-align:center;
background:transparent;
vertical-align:baseline;
letter-spacing:0px;
word-spacing:0px;
text-indent: 0px;
}

#header-right h3
/* phone number */
{
margin:0 auto;
padding:0;
border:0;
font-family:georgia,serif;
font-size:28px;
line-height:36px;
font-weight:700;
color:#ab0000;
font-style:normal;
text-decoration:none;
text-transform:none;
text-shadow:1px 1px 1px #dddddd;
text-align:center;
border:0;
background:transparent;
vertical-align: baseline;
letter-spacing:0px;
word-spacing:0px;
font-variant:normal;
text-align:center;
text-indent:0px;
}

#header-right h4
/* license number */
{
margin:0 auto;
padding:0;
border:0;
font-family:georgia,serif;
font-size:18px;
line-height:32px;
font-weight:600;
color:#000000;
font-style:normal;
text-decoration:none;
text-transform:none;
text-shadow:none;
text-align:center;
border:0;
background:transparent;
vertical-align:baseline;
letter-spacing:0px;
word-spacing:0px;
font-variant:normal;
text-align:center;
text-indent:0px;
}

#rightcolumn h2
{
margin:10px 0 10px 0;
padding:0;
border:0;
background:transparent;
font-family:georgia,serif;
color: #ab0000;
text-shadow:1px 1px 1px #cccccc;
font-size:18px;
line-height:22px;
vertical-align:baseline;
letter-spacing:0px;
word-spacing:0px;
font-weight:700;
font-style:italic;
font-variant:normal;
text-transform:none;
text-decoration:none;
text-align: center;
text-indent:0;
}

/***  begin various CSS settings for the We Get Letters page  ***/
#wegetletterscontainer
{
/***  
because near top of a floated div, must set width in px 
px and not percentages, and cannot use margin:auto  
***/
width:490px;
border:0;
border-top:1px dashed #636363;
margin:10px 0 10px 20px;
padding:0 0 10px 0;
}
div.randomordercontent
{
/***  display:none;  ***/
/***
do not need the display none setting until such time as we have enough letters to justify
randomizing their appearance on the page - but keep using the class as a container for
each letter to make it easy to activate the randomizing function
***/
margin:0;
padding:10px 0 0 0;
border:0;
border-bottom:1px dashed #636363;
}
table.lettercontainer
{
width:auto;
margin:0;
border:0;
}
td.lettercomment
{
width:auto;
margin:0 0 20px 0;
padding:0;
border:0;
text-align:justify;
font-size:14px;
font-family:verdana,arial,sans-serif;
font-weight:500;
line-height:120%;
color:#262626;
}
td.lettersender
{
width:auto;
margin:0 0 20px 0;
padding:3px 0 7px 0px;
border:0;
text-align:left;
font-size:14px;
font-family:verdana,arial,sans-serif;
font-weight:500;
font-style:italic;
line-height:120%;
color:#000000;
}
/***  end settings for the We Get Letters page  ***/

p.phonenumber
{
text-align:center;
color:#ab0000;
font-family:georgia,serif;
font-size:20px;
font-weight:700;
padding-top:10px;
}

/****  these CSS settings are related to the popups for images  ****/
.popbuttoncontainer
{
float:right;
width:184px;
margin:20px 0 10px 20px;
padding:0;
border:0;
background:transparent;
text-align:center;
}

p.caption
{
margin:0;
padding:5px 0 0 0;
border:0;
text-align:center;
font-family:arial,sans-serif;
color:#292929;
font-size:10px;
line-height:12px;
font-style:italic;
font-weight:500;
}

p.caption span
{
font-family:arial,sans-serif;
color:#0000ff;
font-size:9px;
font-style:italic;
font-weight:500;
}

p.closeinstructions
{
font-family:arial,sans-serif;
color:#ff4242;
font-size:9px;
font-style:italic;
font-weight:500;
text-align:center;
padding:10px 0 0 0;
margin:0;
background:transparent;
}