HTML {
       background-image: url('https://assets.goal.com/v3/assets/bltcc7a7ffd2fbf71f5/blt37e93a8fcef791c8/62e8ebba6f09a9530ac0f656/pl_completed_transfers.jpg');
         background-position: top center;
   background-size: cover;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   background-attachment: fixed;
   background-repeat: no-repeat;
}
#darken {
   position: absolute;
   height: 100%;
   width: 100%;
   background-color: rgba(0,0,0,0);
}
#banner {
    width: 960px;
    height: 110px;
    margin: 4px auto 4px auto;
    overflow: auto;
    text-align: left;
    background: rgb(255,0,0);
    color: rgb(255,255,255);
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
}
#homelogo {
   margin: 10px 0px 0px 20px;
   text-align: left;
}
#mainlogo {
   width: 420px;
   font-size: 67px;
   text-align: center;
   color: #fff;
}
#mainslogan {
   width: 420px;
   font-size: 28px;
   text-align: center;
   color: #fff;
}
#logo {
    width: 230px;
    height: 90px;
    margin: 8px 0px 0px 10px;
    float: left;
}
#actuallogo {
    width: 197px;
    height: 87px;
    line-height: 44px;
    text-align: center;
    font-size: 31px;
    border: solid;
    border-width: 3px;
    border-color: rgb(255,255,255);
}
#teaminfo {
    width: 467px;
    height: 110px;
    float: left;
}
#teamname {
    font-family: "Times New Roman",Georgia,Serif;
    width: 467px;
    height: 45px;
    font-size: 42px;
    margin-top: 15px;
    text-align: center;
}
#teamleague {
    font-family: "Times New Roman",Georgia,Serif;
    width: 467px;
    height: 35px;
    font-size: 17px;
    text-align: center;
}
#sponsor {
    width: 240px;
    height: 110px;
    float: left;
}
#sponsortop {
    height: 25px;
    width: 240px;
}
#sponsortitle {
    height: 25px;
    width: 150px;
    line-height: 25px;
    font-size: 17px;
    text-align: left;
    float: left;
}
#sponsorchange {
    height: 25px;
    width: 90px;
    line-height: 25px;
    font-size: 14px;
    text-align: right;
    float: left;
}
#sponsorchange:hover {
    cursor: pointer;
    text-decoration: underline;
}
#actualsponsor {
    height: 85px;
    width: 240px;
}
#sponsorad {
    cursor: pointer;
    height: 74px;
    width: 234px;
    border: 3px solid rgb(255,255,255);
}
DIV.buttons {
   position: relative;
   margin: 40px auto 0px auto;
   background: rgb(255,255,255);
   padding: 20px 20px 0px 20px;
}
DIV.button {
   height: 60px;
   width: 300px;
   line-height: 60px;
   text-align: center;
   font-size: 26px;
   color: rgb(255,255,255);
   margin: 0px auto 20px auto;
   border-radius: 10px;
}
DIV.button:hover {
   cursor: pointer;
}
DIV.formbox {
   margin-bottom: 20px;
}
INPUT.homeformbox {
   height: 40px;
   width: 298px;
   font-size: 21px;
   text-indent: 10px;
   color: rgb(175,171,171);
   border: solid;
   border-width: 1px;
   border-color: rgb(175,171,171);
   float: left;
}
BUTTON.linksubmit {
   height: 40px;
   width: 125px;
   line-height: 40px;
   text-align: center;
   font-size: 17px;
   background: rgb(255,0,0);
   color: rgb(255,255,255);
   border-radius: 10px;
   border: 0px;
   float: left;
}
BUTTON.linksubmit:hover {
   cursor: pointer;
}
INPUT.linksubmit {
   height: 40px;
   width: 125px;
   line-height: 40px;
   text-align: center;
   font-size: 17px;
   background: rgb(255,0,0);
   color: rgb(255,255,255);
   border-radius: 10px;
   border: 0px;
   float: left;
}
DIV.formdetails {
   margin: 0px auto 0px auto;
}
DIV.response {
   height: 40px;
   width: 175px;
   line-height: 40px;
   color: rgb(255,0,0);
   text-align: left;
   font-size: 21px;
   float: left;
}
DIV.box {
    width: 960px;
    height: 600px;
    background: #fff;
    margin: 0px auto 4px auto;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
}
DIV.heading {
    height: 40px;
    width: 900px;
    font-size: 26px;
    text-align: left;
    line-height: 40px;
    margin: 6px 0px 0px 20px;
    color: rgb(255,0,0);
    float: left;
}
DIV.question {
    height: 40px;
    width: 40px;
    font-size: 23px;
    margin: 6px 0px 0px 0px;
    text-align: center;
    color: rgb(255,0,0);
}
A.general {
    color: inherit;
    text-decoration: inherit;
}
A.general:hover {
    color: inherit;
    text-decoration: underline;
}
A.invisible {
    color: inherit;
    text-decoration: inherit;
}
A.invisible:hover {
    color: inherit;
    text-decoration: none;
}
DIV.belowheading {
    margin: 10px 0px 0px 30px;
}
TD.registerlabels {
    height: 40px;
    width: 200px;
    vertical-align: bottom;
    font-size: 21px;
    text-align: left;
    padding-bottom: 20px;
}
TD.registerinputs {
    height: 40px;
    width: 250px;
}
INPUT.formbox {
   height: 40px;
   width: 280px;
   font-size: 21px;
   text-indent: 10px;
   border: solid;
   border-width: 1px;
   border-color: #BFBFBF;
}
#bgfont {
    height: 80px;
    width: 940px;
    margin: 0px 0px 0px 20px;
}
#bgfontselect {
    height: 80px;
    width: 320px;
    float: left;
}
#background {
    height: 38px;
    width: 158px;
    line-height: 38px;
    background: rgb(255,0,0);
    color: rgb(255,255,255);
    font-size: 21px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border: solid red 1px;
    float: left;
    margin-top: 20px;
}
#font {
    height: 38px;
    width: 158px;
    line-height: 38px;
    background: rgb(255,255,255);
    color: rgb(255,0,0);
    font-size: 21px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border: solid red 1px;
    float: left;
    margin-top: 20px;
}
#background:hover {
    cursor: pointer;
    text-decoration: underline;
}
#font:hover {
    cursor: pointer;
    text-decoration: underline;
}
#preselect {
    height: 80px;
    width: 520px;
    margin-left: 70px;
    float: left;
}
TD.colourtop {
    height: 35px;
    width: 120px;
    font-size: 17px;
}
TD.colourbottom {
    height: 35px;
    width: 120px;
    font-size: 17px;
}
TD.colourtop:hover {
    cursor: pointer;
    text-decoration: underline;
}
TD.colourbottom:hover {
    cursor: pointer;
    text-decoration: underline;
}
#colourselect {
    height: 120px;
    width: 940px;
    margin: 0px 0px 0px 20px;
}
#red, #green, #blue {
    float: left;
    clear: left;
    width: 800px;
    margin: 15px;
  }
