/*******************************************************************************

	CSS on Sails Framework
	Title: JFK Mobile Site
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: May 2011

********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Default Styles

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Sidebar
		2.6 Footer

	3. PAGES
		3.1 Home
		3.2 About Us
		3.3 Asset
		3.4 Events
		3.5 Visit
		3.6 Media
		3.7 Archives
		3.8 Forum Current Event

	4. PRINT

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, 
.hide {
	position: absolute;
	top: -999em;
	left: -999em;
	height: 1px;
	width: 1px;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.social-media,
.listing a {
	overflow: hidden;
}


/* 1.4 Default Styles
------------------------------------------------------------------------------*/

body {
	font: 75%/1.25 Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	 overflow: auto;
}

a, a:visited {
	text-decoration: none;
	color: #0b376b;	
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
	position: relative;
	max-width: 100%;
}


/* 2.2 Header
------------------------------------------------------------------------------*/

header
{
    cursor: pointer;
}

#header {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #003d6c;
	background: url(../images/bg-header.png) repeat-x; 
	background: -moz-linear-gradient(top, #003e6d, #005c97);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003e6d), to(#005c97));
	background: linear-gradient(top, #003e6d, #005c97);
	
}

#header .site-name {
	display: block;
	height: 41px;
	margin: 0;
	padding: 13px 0 11px;
	overflow: hidden;
	text-indent: -999em;
	background-position: 50% 13px;
	background-repeat: no-repeat;
}

#header p {
	text-indent: -999em;
	height: 0;
}


/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation {
	position: relative;
	-moz-box-shadow: 0 3px 4px rgba(68, 68, 68, 0.8);
	-webkit-box-shadow: 0 3px 4px rgba(68, 68, 68, 0.29);
	box-shadow: 0 3px 4px rgba(68, 68, 68, 0.29);
}

