/*Calendar Hover*/
#WzBoDy table *{max-width:100% !important; display:block !important;}

.eventlist_box img{max-width:100%; width:500px}
.eventlist_box br{display:block; margin:0px;}
.eventlist_box{margin-bottom:80px;}
.eventlist_box h2{color:#006838}

.clr
{
	clear:both;
}

/****** event listing format ******/
.events_li
{
    margin:0px;
    padding:5px;
    color:#000000;
    list-style-type:none;
}

.events_li li {
    background-color: #eee;
    border: 1px solid #999;
    margin: 10px 0 20px;
    padding: 5px 0 5px 5px;
    text-align: left;
  
}

.events_li h2 {
    float: left;
    font-size: 1.3em;
    margin: 5px 0 0;
    padding: 0;
    text-decoration: none;
}

.events_li .evdate
{
    float:left;
    color:#000000;
    font-size:1.2em;
    margin:5px 0px 0px 20px;
    padding:0px 0px 0px 0px;
}

.events_li p
{
    margin-left:0px;
    clear:both;
    color:#000000;
    font-size:1em;
	 line-height: 1.3em;
}

.events_li li a
{
	color:#337ab7;
    font-size:1em;
    text-decoration:none;
}

.events_li li a:hover
{
	color:#382e6e;
    font-size:1em;
    text-decoration:underline;
}

.evdatebox {
    background-color: #333;
    color: #fff;
    display: table-cell;
    float: left;
    font-family: "Roboto",sans-serif;
    font-size: 1.2em;
    height: 100px;
    line-height: 1.2em;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}

.evdatebox p {
    clear: none;
    color: #fff;
    display: table-cell;
    height: 100px;
    padding: 0;
    vertical-align: middle;
    width: 100px;
	line-height: 1.2em;
}

.evmainbox {
    clear: none;
    float: left;
    margin-left: 12px;
    padding-right: 10px;
    width: 90.3%;
}
.list-image img{ width:300px;}

/****** event calendar format ******/
.eventcal_table
{
    font-family:arial,verdana;
    clear:both;
}
.eventcal_table td
{
    border:1px solid #ffffff;
}
.eventcal_head {
    background-color: #333;
    color: #ffffff;
    font-family: "Roboto",sans-serif;
    font-size: small;
    text-align: center;
}
.eventcal_txt, .eventcal_txt a {
    background-color: #eee;
    color: #666;
    font-family: "Roboto",sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: none;
    width: 100px;
}
.eventcal_date
{
	font-size:small;
    font-weight:normal;
    color:#666666;
    text-align:center;
}

.cal_event {}

/* event list format */
.eventbox
{
	display:block;
	background-color:#ffffff;
    border:1px solid #000000;
    margin-bottom:5px;
}
.eventbox h1
{
    color:#000000;
    font-size:medium;
    font-weight:bold;
}
.eventbox h3
{
    color:#000000;
    font-size:small;
    font-weight:bold;
}
.eventbox h4
{
    color:#000000;
    font-size:small;
    font-weight:bold;
}
.eventbox p
{
    color:#000000;
    font-size:small;
    font-weight:normal;
}

#WzTtDiV {-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
#WzBoDy { top: 0px !important;}
#WzBoDyI p {font-size: 1em; margin: 0px; padding: 0px;}

.event_display{float: left;}
.event_month_nav {float: right;}
.event_month_nav a{color: #666;}

@media screen and (max-width: 821px) {
	.event_display {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.event_month_nav {
    float: left;
    text-align: center;
    width: 100%;
}
	.events_li li {width: 100%; padding-right: 5px;}
	.evdatebox {
    font-size: 1.2em;
    height: auto;
    width: 100%;
		margin-bottom:10px;
}
	.evdatebox p {
 height: auto; width: auto;
    display: block;
  
}
	.evmainbox {
    clear: none;
    float: left;
    margin-left: 2px;
    margin-top: 5px;
    max-height: none;
    overflow: hidden;
    padding-right: 0;
    padding-top: 15px;
    width: 100%;
}
#eventcal h1 {
    float: left;
    font-size: 1.5em;
    text-align: center;
    width: 100%;
}
.eventcal_date {
    color: #666666;
    font-size: small;
    font-weight: normal;
    margin-top: 0;
    padding-top: 5px;
    text-align: left;
}
.eventcal_txt, .eventcal_txt a {
    float: left;
    width: 100%;
	height: auto !important;
}
.eventcal_date {float: left;}
.cal_event a {padding-left: 25px;}
.event_display {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 43%;
}
	 }