body {
    width: 99%;
    font-size: 100%;
    margin: 0 auto;
    padding: 0;
}

div#articlecentered /* article is centered on page: I use this for marriage and engagement announcements */ {
    text-align: left;
    margin: 2% auto 0 auto;
    width: 60%;
    padding: 0 0 3% 0;
}

div#article /* article is left aligned on page */ {
    text-align: left;
    margin: 2% auto 0 auto;
    width: 60%;
    padding: 0 0 3% 0;
}

span.GraduationYear {
    font: normal normal bold large normal normal;
}

div.picturetextcontainer /*I am not using this. However, there might be articles out there that are, so I will wait to delete this */ {
    width: auto;
}

div.picture {
    text-align: center;
    margin: 0 auto;
    width: 275px;
}

h4 {
    text-align: left;
    font-size: 80%;
    margin: -1% 0 2% 0;
}

h6 {
    text-align: right;
    font-size: 60%;
    margin: 0 0 2px 0;
}

div.picturetext {
    text-align: justify;
    font-style: italic;
    width: 275px;
    margin: 0 auto;
    font-size: 90%;
}

div.clickhere {
    text-align: center;
    width: 100%;
    margin: 1% auto 2% auto;
}

h2 {
    width: auto;
    font-family: Times New Roman;
}

p, ul {
    width: auto;
    line-height: 140%;
    font-family: Georgia, Arial, Times New Roman;
    text-align: left;
}

a {
    color: #CC0000;
}