body {
    margin:0;
    border:0;
    padding:0;
    width: 100%;
    height: 100%;
    background-color: #f7f7ff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    }

.clear {
    clear: both;
    }

#header {
    width: 100%;
    height: 117px;
    background-color: #5f5fff;
    margin-top: 18px;
    }

#dotcom {
    display: inline;
    float: left;
    padding-top: 9px;
    padding-left: 10px;
    }

#dotcom:link {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #f7f7ff;
    text-decoration:none;
    }

#dotcom:visited {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #f7f7ff;
    text-decoration:none;
    }

#logo {
    display: inline;
    float: right;
    padding-top: 29px;
    padding-right: 10px;
    }

#pictures {
    display: inline;
    float: right;
    width: 25%;
    /*width: 219px;*/
    /*height: 756px;*/
    background-color: #afafff;
    margin-top:0;
    margin-left: auto;
    text-align: center;
    font-family: "Times New Roman", serif;
    font-size: 12px;
    color: #0000ff;
    }

.pic {
    padding: 8% 8% 8% 8%;
    }

#text {
    display: inline;
    float: left;
    width: 70%;
    padding: 2% 2% 2% 2%;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-align: justify;
    }

#contact {
    font-family: "Courier New", monospace;
    font-size: 12px;
    }

#smlink {
    display: inline;
    float: right;
    }

#smlink:link {
    font-size: 8px;
    color: #f0f0ff;
    text-decoration:none;
    }

#smlink:visited {
    font-size: 8px;
    color: #f0f0ff;
    text-decoration:none;
    }

#pictures2 {
    background-color: #afafff;
    margin-top:0;
    margin-left: auto;
    text-align: center;
    font-family: "Times New Roman", serif;
    font-size: 12px;
    color: #0000ff;
    }

.pic2 {
    padding: 2% 2% 2% 2%;
    }