/*Event Calendar */

.datebar {
	padding: 10px;
	background: #ddd no-repeat;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0px;
	margin-bottom: 10px;
}
	.suggestionsBoxA {
		position: relative;
		left: 0px;
		margin: 0px 0px 0px 0px;
		width: 220px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
		font-size:8pt;
	}
	
	.suggestionListA {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionListA li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
		list-style:none;
	}
	
	.suggestionListA li:hover {
		background-color: #781351;
	}
	
	
	
	/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #eee;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background: #7e97b6;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background: #7e97b6;
	font-weight: bold;
	}
#tablesubmit {
width:100%;	
}

ul.events, .events ul {
	margin: 5px;
	padding: 0px;
	cursor: default;
    list-style-type: none;
	}
	
.events li {
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px .2em;
	padding-left: .9em;	
}

	.etitle{
	font-size:31px;
	font-weight:bold;
	margin:4px 0px 4px 0px;
	border-bottom:1px solid #eee;
	color:#666;
	}
	.events li.eventoff {
	background: #eee;
	padding: 5px;
}
.events li.eventon {
	background: #fff;
	padding: 5px;
}
.events li.eventfeatured {
	background: url(/resources/events/bakfeatured.gif) top repeat-x;
	border-bottom: 2px solid #fff;
	padding: 5px;
}
.datebaroff {
	padding: 10px;
	background: #ccc no-repeat;
	font-size: 11pt;
	font-weight: bold;
	letter-spacing: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #aaa;
}
a.datebarlink {
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
	display: block;
	background: url(/img/v2/arrow_down.png) right no-repeat;
}

ul.events, .events ul {
	margin: 2px;
	padding: 0px;
	cursor: default;
    list-style-type: none;
	}
.events li {
	padding: 5px;
	background-repeat: no-repeat;
	background-position: 0px .2em;
	padding-left: .9em;	
	border-bottom:1px solid #fff;
	font-size:9pt;
	text-decoration:none;
	color:#3f5065;
}
.eventnavon{
font-weight:bold;
font-size:10pt;
text-decoration:none;
color:#fff;
}
.eventnavon:hover{
text-decoration:underline;
}
.eventnav{
font-weight:normal;
font-size:10pt;
text-decoration:none;
color:#486992;
}
.eventnav:hover{
text-decoration:underline;
}
.etitle{
	font-size:31px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#666;
	}
