@charset "UTF-8";
/* CSS Document */

#main_content {
	margin-right:20px;
}

#events_list { /* wrapper over dl */
	float:left;
	width:540px; /* total width of main_cont  - 20px margin right */
	padding:10px 0;
	}

#events_list dl {
	float: left; /* floating each list so that it'll wrap around containing elements (self-clearing floats)*/
	width:540px; /* fixes IE bug that stretches floated elements wider then the width of their container */
	margin:0;
	padding:0;
	margin-bottom:15px;
	display:inline; /* fixes IE/Win double margin bug */
	}
#events_list dt { /* name of event */
	margin:0;
	margin-bottom:7px;
	padding:2px 0 2px 15px;
	font-size:105%;
	letter-spacing:1px;
	color:#000000;
	text-align:left;
	background:#FFFFFF url(../bg_images/header_bg_right.png) top right repeat-y;
	/*border-bottom: 1px solid #CCCCCC;*/
	}

#events_list dd {
	padding:0; /* removes indent */
	font-size:90%;
	color:#000000;
	text-align:justify;
	margin:0;
	/*margin: 0 0 0 227px;*/ /* 200px image + 15 margin + 12px padding + border */
}

#events_list dd.img {
	margin:0;
}

#events_list dd.img img {
	float:left;
	margin:0 15px 0 0;
	padding:4px; 
	border: 2px solid #999999;
	border-left-color:#CCCCCC;
	border-top-color:#999999;
	border-bottom-color:#333333; /* darker shade then top and left */
	border-right-color:#666666;
	background:#CCCCCC;
}

/* reverse float */
#events_list .alt dt {
	text-align:right;
	padding:2px 15px 2px 0;
	background:#FFFFFF url(../bg_images/header_bg_left.png) top left repeat-y;
	}
	
#events_list .alt dd.img  img{
	float:right;
	margin: 0 0 0 15px; /* switch margin to left side */
}
#events_list .alt dd {
	/*margin: 0 227px 0 0;*/
}

#events_list .alt dd.img {
	margin:0;
}
#main_content dl  dd a{	
	/*text-decoration:none;*/
	color:#CCCCCC;
	}
#main_content dl dd  a:hover {
	color:#FFFFFF;
}