.HLinks2 {list-style-type: none; margin: auto; padding: 0; overflow: hidden; background-color: #333; box-shadow: 5px 10px 20px #888888; width: 920px; }
li { float: left;}
li a {display: block; color: #FFFFFF; text-align: center; padding: 14px 16px;}
li a:hover {background-color: #4682B4;}

#BBanner { height: 70px; width: 918px; border-style: solid; border-width: 1px; border-radius: 1px; margin: auto; text-align: center;box-shadow: 5px 10px 20px #888888; 
Background: #87CEEB;
Background: -webkit-linear-gradient(black, #87CEEB);
Background: -o-linear-gradient(black, #87CEEB);
Background: -moz-linear-gradient(black, #87CEEB);
Background: linear-gradient(black, #87CEEB);
}

#BBannertext {font-family: 'Ewert', cursive ; font-size: 30px; color: white;}

#PromoParent {width: 900px; position: relative;}

#IMGCon2 { text-align: left; padding: 1px 2px; left: -20px; top: -6px; position: relative; border-width: 1px; width: 900px; color: white;}

#IMG1 { width: 300px; height: 300px; left: -280px; top: 90px; position: relative;}

#Promo {border-radius: 200px; width: 200px; height: 200px; left: 370px; top: 130; box-shadow: 5px 5px 20px 
#888888; position: absolute; z-index: 1; text-justify: auto; text-align: center; word-spacing: 10px; line-height: 2; padding: 35px; 
-webkit-animation-name: Rolling;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
animation-name: Rolling;
animation-duration: 4s;
animation-iteration-count: infinite;
}

@-webkit-keyframes Rolling {
    0%   {background-color:#CCFFFF; left:300px; top:0px;}
    25%  {background-color:#DCEDEA; left:400px; top:0px;}
    50%  {background-color:#DDB9B9; left:400px; top:300px;}
    75%  {background-color:#FFE6D0; left:300px; top:300px;}
    100% {background-color:#A4F0B7; left:300px; top:0px;}
}

@keyframes Rolling {
    0%   {background-color:#CCFFFF; left:300px; top:50px;}
    25%  {background-color:#DCEDEA; left:550px; top:50px;}
    50%  {background-color:#DDB9B9; left:550px; top:70px;}
    75%  {background-color:#FFE6D0; left:300px; top:70px;}
    100% {background-color:#A4F0B7; left:300px; top:50px;}
}

#Promote {font-size: 30px; font-family: 'Fredericka the Great', cursive; }

#Promo2 {border-radius: 100px; width: 500px; height: 150px; left: 359px; top: -100; box-shadow: 2px 10px 20px #888888; text-align: center; position: absolute; font-size: 10px; padding: 30px;}

#Info { height: 100px; width: 918px; border-color: #4682B4; border-style: solid; border-width: 1px; border-radius: 1px; margin: auto; box-shadow: 5px 10px 20px #888888; top: 425px; position: relative; text-align: right;
Background: #87CEEB;
Background: -webkit-linear-gradient(#87CEEB, Black);
Background: -o-linear-gradient(#87CEEB, Black);
Background: -moz-linear-gradient(#87CEEB, Black);
Background: linear-gradient(#87CEEB, Black);
}

#Footer { height: 200px; width: 918px; border-color: #4682B4; border-style: solid; border-width: 1px; border-radius: 1px; margin: auto; box-shadow: 5px 10px 20px #888888; top: 425px; position: relative;
Background: #333;
}

#FSM {text-align: left; width: 150px; height: 198px; line-height: 0.01; color: white; padding: 10px;}

#FSocial {left: 750px; top: -60px; position: relative;}

#FBBB {left: 550px; top: -145px; position: relative;}

#FLLC {font-size: 12px;}

#CForm { margin: auto; position: absolute; top: -30px; }

#CForm1 {text-align: left; margin: auto;}

#Context { text-align: left; padding: 1px 2px; left: 10px; top: -6px; position: relative; border-width: 1px; width: 900px; color: white;}

#Unclebob { position: absolute; width: 600px; left: 120px; text-justify: auto; }