/* CSS Document */

#wrapper2 {
  clear: both;
  width: 675px;
  margin: 5px auto;
  background: #FFFFFF url(images/rd-top.gif) no-repeat top left;
  }

#wrapper3 {
  clear: both;
  width: 675px;
  margin: 0 auto;
  background: url(images/rd-bottom.gif) no-repeat bottom left;
  }
  
#news {
  float: left;
  width: 40%;
  padding: 2% 5%;
  font-size: 90%;
  }

#news a {
  color: #339933;
  text-decoration: underline;
  }

/* to fix floating issue in IE5 & 6 */
* html #events{
  clear: both;
  }
  
/* to fix floating issue in IE7 */

*:first-child+html #events {
  clear: both;
  }
  
#events {
  float: right;
  width: 45%;
  font-size: 90%;
  margin: 3% 3% 0 0;
  background: url(images/cardboard_smple.jpg) repeat-y bottom left;
  }

#events_header {
  clear: both;
  height: 100px;
  padding: 0 7%;
  margin: -5% 0 0 0;
  background: url(images/cardboard_bkgd.jpg) no-repeat top left;
  }

#events_footer {
  clear: both;
  height: 50px;
  background: url(images/cardboard_bottom.jpg) no-repeat bottom left;
  }

.eventtitle {
  color:#000000;
  padding: 28% 0 0 2%;
  width: 85%;
  }

.eventinfo {
  color:#000000;
  padding: 0 10% 0 10%;
  width: 85%
  }
  
.eventinfo a{
  color: #FFFFFF;
  text-decoration: none;
  padding: 0 0 0 2%;
  width: 85%
  }

#welcome {
  width: 700px;
  margin: 0 auto;
  background: #FFFFFF;
  }

#welcomebox {
  width: 470px;
  height: 275px;
  font-size: 90%;
  float: right;
  margin: 8px 0 0 0;
  padding: 8px 0 0 0;
  background: url(images/grass-sky-bkgd.jpg) no-repeat;
  }

#demandit {
  height: 275px;
  float: left;
  margin: 0;
  }

/* to fix margin issue in IE5 & 6 */
* html #demandit {
  margin: 9px 0 0 0;
  }

.welcomebox {
	font-size: 95%;
	line-height: 150%;
	color: #000;
	padding: 0 5% 0 5%;
  }

.findoutmore {
   font-size: 150%;
   color:#FFFFFF;
   float: right;
   padding: 0 15px 0 0;
   }

.findoutmore a {
   text-decoration: none;
   color:#FFFFFF;
   }

#joinus {
  width: 700px;
  height: 30px;
  color:#FFFFFF;
  float: right;
  background: url(images/join_campaign.gif) no-repeat top right;
  }
  
.joinus {
   text-align: right;
   font-size: 80%;
   margin: 5px 0 0 0;
   padding: 0 10px 0 0;
   }

#joinus a {
  text-decoration: none;
  display: block;
  float: right;
  height: 15px;
  padding: 3px 6px;
  color:#FFFFFF;
  }
  
#joinus a:hover {
  background: url(images/on-bg.gif) repeat-x top left;
  }

.highlight {
  font-size: 115%;
  ling-height: 130%;
  color: #990000;
  }

.welcome {
  font-size: 115%;
  ling-height: 130%;
  color:#000000;
  }

.leftimg {
	float: left;
	margin: 5px 10px 5px 0;
}