body, div
{
    margin: 10px;
    padding: 0;
    font-family: "Comic Sans MS", Verdana, Tahoma, Sans-Serif;
    font-size: small;
    background-color: #CCF;
}

#header
{
    width: 100%;
    text-align: center;
}
#hdr
{
    width: 100%;
    text-align: center;
}
/* set widths and float nav and ads content boxes */
#nav
{
    float: left;
    width: 100px;
    clear: both;
}
#ads
{
    float: right;
    width: 100px;
}

/* set side txt margins 5 px > nav and ads widths */
#txt
{
    margin-left: 105px;
    margin-right: 105px;
    text-align: center;
}

/*ensure footer stays at the bottom */
#ftr
{
    clear: both;
    background-color: White;
    text-align: center;
}

/* show boundaries and set image sizes  - for clarity */
#hdr
{
    background: #CCF;
}
#nav, #ads
{
    background-color: #9CC;
}

#txt
{
    background: #CCF;
}

#hdr img
{
    width: 133px;
    height: 100px;
}
#ads img
{
    width: 75px;
    height: 100px;
}
#txt img
{
    width: 133px;
    height: 100px;
}
#ftr img
{
    border: solid 20px White;
    background-color: White;
}

h1
{
    font-size: medium;
    color: black;
}
h2
{
    font-size: small;
    color: black;
}
.small
{
    font-size: x-small;
}
.large
{
    font-size: large;
}
.x-large
{
    font-size: x-large;
}
.xx-large
{
    font-size: xx-large;
}
dt.btn
{
    margin: 1px;
    text-align: center;
    width: 100px;
}
dt.btn a
{
    display: block;
    text-decoration: none;
    color: #9CC;
    padding: 1px;
    width: 90px;
}
dt.btn a:link
{
    background: #9900CC;
    color: #9CC;
}
dt.btn a:visited
{
    background: #9900CC;
    color: #9CC;
}
dt.btn a:hover
{
    background: #9900CC;
    color: White;
}
dt.btn a:active
{
    background: #9900CC;
    color: White;
}
.list-offerings
{
    width:250px;
    text-align:left;
    margin:auto;
}
.list-contacts
{
    width:250px;
    text-align:left;
    margin:auto;
}