@CHARSET "ISO-8859-1";

/*
events
*/

.events
{	
	width: 98%; 
	min-height: 200px;
	border: none;
	border-top: 20px solid #FFFFFF;
	border-bottom: 20px solid #FFFFFF;
	background-color: #FFFFFF;
	display: block;
}

.events a, .events a:hover, .events a:visited
{
	text-decoration: none;
}

.events span.title
{
	width: 634px; 
	border: none; 
	border-left: 8px solid #FFFFFF; 
	height: 38px; 
	background-color: #FFFFFF;
	
	font-family: arial;
	font-size: 22px;
	font-weight: bold;
	color: #333333; 
	text-transform: uppercase;
	padding: 4px -4px 4px 4px;
	display: block;
}

.events table
{
	margin: 15px 5px 5px 5px;
	width: 634px;
	height: auto;
	border-collapse: collapse;
	background-color: #FFFFFF;
	position: relative;
	z-index: 100000;
}

.events table td
{
	border: none;
	height: auto;
	vertical-align: top;
	position: relative;
	z-index: 1000;
	color:#333333;
}

.events table tr td.title
{
	background: transparent url('../images/title_bg.gif') top left;
	background-repeat: repeat-x;
	height: 30px;
}

.events table tr td.title span
{
	font-family: arial;
	font-weight: bold;
	font-size: 17px;
	color: #333333; 
	background-color: #FFFFFF;
	padding: 3px 6px 0px 6px;
	margin-bottom: 2px;
}

.events table tr td div
{
	vertical-align: top;
	position: relative;
	border: none; 
	border-left: 8px solid #FFFFFF;
	height: auto; 
	background-color: #FFFFFF;
	display: block;
	
	font-family: arial;
	font-size: 12px;
	color:#333333;
	margin-bottom: 10px;
}

.events table tr td div span
{
	font-size: 18px;
	display: block;
	clear: both;
	color:#333333;
}

.events table tr td div a.left
{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #0063BE;
	background-color: #FFFFFF;  
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 0px 0px 0px;
	margin-right: 10px;
	margin-top: 1px;
	background-image: none;
}

.events table tr td div a.left:hover
{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFFF;  
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 0px 0px 0px;
	margin-right: 10px;
	margin-top: 1px;
	background-image: none;
}

/*celebration*/

.events div.event_icon_single
{
	background-repeat: no-repeat;
	width: 178px; 
	height: 160px; 
	border: none; 
	padding: 0px;
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 0;
	text-decoration: none;
}

.events div.event_icon_single div
{
	border: none;
	position: absolute;
	top: 50px;
	left: 66px;
	width: 48px;
	height: 46px;
	display: block;
	background-color: transparent;
	text-decoration: none;
}

.events div.event_icon_single div span.day
{
	font-family: arial;
	font-weight: 600;
	font-size: 11px;
	color: #009ed4; 
	display: block;
	text-align: center;
	margin-top: 6px;
	margin-bottom: -2px;
	text-decoration: none;
}

.events div.event_icon_single div span.date
{
	margin-top: 1px;
	font-family: arial;
	font-weight: 450;
	font-size: 22px;
	color: #009ed4; 
	display: block;
	text-align: center;
	text-decoration: none;
}

.events div.event_icon_ongoing
{
	background-repeat: no-repeat;
	width: 178px; 
	height: 160px; 
	border: none; 
	padding: 0px;
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 0;
}

.events div.event_icon_thru
{
	background-repeat: no-repeat;
	width: 178px; 
	height: 190px; 
	border: none; 
	padding: 0px;
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 0;
	text-decoration: none;
}

.events div.event_icon_thru div.start
{
	border: none;
	position: absolute;
	top: 36px;
	left: 64px;
	width: 48px;
	height: 46px;
	display: block;
	background-color: transparent;
	text-decoration: none;
}

.events div.event_icon_thru div.end
{
	border: none;
	position: absolute;
	top: 102px;
	left: 64px;
	width: 48px;
	height: 46px;
	display: block;
	background-color: transparent;
	text-decoration: none;
}

.events div.event_icon_thru div.start span.day, .events div.event_icon_thru div.end span.day
{
	font-family: arial;
	font-weight: 600;
	font-size: 11px;
	color: #009ed4; 
	display: block;
	text-align: center;
	margin-top: 6px;
	margin-bottom: -2px;
	text-decoration: none;
}

.events div.event_icon_thru div.start span.date, .events div.event_icon_thru div.end span.date
{
	margin-top: 1px;
	font-family: arial;
	font-weight: 450;
	font-size: 22px;
	color: #009ed4; 
	display: block;
	text-align: center;
	text-decoration: none;
}

