body{
    margin-left: 50px;
    margin-right:50px;
    background-image:url(Flag_Boards.jpg),
                     url(BG_Image.jpg);
    background-repeat: repeat-x;
}
.main_menu{
    padding: 10px;
    text-align: center;
    line-height: 30px;
    background-color: lavenderblush
}
ul.main_menu{
    margin-top: 30px;
}
.main_menu li{
    display: inline;
    padding: 50px;
    font-size: 30px;
}
.main_menu a{
    text-decoration: none;
    padding: 15px;
    font-variant: small-caps
}
.main_menu a:hover{
    color: firebrick;
}
#wrap{
    width:585px:
    }
.left{
    width:500px;
    background-image:url(Outside.jpg);
    height:225px;
    float: left;
    }
.right{
    width:600px;
    background-image:url(Inside.jpg);
    height:450px;
    float: right;
    }
@keyframes slideshow{
    0%{
        left:0;
    }
    20%{
        left:0;
    }
    25%{
        left:-100%;
    }
    45%{
        left:-100%;
    }
    50%{
        left:-200%;
    }
    70%{
        left:-200%;
    }
    75%{
        left:-300%;
    }
    95%{
        left:-300%;
    }
    100%{
        left:-400%;
    }
}
#slideshow{
    overflow: hidden;
}
#slideshow figure img{
    width: 1803px;
    height: 600px;
    float: left;
}
#slideshow figure{
    position: relative;
    width: 500%;
    margin: 0;
    left: 0;
    animation: 15s slideshow infinite;
}