#wrapper { 
  width: 900px;
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 0 10px;
}

#mainNav { 
  float: left;
  width: 22%;
}

#content { 
  float: right;
  width: 77%;
}

#mainContent {
  float: left;
  width: 74%;
}

#secondaryContent { 
  float: right;
  width: 24%;
}

#secondaryContent .title { 
  border-bottom: thin solid;
}

#footer { 
  clear: both;
}

#eventWrapper { 
  float: left;
  display: inline;
  width: 100%;
}

#eventWrapper h2 { 
  margin: 0 auto;
  text-align: center;
}

.clear { 
  clear: both;
}

.event { 
  float: left;
  display: inline;
  width: 23%;
  margin-right: 10px;
}

#eventWrapper .description img { 
  float: left;
  margin: 5px;
  border: solid thin #000;
}

#content .description img { 
  float: left;
  margin: 5px;
  border: solid thin #000;
}

.noborder { 
  border: none;
}

/* add this class to img to shrink them */
/* NOTE: IE doesn't recognize max-width so we have to use width */
#content .shrink { 
  max-width: 31.5%;
  width: 31.5%;
}

/* add this class to img to grow them */
#content .grow { 
  width: 98%;
}

/* add this class to img to make them midsize */
#content .half { 
  width: 48%;
}

#content #imba-news-content img { 
  float: none;
  border: none;
}

#ads a {
  text-align: center;
}

#ads a img {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0px;
}

.ads a img {
  text-align: center;
  margin-top: 10px;
  margin: 10px;
  width: 90%;
  border: 0px;
}


#footer { 
  text-align: center;
  padding: 20px;
}