body{
  background: #e18002 url(../images/body.jpg) repeat-x;
}
#wrapper{
  margin: 0 auto;
  width: 955px;
}
#xbody{
  float: left;
  width: 100%;
  background: url(../images/header-info.png) center top no-repeat;
}
#container{
  float: left;
  width: 955px;
  position: relative;
}
#header{
  float: left;
}
#logo{float: left;}
#logo a{
  float: left;
  width: 165px;
  height: 137px;
  background: url(../images/logo.png) no-repeat;
  margin-top: 25px;
  text-indent: -9999px;
}
#info{
  float: right;
  text-indent: -9999px;
  z-index: 2;
}
#header p{
  float: left;
  margin: 10px 0 10px 12px;
  color: #ffffff;
  font: 11px Arial, Helvetica, Sans-Serif;
}
#content-top{
  position: relative;
  float: left;
  width: 955px;
  height: 20px;
  z-index: 2;
  background: url(../images/main-rounded-top.png) no-repeat;
}
#content{
  position: relative;
  float: left;
  width: 955px;
  background: #ffffff url(../images/content-repeat.gif) repeat-y;
  z-index: 2;
}
#content-bottom{
  float: left;
  width: 955px;
  height: 11px;
  background: url(../images/main-rounded-bottom.png) no-repeat;
  margin-bottom: 12px;
}
#content-left{
  float: left;
  width: 672px;
  padding: 10px 22px;
}
#home #content-left{
  width: 712px;
  padding: 0;
}
#content-left p {
  font: 12px Arial, Helvetica, Sans-Serif;
}
#content-left h2{
  font: 22px Arial, Helvetica, Sans-Serif;
  color: #393939;
  width: 
}
#intro{
  float: left;
  margin: 0 0 12px 21px;
  width: 510px;
}
#intro p{
  font: 16px Arial, Helvetica, Sans-Serif;
  margin-top: 0;
}
#intro a{
  color: #71cbf1;
  text-decoration: none;
}
#how-it-works{
  float: left;
  width: 664px;
  background: #d2d2d2 url(../images/how-it-works-top.gif) no-repeat;
  margin-left: 10px;
  padding: 16px 10px 0 10px;
}
#how-it-works-bottom{
  float: left;
  width: 684px;
  height: 10px;
  background: url(../images/how-it-works-bottom.gif) no-repeat;
  margin-left: 10px;
}
#how-it-works h3{
  font: bold 21px Arial, Helvetica, Sans-Serif;
  color: #ffffff;
  height: 31px;
}
#steps-top{
  float: left;
  width: 662px;
  height: 12px;
  background: url(../images/steps-top.gif) no-repeat;
}
#steps{
  float: left;
  width: 662px;
  background: url(../images/steps.gif) repeat-y;
}
.how-step{
  float: left;
  width: 188px;
  margin-right: 10px;
  padding: 0 13px 20px 13px;
}
.last-step{
  margin-right: 0 !important;
}
.how-step p{
  font: 14px Arial, Helvetica, Sans-Serif;
  color: #393939;
}
.how-step a{
  color: #71cbf1;
  text-decoration: none;
}
#steps-bottom{
  float: left;
  width: 662px;
  height: 9px;
  background: url(../images/steps-bottom.gif) no-repeat;
}
#latest-orange-day{
  float: left;
  width: 684px;
  margin: 10px 0 0 13px;
  background: url(../images/latest-orange-day.png) repeat-y;
}
#latest-orange-day-bottom{
  float: left;
  width: 684px;
  height: 11px;
  margin-left: 13px;
  background: url(../images/latest-orange-day-bottom.png) no-repeat
}
#latest-orange-day h3{
  margin-bottom: 12px;
}
#flickr{
  float: left;
  padding-left: 11px;
  padding-right: 11px;
  width: 336px;
  border-right: 1px solid #efefef;
}
#flickr-gallery li{
  float: left;
  width: 75px;
  margin-right: 9px;
  margin-bottom: 9px;
}
#twitter{
  float: left;
  padding-left: 20px;
  width: 290px;
}
#tweets ul li{
  float: left;
  clear: left;
  margin-bottom: 12px;
}
#tweets ul li .tweet_avatar{
  float: left;
  margin-right: 10px;
  display: inline;
  padding-bottom: 18px;
}
#tweets ul li .tweet_text{
  float: left;
  width: 232px;
  font: 12px Arial, Helvetica, Sans-Serif;
}
#tweets .loading{
  font: 12px Arial, Helvetica, Sans-Serif;
}
#tweets ul li .user, #tweets ul li .date{
  font: 12px Arial, Helvetica, Sans-Serif;
}
#tweets ul li .user{
  float: left;
  padding-right: 12px;
}
#tweets ul li a{
  color: #71cbf1;
  text-decoration: none;
}
#flickr h4{
  font: 17px Arial, Helvetica, Sans-Serif;
  color: #393939;
  background: url(../images/flickr.png) top right no-repeat;
  padding-right: 99px;
  padding-top: 6px;
  height: 30px;
  float: left;
  margin-bottom: 13px;
}
#twitter h4{
  font: 17px Arial, Helvetica, Sans-Serif;
  color: #393939;
  background: url(../images/twitter.png) top right no-repeat;
  padding-right: 126px;
  padding-top: 6px;
  height: 30px;
  float: left;
  margin-bottom: 13px;
}
#flickr p, #twitter p{
  font: 14px Arial, Helvetica, Sans-Serif;
}
#flickr p{
  margin-top: 24px;
}
#flickr p strong, #twitter p strong{
  color: #f07f29;
}
#flickr p a, #twitter p a{
  color: #71cbf1;
  text-decoration: none;
}
#content-right{
  float: left;
  width: 207px;
  padding-left: 14px;
}
#donate{
  float: left;
  text-indent: -9999px;
  width: 203px;
  height: 49px;
  background: url(../images/donate-btn.png) no-repeat;
  margin-bottom: 28px;
  margin-left: 4px;
}
#news{
  float: left;
  width: 203px;
  margin-bottom: 50px;
  margin-left: 4px;
}
#news h3{
  text-transform: uppercase;
  font: bold 14px Arial, Helvetica, Sans-Serif;
  color: #f07f28;
}
#news p{
  font: 12px Arial, Helvetica, Sans-Serif;
  color: #393939;
}
#news a{
  text-decoration: none;
  color: #71cbf1;
}
#news #ugm-blog-link{
  float: left;
  width: 203px;
  height: 18px;
  text-indent: -9999px;
  background: url(../images/ugm-blog-link.png) no-repeat;
  margin-bottom: 4px;
}
#news #ugm-twitter-link{
  float: left;
  width: 203px;
  height: 19px;
  text-indent: -9999px;
  background: url(../images/ugm-twitter-link.png) no-repeat;
}
#testdiv-top{
  float: left;
  width: 955px;
  height: 9px;
  background: url(../images/main-rounded-top.png) no-repeat;
}
#testdiv{
  float: left;
  width: 935px;
  background: #ffffff;
  padding: 11px 0 0 20px;
}
#testdiv-bottom{
  float: left;
  width: 955px;
  height: 11px;
  background: url(../images/main-rounded-bottom.png) no-repeat;
}
#testdiv h2{
  float: left; 
  font: bold 24px Arial, Helvetica, Sans-Serif;
  color: #ef8300;
  width: 150px;
}
.sponsor{
  float: left;
  width: 220px;
  margin-right: 67px;
}
.sponsor-miss604{
  width: 202px;
  margin-right: 60px;
}
.sponsor-domain7{
  width: 215px;
  margin-right: 0 !important;
}
.sponsor-strutta{
  width: 220px;
  margin: 12px 67px 0 150px;
}
.sponsor-wallblank{
  width: 210px;
  margin: 12px 52px 0 0;
}
.sponsor-zach-bulick{
  width: 215px;
  margin-top: 12px;
  margin-right: 0 !important;
}
.sponsor img{
  float: left;
  margin-right: 15px;
}
.sponsor p{
  margin-top: 0;
  float: left;
  font: 12px Arial, Helvetica, Sans-Serif;
  color: #292929;
  width: 127px;
}
.sponsor-miss604 p{
  width: 122px;
}
.sponsor-wallblank p{
  width: 130px;
}
.sponsor-domain7 p, .sponsor-zach-bulick p{
  width: 105px;
}
.sponsor a{
  color: #71cbf1;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
.sponsor a:hover{
  color: #f07f28;
}
#footer{
  float: left;
  width: 955px;
  padding-top: 6px;
}
#footer p{
  color: #ffffff;
  font: 12px Arial, Helvetica, Sans-Serif;
  width: 955px;
  text-align: center;
}
#footer p a{
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