.blackberry #navigation {
	border-bottom: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#navigation li {
	width: 100%;
	font: 1.25em Helvetica, Arial, sans-serif;
	background: #f2f2f2 url(../images/bg-nav.png) 0 -112px repeat-x;	
	background: -moz-linear-gradient(top, #FCFCFC 0%, #F7F7F7 50%, #F2F2F2 51%, #F2F2F2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(50%,#F7F7F7), color-stop(51%,#F2F2F2), color-stop(100%,#F2F2F2));
	background: -webkit-linear-gradient(top, #FCFCFC 0%,#F7F7F7 50%,#F2F2F2 51%,#F2F2F2 100%);
	background: -o-linear-gradient(top, #FCFCFC 0%,#F7F7F7 50%,#F2F2F2 51%,#F2F2F2 100%);
	background: -ms-linear-gradient(top, #FCFCFC 0%,#F7F7F7 50%,#F2F2F2 51%,#F2F2F2 100%);
	background: linear-gradient(top, #FCFCFC 0%,#F7F7F7 50%,#F2F2F2 51%,#F2F2F2 100%);
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDD;
}

#navigation li.active {
	background: #e2e2e2 url(../images/bg-nav.png) 0 -168px repeat-x;
	background: -moz-linear-gradient(top, #B4B4B4 0%, #C6C6C6 50%, #CDCDCD 51%, #E2E2E2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B4B4B4), color-stop(50%,#C6C6C6), color-stop(51%,#CDCDCD), color-stop(100%,#E2E2E2));
	background: -webkit-linear-gradient(top, #B4B4B4 0%,#C6C6C6 50%,#CDCDCD 51%,#E2E2E2 100%);
	background: -o-linear-gradient(top, #B4B4B4 0%,#C6C6C6 50%,#CDCDCD 51%,#E2E2E2 100%);
	background: -ms-linear-gradient(top, #B4B4B4 0%,#C6C6C6 50%,#CDCDCD 51%,#E2E2E2 100%);
	background: linear-gradient(top, #B4B4B4 0%,#C6C6C6 50%,#CDCDCD 51%,#E2E2E2 100%);
}

#navigation a {
	display: block;
	padding: 10px 11px 7px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	color: #5e5e5e;
	background: url(../images/bullet-navigation.png) 100% 50% no-repeat;
}

#navigation a span {
	margin-left: 5px;
	font-size: .8em;
	font-weight: normal;
	text-transform: none;
}

#sub-nav {
	border-top: 1px solid #b8b8b8;
}

#sub-nav ul {
	padding: 4px 9px 6px;
	overflow: hidden;
	line-height: 23px;
	border-top: 1px solid #f0f0f0;
	background: #E2E2E2 url(../images/bg-nav.png) 0 -224px repeat-x;
	background: -moz-linear-gradient(top, #E2E2E2 0%, #CECECE 48%, #C7C7C7 49%, #B5B5B5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E2E2E2), color-stop(48%,#CECECE), color-stop(49%,#C7C7C7), color-stop(100%,#B5B5B5));
	background: -webkit-linear-gradient(top, #E2E2E2 0%,#CECECE 48%,#C7C7C7 49%,#B5B5B5 100%);
	background: -o-linear-gradient(top, #E2E2E2 0%,#CECECE 48%,#C7C7C7 49%,#B5B5B5 100%);
	background: -ms-linear-gradient(top, #E2E2E2 0%,#CECECE 48%,#C7C7C7 49%,#B5B5B5 100%);
	background: linear-gradient(top, #E2E2E2 0%,#CECECE 48%,#C7C7C7 49%,#B5B5B5 100%);
}

#sub-nav li {
	display: inline;
	font-size: 1.167em;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}

#sub-nav a {
	float: left;
	margin: 1px 11px 0 0;
	padding: 2px 9px 5px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-weight: bold;
	line-height: 1.1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	color: #363636;
}

#sub-nav .active {
	background: #9f9f9f url(../images/bg-nav.png) 0 -277px repeat-x;	
	background: -moz-linear-gradient(top, #BCBCBC 0%, #B0B0B0 50%, #AAAAAA 51%, #9F9F9F 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BCBCBC), color-stop(50%,#B0B0B0), color-stop(51%,#AAAAAA), color-stop(100%,#9F9F9F));
	background: -webkit-linear-gradient(top, #BCBCBC 0%,#B0B0B0 50%,#AAAAAA 51%,#9F9F9F 100%);
	background: -o-linear-gradient(top, #BCBCBC 0%,#B0B0B0 50%,#AAAAAA 51%,#9F9F9F 100%);
	background: -ms-linear-gradient(top, #BCBCBC 0%,#B0B0B0 50%,#AAAAAA 51%,#9F9F9F 100%);
	background: linear-gradient(top, #BCBCBC 0%,#B0B0B0 50%,#AAAAAA 51%,#9F9F9F 100%);
	-moz-box-shadow: 0 1px 0 #dadada, inset 0 1px 0 #8e8e8e;
	-webkit-box-shadow: 0 1px 0 #dadada, inset 0 1px 0 #8e8e8e;
	box-shadow: 0 1px 0 #dadada, inset 0 1px 0 #8e8e8e;
}

.blackberry #sub-nav .active {
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* 2.4 Content
------------------------------------------------------------------------------*/

#content {
	position: relative;
	z-index: 10;
	overflow: hidden;
	-moz-box-shadow: 0 3px 4px rgba(68, 68, 68, 0.8);
	-webkit-box-shadow: 0 3px 4px rgba(68, 68, 68, 0.29);
	box-shadow: 0 3px 4px rgba(68, 68, 68, 0.29);
}

.content
{
    padding: 0.5em;   
}


.content, .content p, .content span, .content em, .content b, .content i, .content a {
    font-size:15px;
    line-height:21px; 
}

.content p {
    margin:1em 0;
}


.content a.btn-play-audio span
{
    line-height: 34px;    
}

.blackberry #content {
	border-bottom: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
}


h1,
h2 {
	font-size: 1.33em;
	font-weight: bold;
}

h3 {
	margin-bottom: 5px;
	font: bold 1.25em Georgia, Times, serif;
	color: #800;
}

h4 {
	font-weight: bold;
	color: #444;
}

.content {
	padding: 0 11px;
}

.content p,
.content ul,
.content ol,
.content dl,
.content img {
	display: block;
	margin: 0 auto 15px;
	color: #444;
}

.content p + img {
	margin-top: -3px;
}

.content p,
.content li {
	line-height: 1.4;
}

/*
#content img {
    display:block;
    margin:.5em auto;
    max-width:90%;
}
*/

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    margin-top:1em;
}

#content #share h1, #content #share h2, #content #share h3, #content #share h4, #content #share h5, #content #share h6
{
        margin-top: 0;    
}

blockquote p {
	font-style: italic;
	line-height: 1.33;
}

.page-header {
	padding: 6px 11px 5px;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #ddd;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	color: #363636;
	background: #ededed url(../images/bg-sub-header.png) repeat-x; 
	background: -moz-linear-gradient(top, #dcdcdc, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dcdcdc), to(#ededed));
	background: linear-gradient(top, #dcdcdc, #ededed);
}

.category {
	padding-top: 4px;
	text-transform: uppercase;
}

.category a {
	color: #aeaeae;
}

.page-header h1 + p,
.page-header h2 + p {
	padding: 2px 0;
}

/* Listing */
.listing ul li {
	display: table;
	width: 100%;
}

.listing a {
	display: table-row;
}

.listing .image {
	display: table-cell;
	width: 75px;
	padding: 4px 4px 4px 0;
	border-bottom: 1px solid #ddd;
}

.listing .image img {
	display: block;
}

.listing div {
	display: table-cell;
	height: 75px;
	padding: 4px 15px 4px 11px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}

.listing li:last-child div,
.listing li:last-child .image {
	border: none;
}

.listing h3 {
	margin-bottom: 5px;
	font: bold 1.26em/1.2 Georgia, Times, serif;
	color: #800;
}

.listing p {
	font-size: .92em;
	font-style: italic;
	color: #737373;
}

.listing p.category {
	margin: 4px 0;
	font-size: .85em;
	font-style: normal;
	text-transform: uppercase;
	color: #aeaeae;
}

/* Breadcrumbs */
#breadcrumbs {
	padding: 6px 12px 3px;
	border-top: 1px solid #fff;
    background: #fff url(../images/bg-breadcrumbs.png) no-repeat;
}

#breadcrumbs ol {
	overflow: hidden;
}

#breadcrumbs li {
	float: left;
	min-height: 21px;
	padding-right: 8px;
	background: url(../images/ico-arrow-breadcrumbs.png) 100% 50% no-repeat;
}

#breadcrumbs li:last-child {
	padding-right: 0;
	background: none;
}

#breadcrumbs a {
	float: left;
	padding: 3px 4px;
	color: #3679bf;
}

#breadcrumbs .home {
	padding-right: 4px;
}

#breadcrumbs .home a {
	position: relative;
	top: 1px;
	width: 17px;
	height: 14px;
	padding: 0;
	overflow: hidden;
	margin-right: 8px;
	text-indent: -999em;
	background: url(../images/sprite-icons.png) 0 -395px no-repeat;
}

/* Share */
#share {
	overflow: hidden;
}

#share,
#share h2,
#share h2 span,
#share a {
	height: 37px;
	line-height: 37px;
	background: url(../images/sprite-share.png) repeat-x;
}

#share h2 {
	float: left;
	width: 22%;
	font-size: .92em;
	text-transform: uppercase;
	color: #fff;
	background-position: 0 -84px;
}

