@charset "utf-8";
/* CSS Document */

.Container {
width: 1085px;
height: 100%;
    position: absolute;
    
}
.date {
    right: 3%;
    bottom: 0;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 1.75ex;
    position: absolute
    
}
.TopBanner {
    height: 7%;
    width: 100%;
    top: 2%;
    left: 0;
    position: absolute;
}

.title {
top: 5%;
    width: 45%;
    left: 2%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 5ex;
    position: absolute
}
.sub {
    top: 5%;
    width 45%;
    right: 2%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 2.5ex;
    text-align: right;
    position:  absolute;
}
.hr {
    top: 95px;
    left: 2%;
    width: 96%;
    height: .5%;
    position: absolute;
    background-color: #000;
}

.bucket-a {
    width: 150px;
    height: 150px;
    background-color: #C717C6;
    top: 125px;
    left: 35px;
    cursor: pointer;
    position: absolute;
}
.bucket-b {
    width: 345px;
    height: 150px;
    top: 130px;
    left: 195px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 3ex;
    position: absolute;
}
.bucket-c {
    width: 500px;
    height: 150px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 2.5ex;
    top: 125px;
    left: 545px;
    position: absolute;
}

.bucket-1a {
    width: 150px;
    height: 150px;
    background-color: #C717C6;
    top: 300px;
    left: 35px;
    cursor: pointer;
    position: absolute;
}
.bucket-1b {
    width: 345px;
    height: 150px;
    top: 305px;
    left: 195px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 3ex;
    position: absolute;
}
.bucket-1c {
    width: 500px;
    height: 150px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 2.5ex;
    top: 300px;
    left: 545px;
    position: absolute;
}

.bucket-2a {
    width: 150px;
    height: 150px;
    background-color: #C717C6;
    top: 475px;
    left: 35px;
    cursor: pointer;
    position: absolute;
}
.bucket-2b {
    width: 345px;
    height: 150px;
    top: 480px;
    left: 195px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 3ex;
    position: absolute;
}
.bucket-2c {
    width: 500px;
    height: 150px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 2.5ex;
    top: 475px;
    left: 545px;
    position: absolute;
}

.bucket-3a {
    width: 150px;
    height: 150px;
    background-color: #C717C6;
    top: 650px;
    left: 35px;
    cursor: pointer;
    position: absolute;
}
.bucket-3b {
    width: 345px;
    height: 150px;
    top: 650px;
    left: 195px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 3ex;
    position: absolute;
}
.bucket-3c {
    width: 500px;
    height: 150px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 2.5ex;
    top: 650px;
    left: 545px;
    position: absolute;
}

.bucket-4a {
    width: 150px;
    height: 150px;
    background-color: #C717C6;
    top: 825px;
    left: 35px;
    cursor: pointer;
    position: absolute;
}
.bucket-4b {
    width: 345px;
    height: 150px;
    top: 825px;
    left: 195px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 3ex;
    position: absolute;
}
.bucket-4c {
    width: 500px;
    height: 150px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 2.5ex;
    top: 825px;
    left: 545px;
    position: absolute;
}
.bucket-5a {
    width: 150px;
    height: 150px;
    background-color: #C717C6;
    top: 1000px;
    left: 35px;
    cursor: pointer;
    position: absolute;
}
.bucket-5b {
    width: 345px;
    height: 150px;
    top: 1000px;
    left: 195px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 3ex;
    position: absolute;
}
.bucket-5c {
    width: 500px;
    height: 150px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 2.5ex;
    top: 1000px;
    left: 545px;
    position: absolute;
}
.bucket-6a {
    width: 150px;
    height: 150px;
    background-color: #C717C6;
    top: 1175px;
    left: 35px;
    cursor: pointer;
    position: absolute;
}
.bucket-6b {
    width: 345px;
    height: 150px;
    top: 1175px;
    left: 195px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 3ex;
    position: absolute;
}
.bucket-6c {
    width: 500px;
    height: 150px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 2.5ex;
    top: 1175px;
    left: 545px;
    position: absolute;
}