.pageContainer { width: 100%; }


/* HEADER */


.headerContainer { display: block; margin: 10px; margin-bottom: 0px; background-color: f3f3f3; }
.header { display: block; padding: 10px; }


/* HEADER MENU */


.headerMenuContainer { display: block; margin: 10px; margin-bottom: 0px; background-color: f3f3f3; }
.headerMenu { display: block; padding: 5px; text-transform: uppercase; text-align: right; }
.headerMenuItem { display: inline-block; font-size: 14px; cursor: pointer; padding: 3px; background-color: e0e0e0; border-radius: 3px; transition: background-color .5s, color .1s; }
.headerMenuItem:hover { color: white; background-color: black; transition: background-color .5s, color .1s; }


/* EVENTS */



.eventsContainer {  }
.eventsTitle { text-align: left; font-size: 15px; padding: 10px; padding-bottom: 0px; text-transform: uppercase; }
.eventsList { display: table; padding: 10px; border-spacing: 10px; }
.eventRow { display: table-row; text-align: left; font-size: 12px; }
.eventName { display: table-cell; font-size: 12px; padding: 3px; cursor: pointer; border-radius: 3px; transition: background-color .5s, color .1s; }
.eventName:hover { display: table-cell; color: white; background-color: black; transition: background-color .5s, color .1s; }
.eventLocation { display: table-cell; }
.eventDate { display: table-cell; }
.eventStatus { display: table-cell; }


/* FOOTER */


.footer { margin: 10px; padding: 10px; font-size: 12px;  background-color: f3f3f3; }


/* DEFAULTS */


BODY { font-family: Tahoma, Geneva, sans-serif; background-color: #ffffff; margin: 0px; text-align: center; }