/* This style-sheet is for events and can be loaded just 
    on those pages where it is necessary. */

div#events {
display:inline;
float:left;
margin-bottom:20px;
width:550px;
}

div#events h1{
border-bottom:none;
margin-top:30px;
}

div#events h2{
  margin-bottom:5px;
  margin-top:15px;
  padding:0;
  width:305px;
}

div.event {
  clear:both;
  overflow:hidden;
  width:540px;
}

.date_summary {
  display:inline;
  float:left;
  margin-bottom:10px; 
  margin-top:10px; 
  width:180px; 
}
.title_location {
  display:inline;
  float:left;
  margin-bottom:10px; 
  margin-top:10px; 
  width:320px; 
}
.date, .title {
  background-color:inherit;
  color:#80A467;
  font-size:12px;
  font-weight:bold;
}
.title a {
  background-color:inherit;
  color:#80A467;

}
.tag, .location, .time {
  font-size:10px;
}
.details {
  font-size:10px;
  margin-top:.4em;
}

td.city {
	vertical-align:top;
  width:130px;
}
td.weekday {
 	vertical-align:top;
 width:80px;
}
td.dates {
	vertical-align:top;
  width:130px;
}
.course_description h1{
  font-size:1em;
}