body {
	line-height: 1.2;
} 

p {
	font-size: 85%;
	margin: 0 0 0.5em 0;
}

h2 {
	font-size: 112.5%;
	margin-bottom: 4px;
	color: #09b;
}

h3 {
	font-size: 112.5%;
	margin-bottom: 0.5em;
}

#header-wrapper {
	/* nav to news box = 354px
		 header height = 344 - height of middle h3s (26) = 338 */
	height: 328px;
	clear: both;
	position: relative;
	z-index: 2;
}

#header-text {
	clear: left;
}

/* --- begin modification of tmpl_b.css elements --- */

#topbar {
  /*position: relative;*/
}

#featureBackground {
	position: absolute;
	margin-left: -225px;
	/*Adjust for relative positioning in body*/
	top: -126px;
	/*top: -110px;*/
	z-index:0;
}

#logoBrooklyn {
	margin: 78px 0 0 0;   /* should be 96px from nav bar, but the image has some 
						 						 	 empty space in it at the top */
	float: right;
	position: static;
}

#logoHighlight {
	margin-top: 28px;
	margin-bottom: 14px;
	width: 196px;
	height: 196px;
	float: left;
	position: static;
}

#featureText {
	width: 50%;
	float: left;
	position: static;
	color: #08B;
}

#featureText p {
	font-size: 110%;
	margin: -2px 0 0 0;
	line-height: 1.2em;
	font-weight: bold;
}

#featureText a {
	color: #08B;
}

p#firstSaturdays {
	margin: 0px 0 0 0;
	width: 300px;
	float: right;
	position: relative;
	top: -4px;
	font-size: 125%;
	text-align: right;
	font-weight: bold;
}

p#firstSaturdays img {
	margin-bottom: 0;
	position: relative;
	top: 4px;
}

/* --- end modification of tmpl_b.css elements --- */

/* --- modification of footer elements --- */

p {
	margin: 0 0 1em 0;
}

/* --- end modification of footer elements --- */


#middle-wrapper {
	width: 908px;
	overflow: hidden;	/* overflow: auto; is the standard way to 
										   avoid using a clear: both; hack, but causes
										   a bug in Firefox which unnecessarily displays
										   scrollbars when an enclosed image element has focus */
	position: relative;
	z-index: 2;
}

#left {
	width: 908px;
	float: left;
}

#news {
float:left;
	font-size: 1em;
	padding: 6px 10px 0 0px;
	height: 178px;
	overflow: hidden;
	color: #333;
}

#news a {
	font-weight: bold;
}

.emergency-message {
	color: #f09;
	font-size:20px;
  font-weight:bold;
}

#calendar-block {
	float:right;
}

#calendar {
	margin-top: 9px; /*was 12px, then 40px*/
	padding-right: 8px;
	height: 112px;
	overflow: hidden;
	background: #fff;
	display: block;
}

#calendar h3 {
	margin-top: 0;
	margin-bottom: -8px;
	position: relative;
	top: 0px; 
}

#calendar p {
	margin: 14px 10px 0 15px;
	line-height: 1.1em;
}

#calendar img {
	margin: 0 8px 0 0;
	padding: 0;
}

#calendar-image {
	margin-right: 8px;
	width: 192px;
	height: 111px;
	float: left;
}

#calendar-block #calendar-block-title {
	font-size: 1.3em;
	margin-top: -16px;
	margin-bottom: -8px;
	position: relative;
	top: 0px;
	display: block;
	font-weight: bold;
}

#calendar-block #calendar-block-event-title,
#calendar-block #calendar-block-datetime {
	margin: 0px 10px -8px 15px;
	line-height: 1.1em;
	display: block;
}

#feature-wrapper {
	margin-bottom: 20px;
	height:355px;
	display:none;
}

.feature {
	height: 230px;
	width: 908px;
	margin-bottom: 8px;
	position: relative;
}

#feature-selected-panel {
	width: 908px;
	height: 328px;
	overflow: auto;
}

.feature-image {
	margin: 0px;
	padding: 0px;
	height: 186px;
	width: 462px;
	display: block;
}

.feature p {
	margin: 0;
	padding: 4px 0px 0 8px;
	width: 454px;
	height: 39px;
	display: block;
	position: absolute;
	left: 0px;
	top: 186px;
	color: #fff;
	background: #73ACC0 url('/images/homepage_new/feature-rounded-corners-06.jpg') no-repeat scroll bottom left;
	font-weight: bold;
}

.feature p a {
	color: #fff;
}

#feature-navigation {
	display: none;
}

/* -- Page Title -- */

h1#page-title {
	text-indent: -800px;
}

/* -- Slideshow -- */
#feature-slideshow {
	width:908px;
	height:355px;
	margin:auto;
	overflow:hidden;
	position:relative;
}