/*
event page
*/

.event 
{
	margin-top: 10px;
	width: 100%;
	position: relative;
	border: none;
	background-color: #FFFFFF;
}

.event span.title
{
	width: 650px; 
	border: none; 
	border-left: 8px solid #FFFFFF;
	width: 650px;  
	height: 28px; 
	background-color: #FFFFFF;
	
	font-family: arial;
	font-size: 22px;
	font-weight: bold;
	color: #5EB2D4; 
	text-transform: uppercase;
	padding: 4px -4px 4px 4px;
	display: block;
}

.event div.title
{
	width: 650px; 
	border: none; 
	border-left: 8px solid #FFFFFF;
	background-color: #FFFFFF;
	
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	color: #5EB2D4; 
	text-transform: capitalize;
	padding: 4px -4px 4px 0px;
	margin-top: 8px;
	display: block;
}

.event div.image
{
	width: 660px; 
	border: 1px solid #FFFFFF;
	height: 326px; 
	background-color: transparent;
	text-transform: uppercase;
	padding: 0px;
	display: block;
	position: relative;
}

.event p
{
	border: none; 
	border-left: 8px solid #FFFFFF;
	width: 500px; 
	height: auto; 
	background-color: #FFFFFF;
	display: block;
	padding: 0px 0px 5px 0px;
	margin-top: 5px;
	
	font-family: arial;
	font-size: 12px;
	color: #5EB2D4; 
	margin-bottom: 5px;
	float: left;
}

.event div.footer
{
	border: none; 
	border-left: 8px solid #FFFFFF;
	width: 650px; 
	height: 30px; 
	background-color: #FFFFFF;
	padding: 10px 0px 0px 0px;
}

.event div.footer a.left, .event div.footer a.left:hover, .event div.footer a.left:visited
{
	float: left;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0AA2D6;  
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px;
	margin-left: -5px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 4px;
}

.event div.footer a.page, .event div.footer a.page:hover, .event div.footer a.page:visited
{
	/*
	float: left;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5EB2D4;  
	text-transform: uppercase;
	text-decoration: none;
	padding: 6px;
	margin-left: -5px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 4px;
	*/
	
	float: left;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #555555;
	background-color: #C9DF4C;  
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px;
	margin-right: 10px;
	margin-top: -2px;
}

.event div.footer a.right, .event div.footer a.right:hover, .event div.footer a.right:visited
{
	float: right;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0AA2D6;  
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 4px;
}

.event div.sponsors
{
	border: none;
	width: 150px;
	display: block;
	float: right;
	height: auto;
	margin-top: -20px;
}

.event div.left_image
{
	border: none;
	width: 240px;
	display: block;
	float: left;
	height: auto;
}

.event div.right_content
{
	border: none; 
	width: 410px; 
	height: auto; 
	background-color: #FFFFFF;
	display: block;
	padding: 10px 0px 10px 10px;
	
	font-family: arial;
	font-size: 12px;
	color: #5EB2D4; 
	margin-bottom: 10px;
	float: left;
}

.event div.right_content ul
{
	margin-left:-25px;
}

.event div.download_kit
{
	display: block; 
	width: 100%; 
	border: none; 
	height: 121px; 
	background: transparent url('../images/plan_an_event_download_kit.jpg') 0px -3px; 
	background-repeat: no-repeat;
	margin: 10px 0px 10px -5px;
	position: relative;
}

.event div.download_kit span.title
{
	font-family: arial;
	font-size: 22px;
	color: #5EB2D4; 
	font-weight: normal;
	position: absolute;
	top: 18px;
	left: 144px;
	background-color: transparent;
	border: none;
	text-transform: none;
	padding: 0px;
}

.event div.download_kit span.text
{
	font-family: arial;
	font-size: 11px;
	color: #5EB2D4; 
	font-weight: normal;
	position: absolute;
	top: 42px;
	left: 144px;
	width: 260px;
	background-color: transparent;
	border: none;
	text-transform: none;
}

.event div.download_kit a.left, .event div.download_kit a.left:hover, .event div.download_kit a.left:visited
{
	float: left;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0AA2D6;  
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px;
	margin-left: -5px;
	margin-right: 10px;
	margin-top: 0px;
	position: absolute;
	top: 74px;
	left: 148px;
}

.event div.sponsors span.title
{
	border: none;
	width: 100%;
	display: block;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #5EB2D4; 
	text-transform: capitalize;
	text-align: center;
	padding: 8px 0px 8px 0px;
	height: auto;
}