body {
	background: url(../images/objectStripBackground.png) repeat-x 0px 162px;
}

.attendFix {
  background: red;

}
/* events - list */


#eventsLeft {
  width: 580px;
  float: left;
}

.dayWrap {
  margin: 20px 0 40px 0;
 
}

.eventsItems {
  /*border-bottom: 1px #edecec solid;*/
  margin-left: 70px; 
}
.eventName {
  font-weight: bold;
  padding: 0 20px 0 5px;
}

.dayCalendar {
  border-top: 5px #CC0000 solid;  
  width: 50px;
  text-align: center;
  float: left;
  clear: left;
  
}
.dayNumber {
  line-height: 25px;
  height: 25px;
  font-size: 16px;
  font-weight: bold;
}
.eventDetail {
  padding: 0 0 10px 0;
}
.eventDetail dt{
  float: left;  
}
.eventDetail dd{
  margin-left: 58px;  
}
#moreDaysWrap {
  padding: 20px 0 0 15px;

}

#moreDaysWrap .eventDetail dd{
  margin-left: 85px;

}


.eventDayH, .eventDayCategory {
  padding: 4px;
}
.eventDayH {
  background: #47055D;
  border-left: 0;
  font-style: normal;
  color: #fff;
}
.eventDayCategory {

}
.placeName {
  font-size: 16px;
  font-weight: bold;  
}
.eventCategoryInfo {
  font-size: 0.9em;
  color: #434343;
}


#categoryNavigation {
  margin: 15px 0 0 0;
  padding: 15px;
  background: #f6f6f4;
  
}
#categoryNavigation p {
  padding: 0 0 5px 0;
  color:#B50D59;
  font-size:1.3em;
  font-weight:bold;
  line-height:1.3em;
}
/* events - list - END */

/*
  events list - right
*/

#eventsRight {
  margin-left: 600px  
}
#moreDaysWrap {
  
}
#moreDaysWrap a {
  margin: 0;
  padding: 0;
}
/*
  events list - right - END
*/


/*
  events - detail
*/

#eventDetailLeft {
  width: 420px;
  float: left;
}

#eventImages {
  float: left;
  width: 280px;
  margin-left: 20px;
}

#eventDetailRight {
  margin-left: 700px;
  border-left: 1px #ccc solid;
  padding: 5px 0 15px 15px;
}





#eventImages h3 {
	margin: 0;
	padding: 0;
	width: 230px;
	height: 250px;
}

#eventImages h3 a {
	display: block;
	background: #838383;
}

#eventImages h3 a:hover {
	text-decoration: none;
	cursor: pointer;
	background: #18485e;
}

#eventImages h3 a strong {
	display: block;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	padding: 0 5px 0 10px;
	margin: 0;
	height: 20px;
	line-height: 20px;
}





#eventDetailRight h3 {
  padding: 10px 0 1px 0;
  margin: 0;
  line-height: normal;  
  height: auto;  
}



#eventName {
  font-size: 1.6em;
  line-height: 3em;
  margin-left: 80px;
}

.bigFont {
  line-height: 1.6em;
  font-size: 1.6em;
}

#eventDetailLeft .dayCalendar {
  margin-left: 18px;
}


h3 {
	line-height: 25px;
	font-size: 14px;
	height: 25px;
	color: #18485e;
	margin-bottom: 5px;
}

#eventsContent {
  padding: 15px 0;
}

#eventNotOfice {
	line-height: 25px;
	width: 700px;
	height: 25px;
	color: #000000;
	text-align: center;
	margin-bottom: 8px;
	border-top: 5px #CC0000 solid;  
	background: #E5E6E6 ;
}

#eventDetailLeft dt{
  float: left;
  
  font-size: 0.9em;
  line-height: 1.8em;
  text-align: right;
  width: 65px;
}
#eventDetailLeft dd {
  margin-left: 80px;
  line-height: 1.8em;
}

.infoDesc {
}

#eventAttend {
  padding-top: 20px;
}

.attendersWrap {
  float: left;
  padding: 3px;
}
.maybe {
  clear: left;
}






/*
  calendar 
*/
#calendarWrap {
}
#calendarWrap td {
  border: 0;  
  text-align: center;
}

.calendarRow td{ 
  color: #5e5e5e; 
  margin: 0; padding: 0;
}
#calendarWrap .rowOn td {
  background: #780634;
}

.calendarNavigation a {
  color: #fff;
  height: 35px;
  line-height: 35px;
  
}

.calendarNavigation td, .calendarNavigationDays td{
  height: 35px;
  width: 45px;
  background: url(../images/calendarNavigation.gif) repeat-x scroll left top;
  color: #fff;
  text-align: center;
  margin: 0; padding: 0;
}

.calendarRow a {
  display: block;
  height: 45px;
  width: 45px;
  line-height: 45px;
  margin: 0px; padding: 0;
  background: #f2f2f2;
}
.calendarRow a:hover, #calendarTableDays .rowOn a {
  background-color: #780634;
  text-decoration: none;
  color: #fff;
}
.calendarWeek a{
  background: url(../images/calendarArrow.gif) no-repeat scroll left top;
}
.calendarWeek a:hover{
  background: url(../images/calendarArrowOn.gif) no-repeat scroll left top;
}

#calendarTableDays {  
  width: 360px;
  margin-left: 10px;
}

.calendarNavigation .calendarNavigationMonday {
  
}
.calendarNavigation .calendarNavigationOverview {
  
}
.calendarNavigation .calendarNavigationRow {
  width: 380px;
}
.calendarNavigationRow a {
  padding: 0 20px;
}


.dayHaveEvents a{
  background: #d8dfea;
}

.itsToday a{
  background: #b50d59;
  color: #fff;
}

.isSelected a{
  background: #47055D;
  color: #fff;
}

/*
  calendar - END 
*/