/***********************
## SUMMARY / ARTICLES ##
***********************/

#content .summary {
  width: auto;
  float: none;
  display: block;
}
#eventList .summary {
  display: table-row;
  background-color: #DDD;
  font-weight: normal;
  color: #646464;
}

#content .summary td {
  padding: 10px;
  vertical-align: top;
}

#eventList {
  width: 100%;
}

#eventList th {
  height: 50px;
  text-align: left;
  background-color: #EEEDE4;
  color: #213B4D;
}

#eventList th p {
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#eventList th.eventInfo { 
  padding-left: 10px;
  background-color: transparent;
  font-weight: bold;
}

#eventList th p {
  display: block;
  width: 100%;
  height: 100%;
}

#eventList .divider td {
  height: 3px;
}

#eventList td.eventTarget,
#eventList td.eventDate,
#eventList td.eventLocation,
#eventList td.eventSignup {
  width: 140px;
}

#eventList th.eventDate { background: #EEEDE4 url(../GFX/thleft.gif) no-repeat 0 0; }
#eventList th.eventSignup { background: #EEEDE4 url(../GFX/thright.gif) no-repeat 100% 0; }

#eventList th.eventDate p { background-image: url(../GFX/CalendarIcons/cal_date.gif); }
#eventList th.eventLocation p { background-image: url(../GFX/CalendarIcons/cal_location.gif); }
#eventList th.eventTarget p { background-image: url(../GFX/CalendarIcons/cal_target.gif); }
#eventList th.eventSignup p { background-image: url(../GFX/CalendarIcons/cal_signup.gif); }

#eventList th span {
  display: none;
}

#eventList td.eventInfo { background: transparent url(../GFX/thleft.gif) no-repeat 0 0; }
#eventList td.eventSignup { background: transparent url(../GFX/thright.gif) no-repeat 100% 0; }

#content #eventList h2,
#content #eventList h2 a {
  color: #213B4D;
}

#content #eventList .summarypic {
  display: block;
  float: none;
  margin: 0 0 5px 0;
}


#eventList th h2 {
  display: inline;
  margin-right: 10px;
}

#eventList .odd {
  background-color: #EAEAEA;
}

#eventList td.eventInfo {
  width: 150px;
x  overflow: hidden;
  font-weight: normal;
  color: #000;
  background-color: transparent!important;
  background-color: #DDD;
}

#eventList .odd td.eventInfo {
  background-color: transparent!important;
  background-color: #EAEAEA;
}

/***********
## LAYOUT ##
***********/

#wrapper div.wide {
  background-image: url(../GFX/singleleftrow.gif);
}

#left_column {
  width: 160px;
}

#left_column_wide {
  width: 310px;
  float: left;
  display: inline;
}

#moreEvents {
  float: left;
  width: 150px;
}

#mid_column {
  width: 610px;
  padding: 0 10px;
}

#mid_column_narrow {
  width: 456px;
  padding: 0 10px;
  float: left;
  display: inline;
}


h2.calendar {
  font-size: 150%;
  background-image: url(../GFX/activities.gif);
}

#calSearch {
  float: left;
  width: 160px;
}

#branchContainer,
#hostContainer {
  margin-top: 0;
  padding-top: 0;
  border: none;
}