#feature-slideshow ul {
	position:absolute;
	top:325px;
	left:564px;
	width:370px;
	z-index:2;
	color:#333;
	padding:0;
	margin:0;
	list-style:none;
}

#feature-slideshow li {
	float:left;
	display:inline-block;
	margin-right:10px;
}

#feature-slideshow li a {
	display:block;
	width:10px;
	height:10px;
	/*background-color:#333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;*/ /* IE, I am disappoint ~ .dh */
	background-image:url('/images/homepage_new/dot_333.png');
}

#feature-slideshow li a:hover, 
#feature-slideshow li a.current {
	/*background-color:#08B;*/
	background-image:url('/images/homepage_new/dot_08b.png');
}

#feature_prev_arrow {
	position:absolute;
	top:165px;
	left:24px;
	z-index:2;
	width:23px;
	height:23px;
	background-image: url('/images/homepage_new/left_hover_arrow.png');
}

#feature_next_arrow {
	position:absolute;
	top:165px;
	left:864px;
	z-index:2;
	width:23px;
	height:23px;
	background-image: url('/images/homepage_new/right_hover_arrow.png');
} /* adjust left offset for 23px arrow width */

#feature_prev_arrow:hover {
	background-image: url('/images/homepage_new/left_hover_arrow_08b.png');
	cursor:pointer;
}

#feature_next_arrow:hover {
	background-image: url('/images/homepage_new/right_hover_arrow_08b.png');
	cursor:pointer;
}

.feature_content {
	position:absolute;
	top:0px;
	left:0px;
	height:355px;
	width:100%;
	display:block; 
	float:left; 
	-webkit-background-size:cover; 
	-moz-background-size:cover; 
	-o-background-size:cover; 
	background-size:cover;
}

.feature_content_aside {
	width:370px;
	height:100%;
	float:right;
	background-color:#fff;
	filter:alpha(opacity=75);  /* old IE */
  	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); /* new IE */
	background:rgba(255, 255, 255, 0.75);
	color:#333;
}

.feature_content_aside h1 {
	font-size:20px;
	margin-top:115px;
	margin-left:20px;
	margin-right:30px;
	margin-bottom:5px;
	color:#333;
}

.feature_content_aside h2 {
	font-size:16px;
	margin-left:20px;
	margin-right:30px;
	margin-bottom:5px;
	color:#333;
}

.feature_content_aside p {
	margin-left:20px;
	margin-right:30px;
	color:#333;
}

.feature_content_aside a {
	color:#333;
}

.feature_content_aside a:hover,
.feature_content_aside a.current,
.feature_content_aside a h1:hover,
.feature_content_aside a h1.current,
.feature_content_aside a h2:hover,
.feature_content_aside a h2.current, 
.feature_content_aside a p:hover,
.feature_content_aside a p.current {
	color:#08B;
}

/* -- News ticker -- */
#news-container {
	margin-top: 10px;
	float: left;
	width: 500px;
	height: 160px;
	position: relative;
	display: none;
}

#news-ticker {
	float: left;
	/*padding: 6px 10px 0px 0px;*/
	height: 127px;
	width: 500px;
	overflow: hidden;
	color: #333;
	position: relative;
}

.news_content {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: block;
	float: left;
}

.news_content a {
	font-weight: bold;
}

#news-ticker-nav {
	float: left;
	height: 23px;
	width: 500px;
	position: relative;
}

#news_prev_arrow, 
#event_prev_arrow { 
	float: left;
	height: 23px;
	width: 23px;
	background-image: url('/images/homepage_new/left_arrow_blue.png');
	cursor: pointer;
	display:inline;
	margin-right:10px;
}

#news_next_arrow,
#event_next_arrow { 
	float: left;
	height: 23px;
	width: 23px;
	background-image: url('/images/homepage_new/right_arrow_blue.png');
	cursor: pointer;
	display:inline;
}

/* -- Event ticker -- */
#event-container {
	margin-top:10px;
	float: right;
	width: 370px;
	height: 160px;
	position: relative;
	display: none;
}

/* Used in noscript and ye olde layout */
#calendar-block {
	float: right;
	width: 345px;
	height: 160px;
	position: relative;
}

#event-ticker {
	margin-top: 0px;  /* was 12px, then 40px ...then 9px */	
	/*padding-right: 8px;*/
	height: 127px;
	width: 370px;
	overflow: hidden;
	display: inherit;
}

.event_image { 
	margin-right: 8px;
	float: left;
}

.event_content {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: block; 
	float: right;
}

.event_content a {
	font-weight: bold;
}

#event-ticker-nav {
	float: left;
	height: 23px;
	width: 370px;
	position: relative;
}