#share h2 span {
	display: block;
	height: 13px;
	padding: 12px 35px 12px 11px;
	line-height: 13px;
	text-align: center;
	background-position: 100% -42px;
	background-repeat: no-repeat;
}

#share ul,
#share li {
	float: left;
}

#share ul {
	width: 75%;
	margin-left: 2%;
}

#share li {
	width: 28%;
	padding-left: 4%;
	line-height: 1;
	background: url(../images/sprite-share.png) 0 -240px no-repeat;
}

#share li:first-child {
	margin: 0;
	padding: 0;
	background: none;
}

#share a {
	display: block;
	position: relative;
	top: 1px;
	height: 1.1em;
	padding-left: 26px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.2;
	color: #dee7ee;
	background-repeat: no-repeat;
}

#share .email a {
	background-position: 0 -131px;
}

#share .facebook {
	width: 35%;
}

#share .facebook a {
	padding-left: 24px;
	background-position: 0 -167px;
}

#share .twitter a {
	background-position: 0 -204px;
}

/* Pagination */
.pagination {
	position: relative;
	margin: 17px 0 26px;
	line-height: 28px;
}

#content > .pagination:first-child,
h1.hide + .pagination {
	margin-top: 0;
}

.pagination,
.pagination li,
.pagination span {
	height: 28px;
}