div .dates{ 
   width:74px;
   height:31px;
   float:left;
   position:relative;
   background:#ddd;
   text-align:right;
   border-right:1px solid #fff;
}
div .dates div{ 
	font-size: 14px;
	color: #130D0E;
	position: absolute;
	top: 6px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
div .dates.lastDayTab {
	border-right:none;	
}
div .dateson{ 
   width:68px;
   height:31px;
   float:left;
   position:relative;
   border-right:1px solid #ddd;
   background:#fff;
}
div .dateson div{
	font-size: 14px;
	color: #130D0E;
	position: absolute;
	top: 6px;
	left: inherit;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
div .nextWeekendTab div{
	top: 3px;
	line-height: 12px;
	font-size: 13px;	
}
div .dates a{ 
   text-decoration:none;
}
div .dateson a{ 
   text-decoration:none;
}
div .complete{ 
    width:75px;
   height:51px;
   float:left;
   position:relative;
   background:url(/resources/events/calendar_widget_dateoff.gif) no-repeat;
   text-align:right;
}
.dayTabs{
cursor: pointer;
    text-decoration:none;
}

.subnav_div.subnav_events .subnav_center{
	width:400px;
		
}
.subnav_events .right_promo_box{
	display: block;
	width: 390px;
	float: left;
	margin: 0 0 0 20px;	
	border:none;
}
.subnav_events .dayTabs {
	width: 33% !important;
}
.subnav_events .subnav_center ul li {
	background: #FFF;
	padding: 1%;
	float: left;
	width: 98%;
	border:none ;
}
.subnav_events .subnav_center h2 a:link,.subnav_events .subnav_center h2 a:visited {
	margin: 0 !important;
	padding: 0 !important;
	color: #DC1A22 !important;
	font-size: 16px !important;
	padding-bottom: 5px !important;
	font-weight:bold;
}
.subnav_events .subnav_center ul li a:link.noEvent,.subnav_events .subnav_center ul li a:visited.noEvent{
	color: #DC1A22;
	font-weight:bold;
	
}
.subnav_events .subnav_center ul li a:hover.noEvent{
	text-decoration: underline;
}
.subnav_events .subnav_extras{
	width:272px;	
}

.edesc a:link,.edesc a:visited {
	color: #225FB2;

}
	#event{
	font-family:arial,verdana;
	width:100%;
	}
	.etitle{
	font-size:31px;
	font-weight:bold;
	margin:4px 0px 4px 0px;
	border-bottom:1px solid #eee;
	letter-spacing:-1px;
	}
	.edates{
	font-size:13px;
	padding:6px;
	border-bottom:1px solid #eee;
	}
	.edesc{
	font-size:15px;
	padding-top:10px;
	}
	.eventsFrontPage{
		padding:10px;
	}
	
	.eventsFrontPage li{overflow:auto;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;}

	.eventFrontImage{
		float:left;margin:0px 10px 0px 0px;border:1px solid #ccc;
	}
	.mainEventPhoto{
		padding:3px;border:1px solid #ccc;margin:0px 0px 10px 10px;
	}
	#datepicker{width:100%;font-size:15px;}
/*Best Of*/




ul.section_list{margin:0px;padding:0;list-style-type:none;}
ul.section_list li{border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px;font-family:arial,sans-serif;}


ul.section_list li h5{font-size:11px;font-family:arial,sans-serif;color:#888;letter-spacing:1px;font-weight:bold;padding:0;margin:0;padding-bottom:4px;text-transform:uppercase;}

.dateline{font-size:11px;font-family:arial,sans-serif;color:#888;letter-spacing:1px;font-weight:bold;padding:0;margin:0;padding-bottom:4px;text-transform:uppercase;}
 

.section_img{float:left;margin-right:8px;margin-bottom:10px;width:202px;}

.sectiontopper_withnav{border: 0px; padding: 0;  margin: 0 auto; margin-bottom:0px;overflow:hidden;border-bottom:5px solid #DC1A22;}
.sectiontopper_sansnav{border: 0px; padding: 0;  margin: 0 auto; margin-bottom:0px;overflow:hidden;border-bottom:5px solid #DC1A22;}
.sectiontopper_tease{float:right;padding-top:30px;}
.sectiontopper_primary{padding-top:10px;padding-left:5px;}

.topper_caption{font-weight:bold;font-size:14px;line-height:14px;}
.topper_title{font-weight:bold;font-size:90px;letter-spacing:-6px;;text-transform:uppercase;line-height:1em;margin:0 0 -14px 0;display: block;}

.breadcrumb{border-bottom:6px solid #C7D2D6;margin-bottom:0px;padding-bottom:0px;}
.breadcrumb span{font-size:35px;letter-spacing:-1px;margin:0;padding:0;text-transform:uppercase;color:#6B7B80;line-height:35px;}
.breadcrumb a{font-size:15px;margin:0;padding:0;text-transform:uppercase;letter-spacing:3px;font-weight:bold;color:#000;text-decoration:none;}



.breadcrumb_section{border-bottom:6px solid #C7D2D6;margin-bottom:20px;padding-bottom:0px;}
.breadcrumb_section span{
font-size:35px;letter-spacing:-1px;margin:0;padding:0;text-transform:uppercase;font-family: 'Francois One', sans-serif;color:#6B7B80;line-height:35px;
}
.breadcrumb_section a{font-size:25px;margin:0;padding:0;text-transform:uppercase;letter-spacing:3px;font-weight:bold;color:#000;text-decoration:none;}

.section_div_with_img{
	font-size: 16px;
}
#content li .section_div_with_img a {
	font-size: 16px;color:#DC1A22;
}
#content li  .section_head a{
margin:0;
padding:0;
font-size:24px;
color:#000 !important;
letter-spacing:-1px;
line-height:25px !important;
margin-bottom:10px;
text-decoration:none !important;
}
@media (max-width: 600px) {

	.topper_title{font-size:32px;margin:0;letter-spacing:-1px;}
	.eventsFrontPage {padding:0;}
	  #content #story .eventsFrontPage h2{font-size: 1.8em;line-height: 1em;margin:2% 2% 5%}
	 #content .eventsFrontPage li{overflow:auto;border-bottom:1px solid #eee;padding:0 1% 5%;margin-bottom:20px;}
	.eventFrontImage{
		float:none;margin:0px auto 1%;border:1px solid #ccc;display:block;
	}
.section_img {
float: none;
margin: 0 auto;
}
}