#facebox .b {
  background:url(b.png);
}

#facebox .tl {
  background:url(tl.png);
}

#facebox .tr {
  background:url(tr.png);
}

#facebox .bl {
  background:url(bl.png);
}

#facebox .br {
  background:url(br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #F3F3F3;
  width: 480px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  text-align: right;
  margin: 0px -5px -5px 0px;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#events {
	width: 620px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	margin-right: 70px;
}

#events p {
	clear: both;
	width: 100%;
	margin: 0;
}

#events span {
	float: left;
	border-bottom: 1px solid #CCCCCC;
	padding: 6px 0px 5px 0px;
}

#events span.c1 {
	width: 165px;
}

#events span.c2 {
	width: 325px;
}

.c2-xmas {
	width: 325px;
	
}

.c2-xmas a {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	
}
.c2-xmas a:hover {
	width: 325px;
	background-color: #008000;
	color: #FFFFFF;
	padding: 3px 5px 2px 5px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	font-weight: bold;
	text-decoration: none;
	cursor:url(xmas.cur), url(xmas.cur), default;
}

.c2-ccad {
	width: 325px;
	
}

.c2-ccad a {
	background-color: #FFFFC0;
	color: #000080;
	padding: 3px 5px 2px 5px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	font-weight: normal;
	text-decoration: none;
	
}
.c2-ccad a:hover {
	width: 325px;
	background-color: #000000;
	color: #FFFFFF;
	padding: 3px 5px 2px 5px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	font-weight: bold;
	text-decoration: none;
	cursor:url(ccad.cur), url(ccad.cur), default;
}

.c2 a {
	color: #000080;
	text-decoration: none;
	
}
.c2 a:hover {
	color: #B71000;
	text-decoration: underline;
}

#events span.c3 {
	width: 130px;
}

.ev-title  {
	vertical-align: top;
	padding-top: 26px;
	width: 450px;
	height: 75px;
	background-image: url(event_header.gif);
	background-repeat: no-repeat;
	color: #404040;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;	
	margin-top: -10px;
}

.ev-bg  {
	width: 380px;
	background-color: #F3F3F3;
	color: #000000;
	font-size: 16px;
	line-height: 1.33em;
	padding: 0px 35px 0px 35px;
	margin: -15px 0px 35px 0px;
}

.ev-bg-canc  {
	width: 380px;
	background-color: #F3F3F3;
	background-image: url(cancelled.png);
	background-repeat: no-repeat;
	color: #000000;
	font-size: 12px;
	line-height: 15px;
	padding: 0px 25px 0px 25px;
	margin: -15px 0px 35px 0px;
}

.ev-links  {
	text-align: center;
}

.event-date  {	
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	margin-left: 3px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	padding: 2px 3px 2px 3px;
}

.event-date-chng  {
	background-color: #B71000;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-left: 3px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	padding: 2px 3px 2px 3px;
}

.highlight  {
	background-color: #FFFF80;
}

img.left { 
    float: left;
	margin-right: 5px;
}

.new-year  {
	width: 620px;
	height: 115px;
	text-align: center;
	margin-bottom: 20px;
}

.e-logo  {
	float: left;
	margin: 0 8px 0 0;
	border: 0;
	
}

.btn-events{
color: rgb(255, 255, 255);
font-weight: bold;
border-radius: 7px;
font-size: 16px;
padding: 8px 12px;
background: transparent linear-gradient(to bottom, rgb(157, 213, 58) 0%, rgb(107, 169, 1) 100%) repeat scroll 0% 0%;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
margin-right:15px;	
border: 1px solid #B7EE5F;
}
.btn-events:last-child{
	margin-right:0;
}

.ev-links  .btn-events{
	margin-right:5px;
}
#facebox .tl, #facebox .tr, #facebox .bl,  #facebox .b, #facebox .br{
	background:inherit;
}
#facebox .body{
	border-style: solid;
	border-color:#B71000;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-width: 15px 20px;
	background: #F56327;
}

.ev-title{ background-image:inherit;  color:#fff; width:inherit; }
.ev-bg{ color: rgb(255, 255, 255); background-color: inherit; } 
#facebox .close_image{ width:32px; height:32px;}


@media (max-width:768px){

	 .btn-events{
			 margin: 0 auto;
			font-size: 14px;
			float: left;
			padding: 8px 10px;
	 }
	 
	 #facebox .body{ width:380px;}
	 .ev-bg{     width: 90%; padding: 0px 5% 0px 5%;}
		
}


@media (max-width:480px){ 
	
	.btn-events{
			    float: none;
				display: block;
				width: 150px;
				margin-top: 5px;			
	}
	.btn-events:last-child{
				margin-right: auto;
	}
	#facebox  { width:90%; }
	#facebox .body{width:100%;  }
	.ev-links .btn-events{ margin:0 auto 10px auto;}

}