body, td
{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 22px;
    color: #333333;
}

p
{
    margin: 0px;
    padding: 0px;
}

a
{
    color: #e2007a;
    text-decoration: underline;
}

a:hover
{
    color: #333333;
}

a img
{
    border: 0px;
}

br
{
    clear: both;
}

h1
{
    font-family: Trebuchet MS, Tahoma, Verdana;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

h2
{
    font-family: Trebuchet MS, Tahoma, Verdana;
    color: #e2007a;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}

h3
{
    font-family: Trebuchet MS, Tahoma, Verdana;
    color: #e2007a;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}

.magenta {
    color: #e2007a;
}

/* IMAGES
-------------------------------------------- */
.typography img {
    height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
}
.typography img.left, img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
.typography img.right, img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone, img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
.typography img.center, img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}