* {
   color: #555;
   font-family: "Lucida Grande", "Lucida Sans", "Lucida", Arial, Helvetica, sans-serif;
   font-size: 100%;
   margin: 0;
   padding: 0;
 }
 
 body {
   background: #f2f2f2;
   font-size: .75em;
   text-align: center;
 }
 
 h2 {
   font-size: 140%;
   padding-bottom: 10px;
   text-align: center;
 }
 
 h2, h2 * {
   color: #006ba7 !important;
 }
 
 img {
   border: 0;
 }
 
 h2 a {
   text-decoration: none;
 }
 
 h3 {
   clear: both;
   color: #006ba7;
   border-top: 1px solid #ddd;
   font-size: 110%;
   margin-top: 10px;
   padding-top: 20px;
 }
 
 h4 {
   clear: both;
   padding: 10px 0 0 0;
 }
 
 p {
   line-height: 170%;
   padding: 10px 0;
 }
 
 a {
   color: #005eb0;
   outline: 0;
 }
 
 a:hover {
   color: #ff7200;
   text-decoration: none;
 }
 
 ul, ul li {
   display: block;
   padding: 2px 0;
 }
 
 ul {
   padding: 5px 0 10px 5px;
 }
 
 ul li {
   background: transparent url('../img/bullet.gif') left .6em no-repeat;
   padding-left: 10px;
 }
 
 #container {
   background: #fff;
   border: 1px solid #ddd;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   display: block;
   padding: 20px;
   margin: 50px auto 20px;
   text-align: left;
   width: 750px;
 }
 
 strong {
   font-weight: normal;
 }
 
 small {
   font-size: 80%;
 }

 .light {
   line-height: 110%;
   text-align: center;
 }
 
 .light, .light * {
   color: #999 !important;
 }
 
 .img-right {
   float: right;
   margin: 0 0 20px 10px;
 }
 
 h2 img {
   margin: -2px 2px 0 0;
   vertical-align: middle;
 }
 
 .footer {
   font-size: 80%;
   padding: 0 0 20px 0;
 }
 
 .footer, .footer a {
   color: #888;
   text-decoration: none;
 }
 
 .hint {
   background: #ffffbb;
   color: #333;
   display: block;
   margin: 10px 0;
   padding: 5px;
   text-align: center;
 }