body {
    padding: 10px;
    background-color: #F3E6FF;
    font-size: small;
    font-family: Verdana;
    text-align: center;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

#main_container { border: 1px solid #9e8b75; margin: auto; width: 800px; height: auto; background-color: #ffffff; }

#top_container { width:inherit; height: 70px; background-color: #ffffff; }
    #logo { background-image: url('../wimage/dm_logo.png'); background-repeat: no-repeat;
    background-position: center center; background-color: #FFFFFF; width: 180px; height: 55px; padding: 6px; }
    #top_menu { width: 580px; height: 40px; padding-top: 30px; padding-right: 20px; text-align: right; }
            #top_menu a {
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold;
    color: #000099;
    text-decoration: none;
}
            #top_menu a:hover { font-family: Verdana; font-size: x-small; font-weight: bold; color: #332a29; text-decoration: none; }

#middle_container { background-image: url('../wimage/back.jpg'); width: inherit; height: auto; background-repeat: repeat-x;
    background-color: #ffffff; }
.shadow_container  { background-position: center center; width: inherit; height: 7px; background-image: url('../wimage/shadow.jpg');
    background-repeat: no-repeat; }
    
#menu_container { background-image: url('../wimage/menu_back.png'); background-repeat: no-repeat; width: 185px;
    height: 195px; margin-left: 5px; text-align: left; padding: 10px; }
            #menu_container a { font-family: Verdana; font-size: x-small; font-weight: bold; color:#766454; text-decoration: none; }
            #menu_container a:hover { font-family: Verdana; font-size: x-small; font-weight: bold; color: #332a29; text-decoration: none; }

#banner_container { width: 579px; height: 176px; background-image: url('../wimage/slogan.jpg'); background-repeat: no-repeat; }
#content_container {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CC99FF;
    width: 565px;
    height: auto;
    text-align: left;
    padding: 10px;
}
    #content_container a { text-decoration: none; }
    
#bottom_container { width: inherit; height: 85px; border-top-style: solid; border-top-width: 1px; border-top-color: #9e8b75; padding: 10px; text-align: left;
                    font-size: x-small; }
            #bottom_container a { font-family: Verdana; font-size: x-small; font-weight: bold; text-decoration: none; }
            #bottom_container a:hover { font-family: Verdana; font-size: x-small; font-weight: bold; text-decoration: none; }
            
        .style1
        {
            color: #000099;
        }
        .style2
        {
            color: #FF0000;
        }
        .style3
        {
            color: #766454;
        }
        .style4
        {
            color: #999999;
        }