.pagination span {
	line-height: 26px;
}

.pagination ul {
	min-height: 13px;
	border-bottom: 1px solid #ddd;	
}

.pagination li {
	position: absolute;
	top: 0;
	z-index: 10;
	height: 23px;
	background: #fff;	
}

.pagination .prev {
	left: 0;
	padding-right: 6px;
}

.pagination .next {
	right: 0;
	padding-left: 6px;
}

.pagination a {
	display: block;
	width: 23px;
	height: 23px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/btn-pagination.png) no-repeat;
}

.pagination .next a {
	background-position: -27px 0;
}

.pagination p {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	margin: 0 auto;
	font-size: .92em;
	text-align: center;
	color: #959595;
}

.pagination p span {
	display: inline-block;
	padding: 0 3px;
	background: #fff;
}

.pagination-alt,
.pagination-alt ul {
	border-bottom: 1px solid #d3dde9;
}

.pagination-alt ul {
	min-height: 14px;
}

.pagination-alt,
.pagination-alt li,
.pagination-alt p span {
	background: #fdfdfe url(../images/bg-pagination-alt.png) repeat-x; 
	background: -moz-linear-gradient(top, #d3dde9, #fdfdfe);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3dde9), to(#fdfdfe));
	background: linear-gradient(top, #d3dde9, #fdfdfe);	
}

.pagination.alt {
	border-bottom: 1px solid #d3dde9;
}

.pagination-alt li {
	height: 23px;
	padding: 5px 11px 0;
}

.pagination-alt li.prev {
	padding-right: 11px;
}

.pagination-alt li.next {
	padding-left: 11px;
}

.pagination-alt a {
	width: 19px;
	height: 19px;
}

.pagination-alt .prev a {
	background-position: 0 -31px;
}

.pagination-alt .next a {
	background-position: -31px -31px;
}

.pagination-alt p {
	color: #3679bf;
}


/* Images */
.image-inline {
	max-width: 100%;
	height: auto;
}

.image-wide {
	width: 100%;
	margin-bottom: 6px;
	padding: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Buttons */
.btn-generic-a {
	display: inline-block;
	padding: 5px 11px 2px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-weight: bold;
	white-space: nowrap;
	color: #434343;
	background: #ececec;
	-moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #949494;
	-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #949494;
	box-shadow: inset 0 1px 0 #fff, 0 1px 0 #949494;
}

.blackberry .btn-generic-a {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.content-a .btn-generic-a {
	color: #434343;
}

.btn-generic-b {
	display: inline-block;
	padding: 0 40px;
	border: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 1.33em;
	line-height: 35px;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
	background: #003E6D url(../images/sprite-share.png) repeat-x;
	background: -moz-linear-gradient(top, #0066A3 0%, #005590 50%, #004B7F 51%, #003E6D 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066A3), color-stop(50%,#005590), color-stop(51%,#004B7F), color-stop(100%,#003E6D));
	background: -webkit-linear-gradient(top, #0066A3 0%,#005590 50%,#004B7F 51%,#003E6D 100%);
	background: -o-linear-gradient(top, #0066A3 0%,#005590 50%,#004B7F 51%,#003E6D 100%);
	background: -ms-linear-gradient(top, #0066A3 0%,#005590 50%,#004B7F 51%,#003E6D 100%);
	background: linear-gradient(top, #0066A3 0%,#005590 50%,#004B7F 51%,#003E6D 100%);
}

.btn-generic-b:visited,
.btn-generic-b:active {
	color: #fff;
}

/* Separators */
.separator-a,
#footer .external-nav .separator-a {
	padding-bottom: 4px;
	background: url(../images/bg-separator-a.png) 0 100% repeat-x;
}

.separator-b {
	margin-bottom: 14px;
	padding-bottom: 5px;
	background: url(../images/bg-separator-b.png) 0 100% repeat-x;
}



/* 2.5 Sidebar
------------------------------------------------------------------------------*/


/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer {
	clear: both;
}

#footer .external-nav {
	padding: 3px 11px 0;
	border-bottom: 1px solid #fff;
	background: #f5f5f5 url(../images/bg-nav.png) 0 -318px repeat-x;
	background: -moz-linear-gradient(top, #dadada, #f5f5f5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dadada), to(#f5f5f5));
	background: -webkit-linear-gradient(top, #dadada, #f5f5f5);
	background: linear-gradient(top, #dadada, #f5f5f5);
}

#footer .external-nav p {
	padding: 5px 0;
	font-size: 1.083em;
	line-height: 1.7;
	font-weight: bold;
}

#footer .vcard {
	display: block;
	padding: 8px 8px 6px;
	font-size: .833em;
	text-align: center;
	border-top: 1px solid #fff;
	color: #aabfd9;
	background: #003d6c;
}

#footer .vcard a {
	color: #aabfd9;	
}

#footer .fn {
	display: block;
	padding-bottom: 2px;
	font-weight: bold;
	text-transform: uppercase;
}

#footer .vcard .geo {
	position: absolute;
	left: -999em;
}

#footer .social-media {
	float: right;
	margin-top: -2em;
}

.social-media li {
	float: left;
	margin-left: 11px;
}

.social-media li:first-child {
	margin-left: 0;
}

.social-media a {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/sprite-icons.png) no-repeat;
}

.social-media .podcast {
}

.social-media .podcast a {
	background-position: 0 0;
}

/* Show podcast icon on iOS only… */
.ios .social-media .podcast {
	display: block;
}

/* …but hide on iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.ios .social-media .podcast {
		display: none;
	}
}

.social-media .facebook a {
	background-position: 0 -65px;
}

.social-media .twitter a {
	background-position: 0 -131px;
}

.social-media .youtube a {
	background-position: 0 -197px;
}


/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/

.image-wide + #navigation.alt {
	margin-top: -10px;
}

#navigation.alt {
	border-top: 0;
}

#navigation.alt li {
	background: none;
}

#navigation a span {
	color: #8c8c8c;
}


/* 3.2 About Us
------------------------------------------------------------------------------*/

.bulleted {
	list-style: disc;
	padding-left: 17px;
}

.bulleted li {
	margin-bottom: 5px;
}

.download-podcast li {
	margin-bottom: 5px;
}

.download-podcast a {
	display: inline-block;
	line-height: 15px;
	padding-left: 21px;
	color: #3679bf;
}

.download-podcast .itunes a {
	background: url(../images/ico-itunes.png) 0 50% no-repeat;
}

.download-podcast .podcasts a {
	background: url(../images/ico-podcast.png) 0 50% no-repeat;
}


/* 3.3 Asset
------------------------------------------------------------------------------*/

.meta
{
    padding-bottom: 1em;
}

.meta label
{
    display: inline;
}

.play-audio {
	padding: 13px 0 6px;
	text-align: center;
}

.play-audio audio {
	max-width: 100%;
}

.btn-play-audio span {
	display: inline-block;
	padding-right: 28px;
	background: url(../images/sprite-icons.png) 100% -451px no-repeat;
}

.video {
	position: relative;
	max-width: 100%;
	margin-bottom: 15px;
}

.video .btn-play-c,
.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -32px;
}


/* 3.4 Events
------------------------------------------------------------------------------*/

.content.vevent {
	border-top: 1px solid #fff;
	background:  url(../images/bg-vevent.png) repeat-x; 
	background: -moz-linear-gradient(top, #f4f4f4, #f4f4f4);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(5%, #fff));
	background: -webkit-linear-gradient(top, #f4f4f4, #fff 30px);
	background: linear-gradient(top, #f4f4f4, #fff);
}

.content.vevent .separator-b .dtstart {
	margin-bottom: 1px;
}

.content.vevent .separator-b .location {
	margin-bottom: 7px;
}

.event-buttons { }
.event-buttons p {
	display: inline-block !important;
}

.btn-register {
	display: inline-block;
	padding-right: 20px;
	margin: 5px 5px;
	background:#ECECEC url(../images/btn-register.png) 95% 55% no-repeat;
}

/* Form */
form, div.pseudoform {
	overflow: hidden;
	margin-bottom: 14px;
}

label {
	display: block;
	padding-bottom: 2px;
	font-weight: bold;
	color: #444;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="search"] {
	width: 100%;
	height: 24px;
	margin-bottom: 9px;
	padding: 0 5px;
	background: #f3f3f3;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: inset 0 -1px 4px rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.19);
 	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.19);
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.two-fields:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

.two-fields {
	overflow: hidden;	
}

.two-fields > div {
	float: left;
	width: 46%;
}

.two-fields > div:last-child {
	float: right;
}

.btn-submit {
	float: right;
	position: relative;
	border: none;
	padding: 0 12px 0 7px;
	line-height: 25px;
	text-transform: uppercase;
	color: #fff;
	background: #175da7 url(../images/btn-submit.png) 100% 0 no-repeat; 
}



/* 3.5 Visit
------------------------------------------------------------------------------*/

.content-a {
	color: #444;
}

.page-header + .content,
#sub-nav + .content {
	padding-top: 10px;
}

.content-a li {
	margin-bottom: 2px;
}

.content-a a {
	color: #3679bf;
}

.location-info {
	overflow: hidden;
	margin-bottom: 11px;
}

.location-info p {
	margin-bottom: 8px;
}

.location-info .extended-address {
	display: block;
}

.location-info .adr {
	float: left;
	width: 110px;
	margin-right: 3px;
}

.location-info .adr + .btn-generic-a {
	float: left;
}

.location-info .tel {
	clear: both;
}

p.closed {
	margin-bottom: 17px;
	font-size: .917em;
	font-style: italic;
}

p + p.closed {
}


/* 3.6 Media
------------------------------------------------------------------------------*/

/* Gallery Listing */
.gallery-listing {
	overflow: hidden;
	padding: 4px 0 0 4px;
}

.gallery-listing li {
	float: left;
	width: 75px;
	margin: 0 4px 4px 0;
}

.gallery-listing a {
	display: block;
	position: relative;
}

.gallery-listing .btn-play-a {
	position: absolute;
	right: 3px;
	bottom: 6px;
	z-index: 10;
}

.btn-play-a {
	display: inline-block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/btn-play-a.png) no-repeat;
}

.btn-play-b {
	min-height: 13px;
	padding: 4px 28px 3px 11px;
	background: #ececec url(../images/btn-play-b.png) 100% 1px no-repeat;
	-moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #949494, 0 3px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #949494, 0 3px 10px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 1px 0 #fff, 0 1px 0 #949494, 0 4px 4px rgba(0, 0, 0, 0.4);
}

.btn-play-c,
.mejs-overlay-button,
.mejs-overlay:hover .mejs-overlay-button {
	display: block;
	width: 65px;
	height: 65px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/btn-play-c.png) no-repeat;
}

/* Fullscreen */
.gallery-fullscreen {
	position: relative;
	padding: 11px 0;
	background: #242424 url(../images/bg-gallery.png);
	border-bottom: 1px solid #787878;
}

.pagination + .gallery-fullscreen {
	margin-top: -26px;
}

.gallery-fullscreen img {
	display: block;
	width: 100%;
	height: auto;
}

.gallery-fullscreen .play {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
}

/* Gallery navigation */
.gallery-navigation {
	position: relative;
	min-height: 30px;
	border-top: 1px solid #fff;
	background: #fff url(../images/bg-gallery-nav.png) repeat-x; 
	background: -moz-linear-gradient(top, #ebebeb, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#fff));
	background: linear-gradient(top, #ebebeb, #fff);
}

.gallery-navigation a {
	display: block;
	line-height: 29px;
	background: url(../images/sprite-icons.png) no-repeat;
}

.gallery-navigation li {
	position: absolute;
	top: 0;
	font-size: .917em;
	font-weight: bold;
}

.gallery-navigation .back {
	left: 0;
}

.gallery-navigation .back a {
	padding: 1px 10px 0 33px;
	color: #737373;
	background-position: 0 -521px;
}

.gallery-navigation .more {
	right: 0;
}

.gallery-navigation .more a {
	padding: 1px 32px 0 10px;
	color: #0b376b;
	background-position: 100% -587px;
}


/* 3.7 Archives
------------------------------------------------------------------------------*/

form[role="search"], div.pseudoform {
	padding-top: 3px;
}

form[role="search"] div, div.pseudoform div {
	position: relative;
}

form[role="search"] div input, div.pseudoform div input {
	padding-right: 40px;
	padding-left: 12px;
	height: 37px;
	font-size: 1.167em;
	color: #9c9c9c;
}

form[role="search"] button, div.pseudoform button {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 29px;
	height: 29px;
	overflow: hidden;
	padding: 0;
	line-height: 29px;
	text-indent: -999em;
}

form[role="search"] button span, div.pseudoform button span {
	display: block;
	height: 29px;
	width: 100%;
	background: url(../images/sprite-icons.png) 0px -322px no-repeat;
    margin-left: 5px;
}

form[role="search"] ul, div.pseudoform ul {
	overflow: hidden;
}

form[role="search"] li, div.pseudoform li {
	float: left;
	margin-right: 3px;
	font-size: .917em;
	white-space: nowrap;
}

form[role="search"] li label, div.pseudoform li label {
	display: inline;
	position: relative;
	top: -0.175em;
}

/* Popular searches */
.popular-searches {
	padding: 5px 0 4px 3px;
}

.popular-searches li {
	margin-bottom: 7px;
	padding-left: 15px;
	font-size: 1.167em;
	background: url(../images/bullet-a.png) 0 50% no-repeat;
}

/* Note */
.content-note {
	position: relative;
	border-top: 1px solid #dddddd;
	padding: 12px 13px 10px;
	color: #737373;
	background: url(../images/bg-content-note.png) repeat-x; 
	background: -moz-linear-gradient(top, #ebebeb, #fff);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(2%, #ebebeb), color-stop(100%, #fff));
	background: linear-gradient(top, #ebebeb, #fff);
}

/* Search results */
.search-results h3 {
	padding-left: 11px;
}

.search-results article {
	padding: 6px 6px 10px 11px;
	border-bottom: 1px solid #ddd;
}

.search-results article img {
	float: right;
	margin: 0 0 5px 5px;
}

.search-results article .category {
	padding-bottom: 2px;
	font-size: .833em;
}

.search-results h4 {
	font-size: 1.167em;
}

.search-results .published {
	padding: 4px 0 5px;
	font-size: .92em;
	font-style: italic;
	color: #737373;
}

.search-results mark {
	font-weight: bold;
	color: #444;
	background: transparent;
}

.search-results article:last-child {
	margin-bottom: 10px;
	border: none;
}

.search-results + .content + .content-note {
	margin-top: -20px;
}

/* 3.8 Forum Current Event
------------------------------------------------------------------------------*/
.forum-current-event {}
.forum-current-event .date-range { font-style: italic;}


/* 4. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

	body { 
		font: normal normal 12pt/1.5em "Times New Roman", Times, serif; 
	}

	a[href]:after { 
		content: " (" attr(href) ") "; 
		font-size: 90%; 
	}

	a[href^="/"]:after { 
		content: " (http://domain.com" attr(href) ") "; 
	}

	ol#accessibility-nav, 
	.hide { 
		display: none !important; 
	}
}	

.mobileTextAndImageBody img
{
display: block;
margin: 0 auto 15px;    
}

.mobileVisitFix
{
padding: 10px;    
}

.jfkHidden
{
    display: none;    
}

.mobileHidden
{
    display: none;
}


.mobileFirstImage{
    /* Bring smaller image back into view */
    max-width:100%;
}

#content .scfDropListLabel, #content .scfEmailLabel, #content .scfMultipleLineTextLabel, #content .scfSingleLineTextLabel, #content .scfPasswordLabel, .scfNumberLabel, #content .scfDateLabel, #content .scfRadioButtonListLabel, #content .scfCheckBoxListLabel, #content .scfListBoxLabel, #content .scfFileUploadLabel, #content .scfDateSelectorLabel, #content .scfCreditCardLabel, #content .scfConfirmPasswordLabel, #content .scfCaptchaLabel, #content .scfTelephoneLabel, #content .scfSmsTelephoneLabel {
    display: block;
    float: none;
    padding: 3px 0;
    width: 90%;
    font-size: 12px;
}

#content .scfEmailGeneralPanel,
#content .scfMultipleLineGeneralPanel,
#content .scfSingleLineGeneralPanel,
#content .scfPasswordGeneralPanel,
#content .scfNumberGeneralPanel,
#content .scfDateGeneralPanel,
#content .scfRadioButtonListGeneralPanel,
#content .scfCheckBoxListGeneralPanel,
#content .scfFileUploadGeneralPanel,
#content .scfDateSelectorGeneralPanel,
#content .scfCreditCardGeneralPanel,
#content .scfConfirmPasswordGeneralPanel,
#content .scfCaptchaGeneralPanel,
#content .scfTelephoneGeneralPanel,
#content .scfSmsTelephoneGeneralPanel,
#content .scfDropListGeneralPanel
{
    width: 100%;
}

#content .scfRequired
{
    display: none;
}

.mobile_alert_box {
    background-color: red; 
    color: white; 
    padding: 4px 12px;
}

.carousel {
	max-width: 500px;
	margin: 0 auto;
	overflow: hidden;
}

.carousel-slide {
	margin: 0 2px;
}

.carousel.slick-slider {
	position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.carousel .slick-list:focus {
	outline: 0;
}

.carousel-slide .about {
	opacity: 0;

	transition: opacity 0.3s ease;
}

.carousel-slide img {
	max-height: 100%;
	width: 100%;
	margin-bottom: 20px;
}

.slick-center .about {
	opacity: 1;
	margin-left: -20px;
	margin-right: -20px;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
}