/***************************************
   sports / madden challenge 06 / home.css for EA.com
****************************************/


/* PAGE BACKGROUND */
#page { background: url(../_img/bg_body.jpg) no-repeat;
   height: 1125px;
   }




/* CITY DETAIL */
#learn-more {
   position: relative; border: 0; padding: 0; margin: 0; width: 891px; height: 591px;
   background: url(../_img/bg_learn_more.jpg) no-repeat 0px 41px transparent; }

   #learn-more h1 {
      border: 0; padding: 0; margin: 0; width: 891px; height: 41px;
      background: url(../_img/hdr_learn_more.gif) repeat top left transparent; }

   #learn-more h1 span { position: absolute; left: -9999px; font-size: small; }




div.learn-info { position: absolute; font-family: Verdana, Helvetica, "San serif"; top: 110px; left: 47px; width: 300px; height: 220px; }
   div.learn-info h2 { font-weight: bold; font-size: 13px; color: #669bae; text-transform: uppercase; }
   div.learn-info h2 span { position: absolute; left: -9999px; font-size: small; }

   div.learn-info h3 { font-weight: bold; font-size: 36px; line-height: 40px;  color: #fff; text-transform: uppercase; margin-top: 0;}
   div.learn-info h3 span { position: absolute; left: -9999px; font-size: small; }

   div.learn-info h4 { padding-top: 7px; font-weight: normal; font-size: 11px; color: #fff; }
   div.learn-info h4 strong { font-weight: bold; color: #669bae; }




div.learn-content { position: absolute; top: 80px; left: 398px;
   font-family: Verdana, Helvetica, "San serif";
   padding-top: 20px; padding-right: 35px;
   width: 395px;
   \width: 430px;
   w\idth: 395px; }
   div.learn-content h2 { font-size: 12px; font-weight: bold; color: #98a9b3; text-transform: uppercase; }
   div.learn-content h3 { position: absolute; top: 23px; left: 256px; width: 140px;
      font-size: 11px; font-weight: normal; color: #fff; text-align: right; }
   div.learn-content h3 strong { font-weight: bold; color: #669bae; }
   div.learn-content p { font-size: 11px; line-height: 14px; color: #999; margin: 1em 0;}




div.btn-register { float: none;  width: 115px; height: 18px; }
   div.btn-register a { display: block; width: 115px; height: 18px;
            background-image: url(../_img/btn_register_now.gif);
            background-repeat: no-repeat;
            background-color: transparent;
            background-position: 0px 0px; }
   div.btn-register a:hover { background-position: 0px -18px; }
   div.btn-register a span { position: absolute; left: -9999px; font-size: small; }