/* CSS Document */




#eventlist2 {margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; width:100%; float:left; overflow: visible;}

        #eventlist2 li {width:18.1%;height: 165px; display:inline-block; padding:0px 0px 0px 0px; margin:10px 10px 10px 10px; background-color:rgba(255,255,255,1); float:left; border:1px solid rgba(0,0,0,0.7); text-align: center; position:relative;}
	
	#eventlist2 li:last-child { margin-right:0 !important;}

        #eventlist2 li a{font-family:'Roboto', Helvetica, sans-serif; color: #ffffff;font-weight:400; font-size:.68em; background:#cc0000;margin:0px 0 5px 0px; padding: 3px 5px 3px 5px;text-shadow:1px 1px 0px #990000; line-height: 1;text-align: center; word-spacing: -0.06rem; border-radius:15px;
}
        		
#eventlist2 li a:hover{ background-color:#990000;}		

.eventtitle{ color:#009933;text-align:center !important;line-height:.7em;}				


.cal2{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:1em; line-height:.8em; padding:5px 0 0px 0;
margin:0px 0px -5px 0px;text-align: center !important;text-transform: uppercase; color:#ffffff; font-weight:600;
    border:0px solid #666666; background-color: #003366;text-shadow:1px 1px 0px #1b1b1b; height: 72px;}
	

.cal_num2{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:2.3em; line-height:1; margin:0px 0px 0px 0px;
    padding:0px 0 0px 0;text-align: center;text-transform:uppercase; color:#ffffff; font-weight:700; text-shadow:0px 1px 1px #1b1b1b;}


.cal_num{font-family:'Oswald', Helvetica, sans-serif;font-size:2em;line-height:1em;font-weight:400; color:#333333;text-shadow:0px 1px 1px #ffffff; margin:3px 0 0 0; padding:0 0 0px 0;}

		.dat2{font-family:'Roboto', Helvetica, sans-serif; color: #ffffff; font-weight:500;font-size:.9em; line-height:.7; margin:0px 0 0 0; padding:0;text-shadow:0px 1px 1px #003366; text-align:center !important;}


		.summary{font-family:'Roboto', Helvetica, sans-serif; font-size:.95em; line-height:.95em; font-weight:500; margin:-3px 0px 3px 0px; padding:0px 0px 0px 0px;text-align: center !important; color: #1b1b1b;text-shadow:1px 1px 0px #ffffff;}


        .location { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:1px 0px 0px 0px;padding:0px; color: #ffffff; line-height:1.2em; font-weight:400;text-shadow:0px 1px 1px #ffffff;width:100%;text-align: center !important;
   display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;display: none !important;}
		

        .location2 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:1px 0px 0px 0px; padding:0px; color: #222222; line-height:1.2em; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%;text-align: center !important;
        
   display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;}
		









@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
 and (orientation: portrait) 
   {
#eventlist2 {margin:0px 0px 0px 8%; padding:0px 0px 0px 0px; width:98%; float:left; overflow: visible;}


.eventtitle2{ color:#ffffff;}

        #eventlist2 li {	width:18.1%;height: 165px; display:inline-block; padding:0px 0px 0px 0px; margin:10px 10px 10px 10px; background-color:rgba(255,255,255,1); color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif; font-size:1em; line-height:.9em; float:left; border:1px solid rgba(0,0,0,0.7); text-align:center; position:relative;}
	
	#eventlist2 li:last-child { margin-right:0 !important;}

        #eventlist2 li a{font-family:'Roboto', Helvetica, sans-serif;color: #cc0000;font-weight:500; font-size:1.1em; background:#ffffff;margin:0px 0 0 0px;
  padding: 3px 12px 3px 12px;text-shadow:0px 1px 1px #ffffff;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
}
        
		

		
.eventtitle2{}
		
.cal2{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:1.1em; line-height:.8em; padding:3px 0 0px 0;
margin:0px 0px -15px 0px;float:left;text-align: center;text-transform: uppercase; color:#ffffff; font-weight:500; border:0px solid #666666; background-color: #003366;text-shadow:0px 1px 1px #1b1b1b; height:65px;}

.cal_num2{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:2.3em; line-height:1em; margin:0px 0px 0px 0px; padding:0px 0 0px 0;text-align: center;text-transform:uppercase; color:#ffffff; font-weight:700; float:left;text-shadow:0px 1px 1px #1b1b1b;}

.dat2{font-family:'Roboto', Helvetica, sans-serif; display:inline-block; font-size:.9em; line-height:.7em; font-weight:500; margin:0px 0px 0px 0px; padding:0px 0 0 0; color: #ffffff;text-shadow:0px 1px 1px #1b1b1b; text-transform:uppercase;}


		.summary2{font-family:'Roboto Condensed', Helvetica, sans-serif; font-size:.95em; line-height:.95em; font-weight:400; margin:-3px 0px 3px 0px; padding:0px 2px 0px 2px;text-align: center !important; color: #1b1b1b;text-shadow:0px 1px 1px #ffffff;}

        .location2 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 1px;padding:0px 0px 0px 3px; color: #666666; line-height:1.1em; text-align: left; font-weight:400;text-shadow:0px 1px 1px #ffffff;}
		
		
        .location22 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px -5px 0px; padding:0px 0px 0px 0px; color: #333333; line-height:1.1em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;}

	        .description22 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color: #666666; line-height:1.1em; text-align:center !important; font-weight:400; text-shadow:0px 1px 1px #ffffff;}











#eventlist3 {margin:0px 0px 0px 8%; padding:0px 0px 0px 0px; width:100%; float:left; overflow: visible;}


.eventtitle3{ color:#ffffff;}

        #eventlist3 li {	width:18.1%;height: 165px; display:inline-block; padding:0px 0px 0px 0px; margin:10px 10px 10px 10px; background-color:rgba(255,255,255,1); color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif; font-size:1em; line-height:.9em; float:left; border:1px solid rgba(0,0,0,0.7); text-align:center; position:relative;}
	
	#eventlist3 li:last-child { margin-right:0 !important;}

        #eventlist3 li a{color: #ffffff;font-weight:400; font-size:1.1em; background:#CC3333;margin:5px 0 0 5px;
  padding: 3px 12px;text-shadow:0px 1px 1px #990000; position:absolute; bottom:5px; left:35%;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center; float:left;
}
        
		
#eventlist3 li a:hover{ background-color:#990000;}		

		
.eventtitle3{}
		
.cal3{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:1.1em; line-height:.8em; padding:3px 0 0px 0;
margin:0px 0px -15px 0px;float:left;text-align: center;text-transform: uppercase; color:#ffffff; font-weight:500; border:0px solid #666666; background-color: #003366;text-shadow:0px 1px 1px #1b1b1b; height:65px;}

.cal_num3{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:2.3em; line-height:1em; margin:0px 0px 0px 0px; padding:0px 0 0px 0;text-align: center;text-transform:uppercase; color:#ffffff; font-weight:700; float:left;text-shadow:0px 1px 1px #1b1b1b;}

.dat2{font-family:'Roboto', Helvetica, sans-serif; display:inline-block; font-size:.9em; line-height:.7em; font-weight:500; margin:0px 0px 0px 0px; padding:0px 0 0 0; color: #ffffff;text-shadow:0px 1px 1px #1b1b1b; text-transform:uppercase;}


		.summary3{font-family:'Roboto Condensed', Helvetica, sans-serif; font-size:.9em; line-height:.95em; font-weight:400; margin:-7px 0px 3px 0px; padding:0px 0px 0px 3px;text-align: left !important; color: #1b1b1b;text-shadow:0px 1px 1px #ffffff;}

        .location3 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 1px;padding:0px 0px 0px 3px; color: #666666; line-height:1.1em; text-align: left; font-weight:400;text-shadow:0px 1px 1px #ffffff;}
        .location33 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 1px; padding:0px 0px 0px 3px; color: #666666; line-height:1.1em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;}


}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
 and (orientation: landscape)   
   {
#eventlist2 {margin:0px 0 0 10%; padding:0px 0px 0px 0px; width:100%; float:left; overflow: visible;}


.eventtitle2{ color:#ffffff;}

        #eventlist2 li {	width:18.1%;height: 165px; display:inline-block; padding:0px 0px 0px 0px; margin:10px 10px 10px 10px; background-color:rgba(255,255,255,1); color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif; font-size:1em; line-height:.9em; float:left; border:1px solid rgba(0,0,0,0.7); text-align:center; position:relative;}
	
	#eventlist2 li:last-child { margin-right:0 !important;}

        #eventlist2 li a{color: #ffffff;font-weight:400; font-size:1.1em; background:#CC3333;margin:5px 0 0 5px;
  padding: 3px 12px;text-shadow:0px 1px 1px #990000; 
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
}
        
		
#eventlist2 li a:hover{ background-color:#990000;}		

		
.eventtitle2{}
		
.cal2{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:1.1em; line-height:.8em; padding:3px 0 0px 0;
margin:0px 0px -15px 0px;float:left;text-align: center;text-transform: uppercase; color:#ffffff; font-weight:500; border:0px solid #666666; background-color: #003366;text-shadow:0px 1px 1px #1b1b1b; height:65px;}

.cal_num2{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:2.3em; line-height:1em; margin:0px 0px 0px 0px; padding:0px 0 0px 0;text-align: center;text-transform:uppercase; color:#ffffff; font-weight:700; float:left;text-shadow:0px 1px 1px #1b1b1b;}

.dat2{font-family:'Roboto', Helvetica, sans-serif; display:inline-block; font-size:.9em; line-height:.7em; font-weight:500; margin:0px 0px 0px 0px; padding:0px 0 0 0; color: #ffffff;text-shadow:0px 1px 1px #1b1b1b; text-transform:uppercase;}


		.summary2{font-family:'Roboto Condensed', Helvetica, sans-serif; font-size:.95em; line-height:.95em; font-weight:400; margin:-3px 0px 3px 0px; padding:0px 0px 0px 3px;text-align: center !important; color: #1b1b1b;text-shadow:0px 1px 1px #ffffff;}

        .location2 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 1px;padding:0px 0px 0px 3px; color: #666666; line-height:1.1em; text-align: left; font-weight:400;text-shadow:0px 1px 1px #ffffff;}
        .location22 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 1px; padding:0px 0px 0px 3px; color: #666666; line-height:1.1em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;}












#eventlist3 {margin:0px 0px 0px 10%; padding:0px 0px 0px 0px; width:98%; float:left; overflow: visible;}


.eventtitle3{ color:#ffffff;}

        #eventlist3 li {	width:18.1%;height: 165px; display:inline-block; padding:0px 0px 0px 0px; margin:10px 10px 10px 10px; background-color:rgba(255,255,255,1); color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif; font-size:1em; line-height:.9em; float:left; border:1px solid rgba(0,0,0,0.7); text-align: left !important;position:relative;}
	
	#eventlist3 li:last-child { margin-right:0 !important;}

        #eventlist3 li a{color: #ffffff;font-weight:400; font-size:1.1em; background:#CC3333;margin:5px 0 0 5px;
  padding: 3px 12px;text-shadow:0px 1px 1px #990000; position:absolute; bottom:5px; left:35%;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center; float:left;
}
        
		
#eventlist3 li a:hover{ background-color:#990000;}		

		
.eventtitle3{}
		
.cal3{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:1.1em; line-height:.8em; padding:3px 0 0px 0;
margin:0px 0px -15px 0px;float:left;text-align: center;text-transform: uppercase; color:#ffffff; font-weight:500; border:0px solid #666666; background-color: #003366;text-shadow:0px 1px 1px #1b1b1b; height:65px;}

.cal_num3{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:2.3em; line-height:1em; margin:0px 0px 0px 0px; padding:0px 0 0px 0;text-align: center;text-transform:uppercase; color:#ffffff; font-weight:700; float:left;text-shadow:0px 1px 1px #1b1b1b;}

.dat2{font-family:'Roboto', Helvetica, sans-serif; display:inline-block; font-size:.9em; line-height:.7em; font-weight:500; margin:0px 0px 0px 0px; padding:0px 0 0 0; color: #ffffff;text-shadow:0px 1px 1px #1b1b1b; text-transform:uppercase;}


		.summary3{font-family:'Roboto Condensed', Helvetica, sans-serif; font-size:.9em; line-height:.95em; font-weight:400; margin:-7px 0px 3px 0px; padding:0px 0px 0px 3px;text-align: left !important; color: #1b1b1b;text-shadow:0px 1px 1px #ffffff;}

        .location3 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 1px;padding:0px 0px 0px 3px; color: #666666; line-height:1.1em; text-align: left; font-weight:400;text-shadow:0px 1px 1px #ffffff;}
        .location33 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 1px; padding:0px 0px 0px 3px; color: #666666; line-height:1.1em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;}


}


@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 740px)
  and (orientation: landscape) {

        #eventlist2 {width:100% !important; margin:5px 0px 0px 0; padding:0px 0px 0px 10px; border:none;overflow: hidden;}


        #eventlist2 li {width:100% !important; height: auto; display:inline; padding:0px 0px 5px 0px; margin:0 0 5px -5px;color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif; border:none; border-bottom:1px solid #cccccc; position:inherit; text-align: left !important;}

        #eventlist2 li:last-child {width:100% !important; height: auto; display:inline; padding:0px 0px 5px 0px; margin:0 0 5px -5px;color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif; border:none; border-bottom:1px solid #cccccc; position:inherit; text-align: left !important;}
		
.eventtitle2{ color:#009933;text-align:left !important; margin:0; padding:0; line-height:.7em;}				
		
	.cal2{ display:inline !important;font-family:'Roboto', Helvetica, sans-serif;float:left; background-color: #66CC00;color:#ffffff;text-shadow:0px 1px 1px #00CC00;border:1px solid #cccccc; width:55px; height:auto;padding:3px 0px 0px 0px;font-size:1em;margin:0px 3px 0px 0px;font-weight:500;text-align: center;line-height:1.2em; text-transform: uppercase;}
	

.cal_num2{font-family:'Oswald', Helvetica, sans-serif;font-size:2em;line-height:1em;font-weight:400; color:#ffffff;text-shadow:0px 1px 1px #00CC00; margin:3px 0 0 0; padding:0 0 5px 0; }

		.dat2{font-family:'Roboto', Helvetica, sans-serif; color: #333333; font-weight:700;font-size:.9em; line-height:.7em; margin:5px 0 0 0; padding:0;text-shadow:0px 1px 1px #ffffff; text-align:left !important;}


		.summary2{font-family:'Roboto Condensed', Helvetica, sans-serif;font-weight:400; font-size:1em; line-height:1em; margin:-10px 0px 0px 0px; padding:0px 0px 0px 0px; text-align: left !important; color: #333333;text-shadow:0px 1px 1px #ffffff;}


        .location2 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:1px 0px 0px 0px;padding:0px; color: #999999; line-height:1.2em; font-weight:400;text-shadow:0px 1px 1px #ffffff;width:100%;text-align: left !important;}
		
        .location22 { font-family:'Roboto Condensed', Helvetica, sans-serif; font-size:1em; margin:1px 0px 0px 0px; padding:0px; color: #333333; line-height:1em; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%;text-align: left !important; }

	        .description22 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color: #666666; line-height:1.1em; text-align:left !important; font-weight:400; text-shadow:0px 1px 1px #ffffff;}
		
        #eventlist2 li a{font-family:'Roboto', Helvetica, sans-serif; font-size:1.2em; line-height:1em; font-weight:500; margin:0px 0px 0px 0px; padding:0px;text-align: left !important; color: #0066cc; background-color:#FFFFFF;text-shadow:0px 1px 1px #ffffff; position:inherit;

}
        #eventlist2 li a:hover{ background:none;}		


}




@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px)
  and (orientation: portrait) 
   {
        #eventlist2 {width:100% !important; margin:5px 0px 0px 0; padding:0px 0px 0px 10px; border:none;overflow: hidden;}


        #eventlist2 li {width:97% !important; height: auto; display:inline; padding:0px 0px 5px 0px; margin:0 0 5px 0px;color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif; border:none; border-bottom:1px solid #cccccc; position:inherit; text-align: left !important;}

        #eventlist2 li:last-child {width:100% !important; height: auto; display:inline; padding:0px 0px 5px 0px; margin:0 0 20px 0;color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif;}
		
.eventtitle2{ color:#009933;text-align:left !important; margin:0; padding:0; line-height:.7em;}				
		
	.cal2{ display:inline !important;font-family:'Roboto', Helvetica, sans-serif;float:left; background-color:#66CC00;color:#ffffff;text-shadow:0px 1px 1px #00cc00;border:1px solid #cccccc; width:55px; height:auto;padding:3px 0px 0px 0px;font-size:1em;margin:0px 3px 0px 0px;font-weight:500;text-align: center;line-height:1.2em; text-transform: uppercase;}
	

.cal_num2{font-family:'Oswald', Helvetica, sans-serif;font-size:2em;line-height:1em;font-weight:400; color:#ffffff;text-shadow:0px 1px 1px #00cc00; margin:3px 0 0 0; padding:0 0 5px 0;}

		.dat2{font-family:'Roboto', Helvetica, sans-serif; color: #333333; font-weight:700;font-size:.9em; line-height:.7em; margin:5px 0 0 0; padding:0;text-shadow:0px 1px 1px #ffffff; text-align:left !important;}


		.summary2{font-family:'Roboto Condensed', Helvetica, sans-serif;font-weight:400; font-size:1em; line-height:1em; margin:-10px 0px 0px 0px; padding:0px 0px 0px 0px; text-align: left !important; color: #333333;text-shadow:0px 1px 1px #ffffff;}


        .location2 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:1px 0px 0px 0px;padding:0px; color: #999999; line-height:1.2em; font-weight:400;text-shadow:0px 1px 1px #ffffff;width:100%;text-align: left !important;}
		
        .location22 { font-family:'Roboto Condensed', Helvetica, sans-serif; font-size:1em; margin:1px 0px 0px 0px; padding:0px; color: #333333; line-height:1em; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%;text-align: left !important; }
		
	        .description22 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color: #666666; line-height:1.1em; text-align:left !important; font-weight:400; text-shadow:0px 1px 1px #ffffff;}
	
        #eventlist2 li a{font-family:'Roboto', Helvetica, sans-serif; font-size:1.2em; line-height:1em; font-weight:500; margin:0px 0px 0px 0px; padding:0px;text-align: center !important; color: #0066cc; background-color:#FFFFFF;text-shadow:0px 1px 1px #ffffff; position:inherit;

}
        #eventlist2 li a:hover{ background:none;}		

}