#red .ui-slider-range { background: #ef2929; }
#red .ui-slider-handle { border-color: #ef2929; }
#green .ui-slider-range { background: #8ae234; }
#green .ui-slider-handle { border-color: #8ae234; }
#blue .ui-slider-range { background: #729fcf; }
#blue .ui-slider-handle { border-color: #729fcf; }
#colourtext {
    height: 60px;
    width: 915px;
    font-size: 17px;
    text-align: justify;
    margin: 0px 0px 20px 20px;
}
#submit {
    margin: 20px 0px 20px 0px;
}
DIV.leaguesubmit {
    margin: 10px 0px 20px 0px;
}
#registersubmit:hover {
    cursor: pointer;
}
#presetfont {
    display: none;
}
DIV.regtext {
    width: 900px;
    font-size: 17px;
    text-align: justify;
    margin: 20px 0px 20px 0px;
}
DIV.leaguecode {
    width: 900px;
    font-size: 26px;
    text-align: center;
    margin: 20px 0px 20px 0px;
}
DIV.sponsorrow {
    height: 85px;
    width: 930px;
}
DIV.sponsorcol {
    height: 85px;
    width: 240px;
    margin: 0px 50px 0px 20px;
    float: left;
}
IMG.sponsoradchoice {
    cursor: pointer;
    height: 74px;
    width: 234px;
    border: 3px solid #fff;
}
DIV.sponsorbio {
   width: 280px;
   text-align: left;
   margin: 0px 20px 0px 10px;
   float: left;
}
#learnmore {
   position: absolute;
   height: 60px;
   width: 100%;
   background: rgba(255,255,255,0.8);
   color: rgb(0,32,96);
   bottom: 0px;
}
#learncenter {
   position: relative;
   width: 960px;
   margin: auto;
}
DIV.downarrow {
   height: 40px;
   width: 40px;
   line-height: 40px;
   border-radius: 40px;
   background: rgb(0,32,96);
   color:  rgb(255,255,255);
   margin: 10px 0px 0px 20px;
   font-size: 30px;
   font-weight: 900;
   float: left;
}
DIV.downtext {
   height: 40px;
   line-height: 40px;
   margin: 10px 0px 10px 20px;
   font-size: 30px;
   float: left;
}
DIV.downdescription {
    clear: both;
    margin: 0px 10px 10px 20px;
    color: rgb(0,32,96);
    font-size: 20px;
    text-align: left;
}
#register {
   clear:both;
   margin: 20px 0px 0px 40px;
}
#join {
   float: left;
}
#learn {
   float: right;
}
TEXTAREA.message {
   width: 400px;
   height: 80px;
   line-height: 20px;
   resize: none;
}
#legal {
    margin: 0px auto 4px auto;
    color: #fff;
}
DIV.head {
   color: rgb(255,0,0);
   font-size: 23px;
   margin-bottom: 20px;
}
DIV.reghead {
   color: rgb(0,0,64);
   font-size: 23px;
   margin-bottom: 20px;
}