/* ==========================================================================
   Base styles: opinionated defaults
   Author: JX 20130127 (Adapted from HTML5 Boilerplate 4)
   ========================================================================== */

/* base text style */
html, button, input, select, textarea { color:#222; font-family:sans-serif; }
body { font-size:1em; line-height:1.4; }

/* text selection style */
::-moz-selection { color:#fff; background:#222; text-shadow:none; }
::selection { color:#fff; background:#222; text-shadow:none; }

/* simplified hr style */
hr { display:block; height:1px; margin:1em 0; padding:0; border:0; border-top:1px solid #ccc; }

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img { vertical-align:middle; }

/* Remove default fieldset styles. */
fieldset { border:0; margin:0; padding:0; }

/* Remove default webkit styles on form elements. */
button, input, select, textarea { -webkit-appearance:none; -webkit-border-radius:0; }
button:focus, input:focus, select:focus, textarea:focus { outline: none; }

/* Allow only vertical resizing of textareas. */
textarea { resize:vertical; }

/* Default table cell vertical alignment */
th, td { vertical-align:top; }

/* Chrome Frame prompt */
.chromeframe {
    margin:0.2em 0; padding:0.2em 0;
    color:#000; background:#ccc; }

/* Link styles*/
a           { color: #222; text-decoration: none; } 
a:visited   { color: #222; }
a:hover     { color: #000; }
a:focus     { color: #000; }

/* Link transitions */
a {
    -webkit-transition-property:color,background-color,border-color;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease-in-out;
    -webkit-transition-delay:0s;

    -moz-transition-property:color,background-color,border-color;
    -moz-transition-duration:0.3s;
    -moz-transition-timing-function:ease-in-out;
    -moz-transition-delay:0s;

    -o-transition-property:color,background-color,border-color;
    -o-transition-duration:0.3s;
    -o-transition-timing-function:ease-in-out;
    -o-transition-delay:0s;

    transition-property:color,background-color,border-color;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
    transition-delay:0s; }


/* ==========================================================================
   Primary Styles
   Author: JX 201308
   ========================================================================== */


/* ==========================================================================
   structure - GLOBAL
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* body */
body.ps { 
	position:relative; margin:0; padding:0;
	color:#222; background:#ebebeb url(../img/bg-pattern.png) center top;
	font-family:'Open Sans',sans-serif; font-size:14px; font-weight:400; line-height:20px; }
	
	/* -------------------------------------------------------------------------- */
	/* blockings */
	#container, 
		#header, #nav, #banner, #content, #footer, .section,
			#header 	> .padder,
			#nav 		> .padder,
			#banner 	> .padder,
			#content 	> .padder,
			#footer 	> .padder,
			.section 	> .padder { 
		display:block; position:relative; width:auto; height:auto; margin:0 auto; padding:0; }
		
	/* container */
	#container { 
		min-width:0px; max-width:100%; }
	
	/* sections */
	#header, #nav, #banner, #content, #footer, .section { 
		min-width:300px; max-width:100%; }	
		
	/* padders */
	#header 	> .padder,
	#nav 		> .padder,
	#banner 	> .padder,
	#content 	> .padder,
	#footer 	> .padder,
	.section 	> .padder {
		min-width:0px; max-width:960px; }


/* ==========================================================================
   structure - PAGEBG
   ========================================================================== */

/* html canvas */
html, body { height:100%; }


/* ==========================================================================
   structure - HEADER
   ========================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */
#header { }
	
	/* -------------------------------------------------------------------------- */
	/* topbar */
	#header .topbar { 
		width:100%; height:20px; margin:0; padding:0;
		background:#0e0e0e url(../img/bg-megafooter.jpg) center top no-repeat; border-bottom:1px solid #fcfcfc;
		/*box-shadow*/-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.25); box-shadow:0px 0px 20px 0px rgba(0,0,0,0.25); }
	
	/* -------------------------------------------------------------------------- */
	/* brand */
	#header .brand { 
		display:block; position:relative; width:auto; height:auto; max-width:400px; margin:0 auto; padding:0; overflow:hidden;
		text-decoration:none!important; cursor:pointer; }
			
		/* crest */
		#header .crest { 
			display:block; width:100%; height:auto; }
		
/* ------------------------------------------------------------------------------ */
/* header responsive */
@media only screen and (max-width:500px) {
	/* hide topbar */
	#header .topbar { display:none; }
	/* resize brand */
	#header .brand { max-width:300px; }
}


/* ==========================================================================
   structure - NAV
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */ 
#nav { overflow:hidden; background:#3e3e3e url(../img/bg-noise.png); }
	
	/* -------------------------------------------------------------------------- */
	/* decor */
	#nav:before,
	#nav:after { 
		content:'';
		display:block; position:absolute; left:0; width:100%; height:3px; margin:0; padding:0; overflow:hidden;
		font-size:0; line-height:0; }
	#nav:before	{ top:0; border-bottom:1px dotted #8a8a8a; }
	#nav:after	{ bottom:0; border-top:1px dotted #8a8a8a; }
	
	/* ------------------------------------------------------------------------------ */
	/* navSelect */
	#navSelect { display:none; }
	
	/* ------------------------------------------------------------------------------ */
	/* navItems */
	#navItems { 
		margin:0; padding:0; overflow:hidden; 
		white-space:nowrap; text-overflow:ellipsis; text-align:center; }
	
		/* navItem */
		#nav .navItem { 
			display:inline-block; position:relative; width:auto; height:60px; margin:0; padding:0 1.8%; 
			color:#fff; text-transform:uppercase; text-align:center; vertical-align:middle;
			font-family:'Noto Serif',serif; font-size:16px; font-weight:700; line-height:22px; 
			text-decoration:none!important; outline:0 none!important;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:color 0.3s ease-in-out;
			-moz-transition:color 0.3s ease-in-out;
			-o-transition:color 0.3s ease-in-out;
			transition:color 0.3s ease-in-out; }
		
		/* oldie fix */
		.oldie #nav .navItem { letter-spacing:-1px; }
			
			/* label */
			#nav .navItem .label { 
				display:block; width:auto; margin:19px 0; padding:0; 
				white-space:nowrap; }
				
			/* blt */
			#nav .navItem .blt-nav { 
				display:block; position:absolute; top:50%; left:-2px; width:4px; height:4px; margin:-2px 0 0 0; padding:0; overflow:hidden;
				background:#bbb; font-size:0; line-height:0;
				/*border-radius*/-webkit-border-radius:50%; border-radius:50%; }
			#nav .navItem:first-child .blt-nav { display:none; }
			#nav .navItem.first-child .blt-nav { display:none; }
				
		/* navItem - interaction */	
		.no-touch #nav .navItem:hover,
		.no-touch #nav .navItem:focus,
		.touch #nav .navItem:active { 
			color:#ccc; }
		
		/* navItem - selected */
		#nav .navItem.selected,
		#nav .navItem.selected .label,
		.no-touch #nav .navItem.selected:hover,
		.no-touch #nav .navItem.selected:focus,
		.touch #nav .navItem.selected:active { 
			color:#aaa; pointer-events:none; cursor:default; }
			
/* -------------------------------------------------------------------------- */
/* custom */

/* hide home */
#nav #nav0 { display:none; } 

/* remove first last side gaps */
#nav #nav1	{ padding-left:0; }
#nav #nav5	{ padding-right:0; }

/* hide first blt-nav */
#nav #nav1 .blt-nav { display:none; }

/* ------------------------------------------------------------------------------ */
/* nav responsive */
@media only screen and (max-width:980px) {
	/* reduece item size */
	#nav .navItem .label { font-size:14px; }
}
@media only screen and (max-width:850px) {
	/* reduece item size */
	#nav .navItem .label { font-size:12px; }
}
@media only screen and (max-width:750px) {
	/* reduece item size */
	#nav .navItem .label { font-size:11px; }
	
	/* reduce item gaps */
	#nav .navItem { padding:0 8px; }
	
	/* hide blt */
	#nav .navItem .blt-nav { display:none; }
}
@media only screen and (max-width:640px) {
	
	/* ------------------------------------------------------------------------------ */
	/* switch to drop down */
	#nav { 
		width:auto; height:45px/*auto*/; 
		background:none;
		/*transition*/
		-webkit-transition:height 0.3s ease-in-out;
		-moz-transition:height 0.3s ease-in-out;
		-o-transition:height 0.3s ease-in-out;
		transition:height 0.3s ease-in-out; }
		
		/* -------------------------------------------------------------------------- */
		/* decor */
		#nav:before	{ top:0; z-index:5; }
		#nav:after	{ top:41px; bottom:auto; }
				
		/* ------------------------------------------------------------------------------ */
		/* navItem */		
		#nav #navSelect,
		#nav #navItems .navItem,
		#nav #navItems #nav0 { 
			display:block; width:auto; height:auto/*44px*/; margin:0; padding:0; overflow:hidden;
			background:#3e3e3e; border-top:1px solid #555; text-transform:uppercase;
			font-family:'Noto Serif',serif; font-size:16px; font-weight:700; line-height:44px; text-align:left;
			text-decoration:none!important; }
			
			/* label */
			#nav #navSelect .label,
			#nav .navItem .label 	{ margin:0; padding:0 15px; }
			#nav .navItem .label 	{ font-size:16px; }
		
		/* hide first item border */
		#nav #navItems #nav0 { border-top-color:transparent!important; }
		
		/* ------------------------------------------------------------------------------ */
		/* navSelect */
		#nav #navSelect { 
			position:relative; height:45px; line-height:45px;
			color:#fff; background:#3e3e3e url(../img/bg-noise.png); border:none;
			outline:0 none!important; cursor:pointer!important; }
		.no-touch #nav #navSelect:hover,
		.no-touch #nav #navSelect:focus,
		.touch #nav #navSelect:active { 
			color:#ccc; }
		
			/* icon */
			#nav #navSelect .icon { 
				top:0; right:0; width:45px; height:45px; margin:0; padding:0; overflow:hidden;
				color:#fff; font-size:14px; line-height:45px; }
			.no-touch #nav #navSelect:hover .icon,
			.no-touch #nav #navSelect:focus .icon,
			.touch #nav #navSelect:active .icon { 
				color:#bbb; }		
	
	/* -------------------------------------------------------------------------- */
	/* IE fix */
	.ie #nav.active { height:auto!important; }
}


/* ================================================================================================== */
/* structure - SIDENAV */
/* ================================================================================================== */

/* -------------------------------------------------------------------------- */
/* secHeader */
#secHeader { 
	position:relative; width:auto; height:210px; margin:0; padding:0;
	background:#808080 url(../img/bg-secheader.jpg) center top repeat-x;
	/*border-radius*/-webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; }
	
	/* border */
	#secHeader:after { 
		content:'';
		display:block; position:absolute; top:0; right:-1px; width:1px; height:100%; margin:0; padding:0; overflow:hidden;
		background:#808080; font-size:0; line-height:0; }
	
	/* h2 */
	#secHeader h2 { 
		position:absolute; bottom:0; left:0; width:100%; height:auto; margin:0; padding:0; overflow:hidden;
		color:#fff; font-size:25px; font-weight:400; line-height:30px; text-transform:uppercase; }
		
		#secHeader h2 .label { display:block; margin:20px 26px; }

/* -------------------------------------------------------------------------- */
/* container */
#sideNav { 
	list-style:none; margin:0; padding:0; width:auto; height:auto; overflow:hidden; }
	
/* genesis contextmenu output error fix */
#sideNav + ul { display:none; }

	/* ------------------------------------------------------------------------------ */
	/* icon */
	#sideNav .icon {	 
		display:none; position:absolute; width:12px; height:12px; margin:0; overflow:hidden;
		color:#555; font-size:12px; line-height:12px; text-align:left; text-indent:0;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:none 0.3s ease-in-out;
		-moz-transition:none 0.3s ease-in-out;
		-o-transition:none 0.3s ease-in-out;
		transition:none 0.3s ease-in-out; }
	
	/* position */
	#sideNav li li .icon 		{ top:9px; left:30px; display:block; }
	
	/* interaction */
	#sideNav a:hover .icon,
	#sideNav a:focus .icon 		{ color:#555; }
	
	#sideNav li.selected .icon 	{ color:#555; display:block; }
	#sideNav li .selected .icon { cursor:default!important; }
	
	#sideNav li li.selected > a .icon,
	#sideNav li li.selected > a:hover .icon,
	#sideNav li li.selected > a:focus .icon { color:#000!important; }
	
	/* ------------------------------------------------------------------------------ */
	/* level 1 */
	#sideNav li {
		position:relative; margin:0; padding:0; width:100%;
		color:#555; border-bottom:1px solid #d9d9d9;
		font-size:14px; font-weight:400; line-height:20px; }
	#sideNav li.first-child { padding-top:26px; } 
	#sideNav li.selected li.first-child { padding-top:0; } 
	/*#sideNav li:last-child { border-bottom:none; }
	#sideNav li.last-child { border-bottom:none; }*/
	
	/* IE7 extra bottom gap fix */
	.ie7 #sideNav li { 
		line-height:14px; vertical-align:bottom; }
		
		/* ------------------------------------------------------------------------------ */
		/* links */
		#sideNav li a,
		#sideNav li a:link,
		#sideNav li a:active,
		#sideNav li a:visited {
			display:block; position:relative; width:auto; margin:0; padding:15px 30px; 
			color:#555; text-decoration:none; }		
		
		/* interaction */
		#sideNav li a:hover,
		#sideNav li a:focus { 
			color:#000; text-decoration:none; }
		
		/* ------------------------------------------------------------------------------ */
		/* selected */
		#sideNav li.selected 					{ background:#fefefe; }
		
		#sideNav li.selected a 					{ cursor:pointer; }
		#sideNav li.selected a:hover,
		#sideNav li.selected a:focus 			{  }
		
		#sideNav li.selected a.selected,
		#sideNav li.selected a.selected:hover,
		#sideNav li.selected a.selected:focus 	{ color:#000; text-decoration:none; 
												  cursor:default; pointer-events:none; }
	
	
	
	/* ------------------------------------------------------------------------------ */
	/* level 2 container */
	#sideNav li ul 						{ display:none; padding:0 0 10px 0; }
	#sideNav li.selected > ul 			{ display:block; margin-top: -10px !important; }
	
	/* normalize items */
	#sideNav li ul,
	#sideNav li li,
	#sideNav li li.selected,
	#sideNav li li a,
	#sideNav li li.selected a,
	#sideNav li li.selected a.selected 	{ margin:0!important; list-style:none!important; border:none!important; background:none!important; }
	
	/* level 2 item */
	#sideNav li li 		{ font-size:14px; }
		
	/* IE7 extra bottom gap fix */
	.ie7 #sideNav li li { line-height:20px; }
		
		/* links */
		#sideNav li li a,
		#sideNav li li a:link,
		#sideNav li li a:active,
		#sideNav li li a:visited 				{ color:#555; width:auto; padding:5px 30px; background:none!important; cursor:pointer!important; }
		
		#sideNav li li a span 					{ display:inline-block; width:auto; padding-left:15px; }
		
		/* interaction */
		#sideNav li li a:hover,
		#sideNav li li a:focus,
		#sideNav li li a:hover span,
		#sideNav li li a:focus span				{ color:#000; text-decoration:none!important; }
		
		#sideNav li li.selected > a,
		#sideNav li li.selected > a:hover,
		#sideNav li li.selected > a:focus 		{ color:#000!important;
											 	  cursor:default!important; pointer-events:none; }
		#sideNav li li.selected > a:hover,
		#sideNav li li.selected > a:focus,
		#sideNav li li.selected > a:hover span,
		#sideNav li li.selected > a:focus span	{ text-decoration:none!important; }
		
		
/* ------------------------------------------------------------------------------ */
/* responsive */
@media only screen and (max-width:960px) {

	/* secHeader remove bottom gap and round corners */
	#secHeader { margin-bottom:0; /*border-radius*/-webkit-border-radius:0; border-radius:0; }

}
@media only screen and (max-width:800px) {
	
	/* hide asideBg */
	.asideBg { display:none; }
	
	/* secHeader */
	#secHeader { height:auto; margin:0; /*border-radius*/-webkit-border-radius:0; border-radius:0; }
	#secHeader:after { display:none; }
	#secHeader h2 { position:relative; bottom:auto; left:auto; width:auto; font-size:17px; line-height:25px; }
	#secHeader h2 .label { margin:15px 0; }
	
	/* remove gap */
	#sideNav { margin:0; }
	
	/* update side gaps */
	#secHeader h2 .label,
	#sideNav li a,
	#sideNav li a:link,
	#sideNav li a:active,
	#sideNav li a:visited,
	#sideNav li li a,
	#sideNav li li a:link,
	#sideNav li li a:active,
	#sideNav li li a:visited { padding-left:4.5%; padding-right:4.5%; }	
	
	/* update icon */
	#sideNav > li > a .icon,
	#sideNav > li.selected > a .icon { display:none; }
	#sideNav li li .icon { left:4.5%; }
	
	#sideNav li.selected.first-child { padding-top:0px; }
	
}

/* ================================================================================================== */
/* structure - PAGINATION */
/* ================================================================================================== */
/* ------------------------------------------------------------------------------ */
/* container */
.pagination { 
	/*layout*/position:relative; width:auto; height:32px; margin:0 0 21px 0; padding:10px; overflow:hidden; float:none; clear:both;
	/*style*/color:#777; background:#fff; border:1px solid #ccc;
	/*text*/font-family:'Noto Serif' ;font-size:15px; font-weight:normal; line-height:20px; text-align:right;
	/*border-radius*/-webkit-border-radius:3px; border-radius:3px;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	
	.makeCenter{ width:auto; position:relative; display:block; margin:0 auto; text-align: center; }
	
	/* ------------------------------------------------------------------------------ */
	/* info */
	.pagination .info { 
		position:absolute; top:10px; left:10px; width:40%; height:20px; margin:0; padding:0;
		color:#666; font-weight:normal; text-align:left; }
		
	/* ------------------------------------------------------------------------------ */
	/* common */
	.pagination .btnPrevNext,
	.pagination .btnPage { 
		/*layout*/display:inline-block; width:30px; height:25px; margin:0 1px; padding:5px 0 0; overflow:hidden; vertical-align:middle;
		/*style*/color:#777; text-decoration:none; cursor:pointer; text-align:center; 
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; 
		 }
			
	/* ------------------------------------------------------------------------------ */
	/* btnPrevNext */
	.pagination .btnPrevNext { position:relative; }
		
	/* btnPrevNext - disabled */
	.pagination .btnPrevNext.disabled,
	.pagination .btnPrevNext.disabled:hover,
	.pagination .btnPrevNext.disabled:focus,
	.pagination .btnPrevNext.disabled:active { 
		cursor:default!important;
		/*opacity*/
		opacity:0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter:alpha(opacity=50); }

		/* icon */
		.pagination .btnPrevNext .icon { 
			top:3px; left:0; width:100%; height:100%; margin:0; padding:0;
			color:#666; font-size:20px; line-height:22px; position:absolute; }
		.pagination .btnPrevNext:hover .icon,
		.pagination .btnPrevNext:focus .icon,
		.pagination .btnPrevNext:active .icon { color:#333; }
		
		/* icon - disabled */
		.pagination .btnPrevNext.disabled .icon,
		.pagination .btnPrevNext.disabled:hover .icon,
		.pagination .btnPrevNext.disabled:focus .icon,
		.pagination .btnPrevNext.disabled:active .icon { color:#666!important; }
	
	/* ------------------------------------------------------------------------------ */
	/* pages */
	.pagination .pages { display:inline-block; margin:0 5px; padding:0; overflow:hidden; vertical-align:middle; }
	
		/* btnPage */
		.pagination .btnPage:hover,
		.pagination .btnPage:focus,
		.pagination .btnPage:active { color:#fff; background:#333; text-decoration:none; }
		
		/* btnPage - selected */
		.pagination .btnPage.selected,
		.pagination .btnPage.selected:hover,
		.pagination .btnPage.selected:focus,
		.pagination .btnPage.selected:active { color:#fff; background:#666; cursor:default!important; }

/* ------------------------------------------------------------------------------ */
/* pagination - responsive */
@media only screen and (max-width:500px) {
	
	/* center align content */
	.pagination { text-align:center; }
	
	/* info hide */
	.pagination .info { display:none; }

} 
/* ================================================================================================== */
/* section - HOME */
/* ================================================================================================== */ 
#home #container {
	max-width: 100%;
	padding: 0;
	overflow: visible;
	background-color: transparent;
	min-height: 0 !important;
} 
#home #content {
	margin: 0 auto;
	max-width: 960px;
	border: none;
	background: none;
	overflow: visible;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* ------------------------------------------------------------------------------ */
/* feature pods */
#featPodWrapper {  
	width:96%; height:auto; 
	position:relative; 
	display:block; 
	padding:20px 2%;
	margin:0 auto;  
	background-color:#faf9ef;
	border-bottom:1px solid #d4d3c9;
	/*rounded corners*/
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
	-moz-box-shadow:		0 -1px 8px #ccc;
	-webkit-box-shadow: 	0 -1px 8px #ccc;
	box-shadow:				0 -1px 8px #ccc;
	}

	a.featPod{
		width:31.7%;
		max-height:310px;
		padding:6px;
		margin-right:0px;	
		display:inline-block;
		vertical-align:top;
		position: relative;
	}
	
	a.featPod img{ 
		width:95%; height:auto; 
		opacity:0.9;
		margin:0 auto;
		display:block;
		border:solid 2px #faf9ef; position:relative;  
		-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.75);
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		/*-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out; 
		z-index:10;*/
		}
 
 	a.featPod .title{
		position: relative;
		font-family:'Noto Serif';
		font-weight:normal;
		font-size: 20px;
		padding:0 0 25px;
		margin:20px 0 0;
		color:#333;
		text-align:center;	 
		background:url(../../custom/title-underline.png) center 27px no-repeat transparent;	
		text-decoration:none;
		text-transform:uppercase; 
		text-shadow: 1px 1px 3px rgba(255,255,255, 0.7);
	}
	
	a.featPod .desc{
		position: relative;
		font-family:'Noto Serif';
		height:40px;
		font-style:italic;
		font-weight:400;
		font-size: 14px;
		padding:0 0 20px;
		color:#000000;
		text-align:center !important;	  
		text-decoration:none; 
		margin:0 0 10px;
		overflow: hidden; 
		text-shadow: 1px 1px 3px rgba(255,255,255, 0.7);
	}
 	 
 	a.featPod:hover .title{ background-position:center -24px; }
 	a.featPod:hover img{ border-color:#666;opacity:1;} 
	
	a.featPod.last-child{ margin-right:0; }
	
	span.ftOverlay{
		display:block;
		width:70%;
		max-width:290px;
		height:auto;
		max-height:150px;
		position:absolute;
		top:14px; left:15%;
		z-index:20;
	}
	
	.ie7 span.ftOverlay{ top:0; } 
/* ------------------------------------------------------------------------------ */
/* intro text */	
#introText{
	width:100%; 
	padding:5px 0; 
	margin: 0px auto 10px;
	position:relative; 
}
 
	
	#introText p{
		max-width:900px;
		height:auto;			
		margin:0 auto 15px;
		font-family:'Noto Serif'; font-weight:normal;
		font-style:italic;
		font-size:18px; 
		text-align:center;
		line-height:28px;
		padding:0 10px;
	}

#neWrapper{
	display:block;
	max-width:960px;
	width:100%;
	height:auto;
	margin:0; padding:0 0 40px;
	background: -moz-linear-gradient(top,  rgba(255,254,249,1) 8%, rgba(255,254,249,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,rgba(255,254,249,1)), color-stop(100%,rgba(255,254,249,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,254,249,1) 8%,rgba(255,254,249,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,254,249,1) 8%,rgba(255,254,249,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,254,249,1) 8%,rgba(255,254,249,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,254,249,1) 8%,rgba(255,254,249,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffef9', endColorstr='#00fffef9',GradientType=0 ); /* IE6-9 */  
	
	-moz-box-shadow:		0 -2px 8px #ccc;
	-webkit-box-shadow: 	0 -2px 8px #ccc;
	box-shadow:				0 -2px 8px #ccc;
}


#scriptureLine{ 
	position:relative; display:block;
	font-family:'Noto Serif'; font-weight:normal;
	font-style:italic;
	font-size:15px; 
	letter-spacing:0.2pt;
	color:#000; 
	padding-top:0;
	overflow:hidden;
}

#scriptureLine p{ 
	position:relative;
	width:90%; 
	text-align:center;
	margin:30px auto 15px;
	z-index:40;
}

@media only screen and (max-width:960px) { 
	
	#scriptureLine p{  
		margin:20px auto 20px; 
	}
}
.radialGlow{
	display:block;
	position:absolute;
	top:-150px;
	width:100%;
	height:250px;
	margin:0 auto;
	padding:0;
	/*background*/
	background: -moz-radial-gradient(center, ellipse cover,  rgba(250,249,239,1) 12%, rgba(250,249,239,1) 16%, rgba(250,249,239,0) 72%, rgba(250,249,239,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(12%,rgba(250,249,239,1)), color-stop(16%,rgba(250,249,239,1)), color-stop(72%,rgba(250,249,239,0)), color-stop(100%,rgba(250,249,239,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,249,239,1) 12%,rgba(250,249,239,1) 16%,rgba(250,249,239,0) 72%,rgba(250,249,239,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(250,249,239,1) 12%,rgba(250,249,239,1) 16%,rgba(250,249,239,0) 72%,rgba(250,249,239,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(250,249,239,1) 12%,rgba(250,249,239,1) 16%,rgba(250,249,239,0) 72%,rgba(250,249,239,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(250,249,239,1) 12%,rgba(250,249,239,1) 16%,rgba(250,249,239,0) 72%,rgba(250,249,239,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf9ef', endColorstr='#00faf9ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	z-index:10;
	
} 

.lineFader{ 
	display:block;
	height:1px; width:100%;
	background:url(../../custom/divider.png) 0 0 no-repeat transparent;
	position:absolute; top:0; left:0;
	z-index:40;
}
.ie7 .radialGlow,
.ie8 .radialGlow,
.ie9 .radialGlow{ display:none; }

/* ------------------------------------------------------------------------------ */
/* News+Events Pods */	  
#home #newsPod{
	max-width:565px;
	width:100%;
	height:auto;
	display:inline-block; 
	vertical-align:top;
} 
#home #eventsPod {
	max-width:280px;
	width:100%;
	height:auto;
	display:inline-block; 
	vertical-align:top;
}
	/* IE7 fix */
	.ie7 #home #newsPod,
	.ie7 #home #eventsPod, { *display:inline; }

#home #newsPod{
	margin: 25px 0 0 4%;
}
#home #eventsPod h1,
#home #newsPod h1{
	font-family:'Noto Serif'; font-weight:400;
	font-size:24px;
	text-transform:uppercase;
	line-height:24px;
	height:30px;
	padding-bottom: 9px;
	border-bottom:1px solid #666;
	margin-bottom:22px;
}
#home #content #newsPod .newsItem { min-height:50px; }
#home #content #newsPod .newsItem .imgThumb { width:150px; }
#home #content #newsPod .newsItem .imgThumb img{ width:170px; height:auto; }
#home #content #newsPod #newsListing .newsItem .padder { min-height: 75px; margin: 0 20px 0 190px; }
#home #content #newsPod #newsListing .newsItem .padder h3.title { padding:0; margin:0;  }
#home #content #newsPod #newsListing .newsItem .padder h3.title a{ font-size:18px; font-weight:400; }
#home #content #newsPod #newsListing .newsItem .padder p.desc { padding:0; margin:5px 0 ; font-size:14px; line-height: 21px; }
/*.ie7 #home #content #newsPod #newsListing .newsItem .padder p.desc { line-height: 8px; }*/
#home #content #newsPod #newsListing .newsItem .dateTag a { font-family:'Noto Serif'; font-weight:700; text-transform:uppercase; }
#home #content #newsPod #newsListing .newsItem  { border-bottom: 1px solid #bcbcbc; }
#home #content #newsPod #newsListing .newsItem .btnBox{ display:none; }
#home #content #eventsPod #eventsListing .newsItem .padder h3.title a{ color:#484848; font-size:16px; line-height:22px; }
#home #content #eventsPod #eventsListing .newsItem:hover  .eventDate .d { color:#969696; }
#home #content #eventsPod #eventsListing .newsItem .padder h3.title a:hover{ color:#000; text-decoration:underline; }
#home #content #eventsPod { margin: 25px 0 0 3%; }
#home #content #eventsListing .newsItem { min-height:85px; }
#home #content #eventsListing .newsItem .eventDate .d { background-color:transparent; padding: 0; color:#000; font-family:'Noto Serif'; }

@media only screen and (max-width:1170px) { 
	#introText{ width:100%; margin-left:0; }
}
@media only screen and (max-width:970px) { 
	#home #content #eventsPod { width:35%; margin:30px 0 0; max-width:100%;}  
	#home #content #newsPod { width:52%; margin:30px 4% 0; max-width:100%;} 
	#home #content #newsPod .newsItem .imgThumb img{ width:100px; height:auto; }
	#home #content #newsPod #newsListing .newsItem .padder { margin: 0 0 0 114px;}
	
	#featPodWrapper { width:96%; margin:10px auto 0;}
	a.featPod{ width:31.6%; margin-right:0; }
	a.featPod .title{ font-size:15px; }
	 
	#introText{ margin-top:20px;	margin-bottom:0px; } 
 }

@media only screen and (max-width:900px) {  
	a.featPod{ width:31.4%; }
}
@media only screen and (max-width:880px) {  
	span.ftOverlay{ top:3px; width:80%; left:10%; }
    a.featPod .desc{ font-size:13px; overflow: hidden; height: 23px; }
}

@media only screen and (max-width:810px) {  
	a.featPod{ width:31.3%; }
}
@media only screen and (max-width:770px) {  
	a.featPod{ width:31.2%; }
}
@media only screen and (max-width:760px) { 
	#neWrapper{ 
		background:none !important;  
		-moz-box-shadow:		0 -8px 8px transparent;
		-webkit-box-shadow: 	0 -8px 8px transparent;
		box-shadow:				0 -8px 8px transparent;
	}
	a.featPod .desc{ display:none; }
	span.ftOverlay{ top:20%; }
	#home #content #eventsPod, 
	#home #content #newsPod{ width:90% !important; max-width:auto; display:block;  }  
	#home #eventsPod h1, 
	#home #newsPod  h1{ width:100%; }
	#home #content #eventsListing .newsItem .padder { margin: 0 0 0 76px; min-height: 92px;}
	#home #content #newsListing .newsItem  { padding:0; }
	#home #content #eventsPod { margin: 5px 4% 30px 4%; }
}
@media only screen and (max-width:740px) {  
	a.featPod{ width:31%; }
}		
@media only screen and (max-width:680px) {  
	a.featPod{ width:30%; margin-right:0; } 
	a.featPod img { display:none; } 
	a.featPod .title{ font-size:19px; }
	a.featPod .desc{ display:block; font-size:16px; }
	span.ftOverlay{ position:relative; margin:0 auto; left:auto; }
	a.featPod{ width:75%; margin-right:0; display:block; margin:0 auto; background-color: #545454; margin-bottom: 11px; border: 1px solid #000;}  
	a.featPod.last-child { margin-right: auto; }
	
 }	
 	
@media only screen and (max-width:560px) {  
	#home #content #newsPod .ie7 .btnBox .icon, 
	#home #content #newsPod .ie7 .btnBox .iconInline, 
	#home #content #newsPod .btnBox .icon:before, 
	#home #content #newsPod .btnBox .iconInline:before { display:block; } 
	#home #content #newsPod .btnBox { box-shadow:none;  } 
	#home #content #newsPod #newsListing .newsItem .padder p.desc { display:none; }
	#home #content #newsListing .newsItem a.imgThumb {  display:none; } 
	#home #content #eventsPod #eventsListing .newsItem.first-child .padder,
	#home #content #newsPod #newsListing .newsItem.first-child .padder {  padding-top:0px; }
	#home #content #newsPod #newsListing .newsItem .padder { margin: 0; padding: 20px 30px 10px 0; }
	#home #content #newsPod #newsListing .newsItem { margin: 0;  }
	#home #content #eventsPod { margin-top:0px; }
}
@media only screen and (max-width:500px) {  
	span.ftOverlay{ width:90%; }
	#home #content #eventsListing .newsItem .padder .title, 
	#home #content #eventsListing .newsItem .padder .title a, 
	#home #content #newsListing .newsItem .padder .title, 
	#home #content #newsListing .newsItem .padder .title a { 
		width: 100%;
	} 
	#home #content #newsListing .newsItem .btnBox{ display:block;right: 0; } 
	#neWrapper{ padding-bottom:0; }
	#home #eventsPod h1,
	#home #newsPod h1{
		margin-bottom:12px;	
	}
	
	#home #content #newsPod #newsListing .newsItem .padder h3.title { padding-bottom:10px; }
}
 
 
/* ================================================================================================== */
/* structure - BANNER */
/* ================================================================================================== */
 #home #banner,
 #banner{
	max-width:960px; width:auto;  
	display:block; 
	margin:0 auto; overflow:hidden; background-color:#333; height:auto; background-image:none;
 } 
  /* ------------------------------------------------------------------------------ */
  /* global */
 #banner { 
	position:absolute; top:0; right:0; width:800px; height:210px; overflow:hidden;
	background:#808080; 
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; }
	
	/* img */
	#banner > img { 
		display:block; width:100%; height:auto; margin:0; padding:0; }	
 	
	.ie9 #banner,
	.ie7 #banner{ margin-left:50%; left:-300px; }
	.ie9 #home #banner,
	.ie7 #home #banner{ margin-left:auto; left:auto; } 
	
	#imgMobile{ display:none; position:absolute; left:0; right:0; width:100%; height:294px; overflow:hidden;}
	#imgMobile img{ position:absolute; left:0; right:0; width:600px; height:auto; top:0; left:-300px; margin-left:50%;}
	
  /* ------------------------------------------------------------------------------ */
  /* home */ 
   #home #banner{ 
   		margin-top:26px;
   		position:relative;		
		-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.45);
		-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.45);
		box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.45);

   }
   #home #banner #slideshowHome .placeholder{
	   width:1300px; height:375px;
   }
   
   #home #banner .slide.mobile,
   #home #banner #slideshowHome, 
   #home #banner #slideshowHome .placeholder,
   #home #banner #slideshowHome .slide, 
   #home #banner #slideshowHome .slide img {
    display: block;
    height: auto !important;
    width: 100% !important;   
	} 
	
   #home #banner #slideshowHome{	
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;  
		border:3px solid #fff;
   }

   .ie7 #home #banner #slideshowHome{ border:0px; }	
	
   #home #banner .slide.mobile { display:none; position: absolute; }

/* ------------------------------------------------------------------------------ */
 /* Captions */ 
 	#home #banner #caption{
		position:absolute;
		display:block;
		bottom:19%; right:4%; margin-left:-460px;
		width:60%;
		max-width:500px;
		height:auto;
		text-align:right;
		z-index:10;	  
	}
	
	#banner #caption span.heading { 
		color: #FFFFFF;
		font-family: 'Raleway',serif;
		font-size: 65px; 
		font-weight: 600;
		line-height: 68px; 
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: right;
		text-transform: uppercase;
		text-shadow:0px -2px 8px rgba(0,0,0,0.3);
	}
	#banner #caption .detail {
		color: #FFFFFF;
		display: block;
		font-family: 'Noto Serif',serif;
		font-size: 23px;
		font-style: italic;
		font-weight: 400;
		height: auto;
		line-height: 35px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: right; 
		width: auto;
		text-shadow:0px 2px 8px rgba(0,0,0,0.7);
	}
	
 
/* ------------------------------------------------------------------------------ */
 /* Slideshow controlers */ 
	body#home #slideshowControls { 
		left:50%;
		margin-left:-40px;
		position: absolute;
		bottom: 12px;
		width: auto;
		z-index: 99;
	}
	body#home #slideshowControls .btnSlide {
		background-color:#fff;
		display: inline-block;
		height: 10px;
		width:10px;
		margin: 0 4px;
		padding: 0;
		text-align: center; 
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px; 
	}
	body#home #slideshowControls .btnSlide.activeSlide, 
	body#home #slideshowControls .btnSlide:hover {
		background-color:#666666;
	}
	body#home #slideshowControls .btnSlide span {
		display: none;
		text-align: left;
		text-indent: -999em;
	}
	.ie7 body#home #slideshowControls .btnSlide span {
		display: inline-block;
	}
 
@media only screen and (max-width:960px) {  
 	#home #banner #caption{ margin-left:0; bottom: 5%; }
	.ie9 #banner,
	.ie7 #banner{ margin-left:0; left:0; }
	#home #banner { right:0; margin:0; }
	/* shift banner towards center and remove round corners */
	#banner { right:36.25%; margin:0 -400px 0 0; /*border-radius*/-webkit-border-radius:0; border-radius:0; }
}
@media only screen and (max-width:800px) {

	/* updated to full width */
	#banner { position:relative; top:auto; right:auto; margin:0; width:100%; height:auto; }

}
@media only screen and (max-width:780px) {    
	#home #banner #slideshowHome .placeholder ,
	#home #banner #slideshowHome .slide img { width:150% !important; margin-left:-25%; } 
	#home #banner #caption,
	body#home #slideshowControls { display:none; }
}
@media only screen and (max-width:580px) {   
	#home #banner { margin-top:0; }
   #home #banner #slideshowHome { display:none; }
   #home #banner .slide.mobile { display:block; position: relative; }
   #home #banner .slide.mobile img{  max-width: 130%; height:auto; margin-left:-15%; }
}
@media only screen and (max-width:480px) {  
	#home #imgMobile{ display:block; }
} 


/* ==========================================================================
   structure - CONTENT SHELL
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#content { padding:27px 0 35px 0; }
	
	/* padder */
	#content > .padder {  
		overflow:hidden;
		background:#fff;
		/*border-radius*/-webkit-border-radius:5px; border-radius:5px;
		/*box-shadow*/-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.1); box-shadow:0px 0px 8px 0px rgba(0,0,0,0.1); }
	
	/* -------------------------------------------------------------------------- */
	/* common */
	#main,
	#aside,
	#content > .padder > .aside		{ position:relative; width:auto; height:auto; margin:0; padding:0; }
	
	/* -------------------------------------------------------------------------- */
	/* asideBg */
	#content > .padder > .asideBg 	{ position:absolute; height:100%; top:0; left:0; }
	
	/* -------------------------------------------------------------------------- */
	/* main */
	#main							{ width:76.75%; float:right; clear:right; min-height:400px; }
	#main 							{ margin-top:210px; }
	#main > .padder 				{ position:relative; width:auto; height:auto; margin:0; padding:4% 8% 8% 4%; }
		
	/* -------------------------------------------------------------------------- */
	/* aside */
	#aside,
	#content > .padder > .aside		{ 
		width:23.00%; float:left; clear:left;
		background:#fafafa;	border:1px solid #d9d9d9; border-top:none; border-bottom:none;
		/*border-radius*/-webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
	
/* -------------------------------------------------------------------------- */
/* content responsive */
@media only screen and (max-width:960px) {

	/* adjust gaps */
	#content { padding:0; }
	
	/* remove round corners */
	#content > .padder,
	#aside { /*border-radius*/-webkit-border-radius:0; border-radius:0; }
	
	/* remove side border */
	#aside,
	#content > .padder > .aside { border-left:none; }
	
	/* adjust grid */
	#main						{ width:72.25%; }
	#aside,
	#content > .padder > .aside	{ width:27.50%;	}

}
@media only screen and (max-width:800px) { 
	
	/* remove side border */
	#aside,
	#content > .padder > .aside { border-right:none; }
	
	/* adjust gaps */
	#main				{ margin:0; pdding:0; min-height:0; }
	#main > .padder		{ padding:4.5% 4.5% 2.25% 4.5%; }
	#aside 				{ padding:0; }
	
	/* stacking order */
	#main,
	#aside 				{ width:auto; float:none; clear:both; }
	
}
/* ================================================================================================== */
/* 17. section - NEWS & EVENTS 
/* ================================================================================================== */   
/* ------------------------------------------------------------------------------ */
/* container */
 #content #eventsListing,
 #content #newsListing { overflow:visible;} 
 	#content #eventsListing .newsItem,
	#content #newsListing .newsItem {overflow:visible;border-bottom:1px solid #bcbcbc; margin:15px 0 0 0; min-height: 140px; position: relative;} 
	
	/*For Events*/ 
 	#content #eventsListing,.eventsListing .newsItem { min-height: 116px; }
	
	#content #eventsListing .newsItem.first-child,
	#content #newsListing .newsItem.first-child{ margin-top:10px !important;}
	#content #eventsListing .newsItem.last-child,
	#content #newsListing .newsItem.last-child{border-bottom:none !important;}
	#content #newsListing .newsItem a.imgThumb{ display:block; margin: 0; padding:0; } 
	#content #newsListing .newsItem .imgThumb img{ display:block; width:228px; height:144px; margin:0; padding:0; position:absolute; }
	#content #eventsListing .newsItem .padder,
	#content #newsListing .newsItem .padder { position:relative; margin:0 0 0 260px; padding: 0 0 2%; overflow:hidden; }
	/*For Events*/
	#content #eventsListing .newsItem .padder { position:relative; min-height:auto; margin:0 0 0 80px ; padding: 0 0; overflow:hidden; }

	#content #eventsListing .newsItem .dateTag,
	#content #newsListing .newsItem .dateTag { 
			font-family: 'Noto Serif',serif;
			padding:0; 
			font-size:12px;
			margin:0;
			color:#000;  
			font-weight:700;
	} 
	/* title */
	#content #eventsListing .newsItem .padder .title,
	#content #eventsListing .newsItem .padder .title a,
	#content #newsListing .newsItem .padder .title,
	#content #newsListing .newsItem .padder .title a { 
		display:block; margin:0px 0 7px; padding:0; overflow:hidden;
		color:#777 ; text-decoration:none!important;
		font-size:18px; font-weight:normal; line-height:21px; width: 100%;}	
		
	#home #eventsListing .newsItem .padder .title,
	#home #eventsListing .newsItem .padder .title a,
	#home #newsListing .newsItem .padder .title,
	#home #newsListing .newsItem .padder .title a {
		margin-bottom:2px;
	}
	
	.no-touch #content #eventsListing .newsItem .padder .title a:hover,
	.no-touch #content #eventsListing .newsItem .padder .title a:focus,
	.touch #content #eventsListing .newsItem .padder .title a:active,	
	.no-touch #content #newsListing .newsItem .padder .title a:hover,
	.no-touch #content #newsListing .newsItem .padder .title a:focus,
	.touch #content #newsListing .newsItem .padder .title a:active { color:#333333; text-decoration:underline !important; }
		
	/* desc */
	#content #eventsListing .newsItem .padder .desc { 
		display:block; margin:0; overflow:hidden; }
	#home #eventsListing .newsItem .padder .desc { padding:0 0 20px 0; }
		
  /*Date Styling*/
	#content #eventsListing.eventsListing .newsItem
	#content #newsListing.eventsListing .newsItem { position:relative; }
	#content #eventsListing .newsItem  .eventDate { 
		display: block;
		height: auto;
		left: 0;
		overflow: hidden;
		position: absolute;
		text-align: left;
		top: -2px;
		width: 56px;
		background:url(../../custom/date-stamp.png) 0 0 no-repeat ;
	} 
	#content #eventsListing .newsItem  .eventDate .d {
		color: #000;
		font-family: 'Noto Serif',serif;
		display: block; 
		font-size: 30px;
		font-weight: normal;
		height: 47px;
		line-height: 54px;
		padding: 0; 
		text-align:center;
	} 
	#content #eventsListing .newsItem  .eventDate .m {
		color: #434244;
		font-family: 'Noto Serif',serif;
		width:56px;
		text-align:center;
		font-weight:700;
		display: block; 
		font-size: 15px;
		line-height: 30px; 
		padding-top: 4px;
		margin:0 auto;
		text-transform: uppercase;
	} 
	#content #eventsListing .newsItem  .eventDate .y {
		color: #656565;
		display: block; 
		font-size: 12px;
		font-weight: normal;
		line-height: 13px;
		width:56px;
		text-align:center;
	} 
/*@media only screen and (max-width:800px) {
	#content #eventsListing .newsItem , 
	#content #newsListing .newsItem { min-height: auto !important;} 
 } */
@media only screen and (max-width:500px) {  
	/* ------------------------------------------------------------------------------ */
	/* convert to stacking order */ 
	/* ------------------------------------------------------------------------------ */
	/* newsListing full */
	#content #eventsListing,
	#content #newsListing { 
		position:relative; top:auto; right:auto; width:auto;  padding:0; width:100%; height:auto; }
		
	/* ie7 stacking order fix */
	.ie7 #content #eventsListing, 
	.ie7 #content #eventsListing .newsItem ,
	.ie7 #content #newsListing, 
	.ie7 #content #newsListing .newsItem { background:none!important;-ms-filter:none!important; filter:none!important; } 
	
	/* btnBox */
	#content #eventsListing .newsItem .padder .btnBox,
	#content #newsListing .newsItem .padder .btnBox {  
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(enabled='false')!important;
		filter:progid:DXImageTransform.Microsoft.gradient(enabled='false')!important;
		zoom:1; } 
			/* extra - show */
			 #content #eventsListing .header .extra,
			 #content #newsListing .header .extra { display:inline; }		

		/* controls - hide */
		 #content #eventsListing .controls, 
		 #content #newsListing .controls { display:none; }
		
		/* newsItem - reset to full stacking order */
		 #content #eventsListing .newsItem,
		 #content #newsListing .newsItem { 
			margin:0; padding:10px 0 5px 0; overflow:hidden; min-height:90px;
			/*override cycle styles*/
			display:block!important; position:relative!important; top:auto!important; left:auto!important; width:auto!important; height:auto!important; opacity:1!important;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
			filter:alpha(opacity=100)!important;float:none !important; }
		 #content #eventsListing .header + .newsItem,
		 #content #newsListing .header + .newsItem { border-top:0; }
		/*body#home #content #newsListing .header + .newsItem + .newsItem + .newsItem { border-bottom:0; }*/
		
		  #content #eventsListing .newsItem { padding:3px 0; min-height:100px; }
		  #content #eventsListing .newsItem .eventDate{ top:3px; }
		  #content #eventsListing .newsItem .btnBox{ top: 33% !important; }
		  
			/* dateTag - hide */
			 #content #eventsListing .newsItem .dateTag, 
			 #content #newsListing .newsItem .dateTag { display:block; }

			/* imgThumb */
			 #content #eventsListing .newsItem .imgThumb,
			 #content #eventsListing .newsItem .imgThumb img,
			 #content #newsListing .newsItem .imgThumb,
			 #content #newsListing .newsItem .imgThumb img { width:130px; height:auto}
			 #content #eventsListing .newsItem .imgThumb,
			 #content #newsListing .newsItem .imgThumb { float:left; clear:left;margin: 10px 0 0 15px; width:auto}
			
			/* ------------------------------------------------------------------------------ */
			/* padder */
			 #content #newsListing .newsItem .padder {	width:auto; margin:0; padding:2.5% 30px 2.5% 150px; float:none; clear:none; }
				
				/* date */
				 #content #eventsListing .newsItem .padder .date { display:block; }
				 #content #eventsListing .newsItem .eventDate { top: 8px; }
				/* title */ 
				
				/* desc */
				 #content #eventsListing .newsItem .padder .desc,
				 #content #newsListing .newsItem .padder .desc { display:none; }
				 #home #content #eventsListing .newsItem .padder .desc,
				 #home #content #newsListing .newsItem .padder .desc { display:block; }
				
				/* btnBox */
				 #content #eventsListing .newsItem .padder .btnBox,
				 #content #newsListing .newsItem .padder .btnBox { 
					display:block; position:absolute; top:33%; right:4%; width:16px; height:24px; margin:0 0 0 0; padding:0;
					background:none; }
					.ie8 #content #eventsListing .newsItem .padder .btnBox,
					.ie8 #content #newsListing .newsItem .padder .btnBox{ right:2%; }
					
					 #content #eventsListing .newsItem .padder .btnBox .icon,
					 #content #newsListing .newsItem .padder .btnBox .icon{ 
					 font-size:24px !important; }
					
					/* label */
					 #content #eventsListing .newsItem .padder .btnBox .label,
					 #content #newsListing .newsItem .padder .btnBox .label { display:none; }
					
					/* icon */
					 #content #eventsListing .newsItem .padder .btnBox .icon,
					 #content #newsListing .newsItem .padder .btnBox .icon { 
						display:block; top:0;  width:16px; height:24px; margin:0; padding:0;
						color:#999; font-size:16px; line-height:27px; }
					.no-touch #content #eventsListing .newsItem:hover .padder .btnBox .icon,
					.no-touch #content #eventsListing .newsItem:focus .padder .btnBox .icon,
					.touch #content #eventsListing .newsItem:active .padder .btnBox .icon,
					.no-touch #content #newsListing .newsItem:hover .padder .btnBox .icon,
					.no-touch #content #newsListing .newsItem:focus .padder .btnBox .icon,
					.touch #content #newsListing .newsItem:active .padder .btnBox .icon { color:#666; } 
} 

@media only screen and (max-width:420px) {  
			 #content #eventsListing .newsItem .imgThumb img,
			 #content #newsListing .newsItem .imgThumb img{ display:none;} 
			 
			 #content #eventsListing .newsItem .padder,
			 #content #newsListing .newsItem .padder{ padding-left: 0px; } 
			 #content #eventsListing .newsItem { min-height: 110px !important; }
}

/* ==========================================================================
   structure - FOOTER
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#footer { 
	margin-top:4px;
	background:#0e0e0e url(../img/bg-megafooter.jpg) center top no-repeat; }
	
	/* padder */
	#footer > .padder { width:93.75%; max-width:900px; }
	
	/* decor */
	#footer:before { 
		content:'';
		display:block; position:absolute; top:-4px; left:0; width:100%; height:3px; margin:0; padding:0; overflow:hidden;
		border-top:1px dotted #8a8a8a;
		font-size:0; line-height:0; }
	
	/* -------------------------------------------------------------------------- */
	/* footerInfo */
	#footerInfo { 
		position:relative; width:60%; height:auto; margin:0; padding:25px 0 20px 0; overflow:hidden; float:left; clear:left;
		color:#fff; font-size:13px; font-weight:400; line-height:20px;
		/*opacity*/
		opacity:0.8;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter:alpha(opacity=80); }
		
		/* a */
		#footerInfo a 			{ color:#fff; text-decoration:none; }
		#footerInfo a:hover,
		#footerInfo a:focus,
		#footerInfo a:active 	{ color:#fff; text-decoration:underline; }
		
		/* p */
		#footerInfo p { margin:0; }
		
		/* title */
		#footerInfo .title { 
			margin:0 0 15px 0; text-transform:uppercase; letter-spacing:1px;
			font-family:'Noto Serif',serif; font-size:17px; font-weight:700; }
		#footerInfo .title .highlight { 
			color:#ddd; font-family:'Open Sans',sans-serif; font-weight:700; }
		#footerInfo p:nth-child(3) { display:inline-block; }
		#footerInfo p:nth-child(4) { display:inline-block; margin-left:15px; }
	
	/* -------------------------------------------------------------------------- */
	/* footerSocial */
	#footerSocial { 
		width:38%; height:auto; margin:0; padding:25px 0 20px 0; overflow:hidden; float:right; clear:right;
		text-align:right; }		
		
		/* btnIcno */
		#footerSocial .btnIcon { 
			margin:10px 0 0 10px;
			/*opacity*/
			opacity:0.3;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter:alpha(opacity=30);
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:all 0.3s ease-in-out;
			-moz-transition:all 0.3s ease-in-out;
			-o-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out; }
		#footerSocial .btnIcon:hover,
		#footerSocial .btnIcon:focus,
		#footerSocial .btnIcon:active { 
			/*opacity*/
			opacity:0.8;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80); }
		
	/* -------------------------------------------------------------------------- */
	/* footerLinks */
	#footerLinks { 
		width:80%; float:none; clear:both; 
		border-top:1px solid #fff;
		/*opacity*/
		opacity:0.4;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		filter:alpha(opacity=40); }
	
	/* common */
	#footerLinks,
	#footerLinks li { 
		list-style:none; margin:0; padding:0;
		color:#fff; 
		font-size:12px; font-weight:400; line-height:1em; }
	
	/* container */
	#footerLinks { padding:16px 20% 17px 0; }
	
		/* li */
		#footerLinks li { 
			margin-left:10px; padding-left:10px; float:left; 
			border-left:1px solid #ccc;
			font-family:'Noto Serif',serif; font-size:12px; font-weight:400; font-style:italic; }
		#footerLinks li:first-child { 
			margin:0; padding:0; border:none; }
			
			/* a */
			#footerLinks a 			{ color:#fff; text-decoration:none; }
			#footerLinks a:hover,
			#footerLinks a:focus,
			#footerLinks a:active 	{ color:#fff; text-decoration:underline; }
			
	/* -------------------------------------------------------------------------- */
	/* btnFW */
	#btnFW { 
		display:block; position:absolute; bottom:13px; right:0; width:150px; height:20px; margin:-10px 0 0 0; padding:0; overflow:hidden;
		background:url(../img/btn-fw.png) right center no-repeat; border:none;
		/*opacity*/opacity:0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40);
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:opacity 0.3s ease-in-out;
		-moz-transition:opacity 0.3s ease-in-out;
		-o-transition:opacity 0.3s ease-in-out;
		transition:opacity 0.3s ease-in-out; }
	#btnFW:hover,
	#btnFW:focus { 
		/*opacity*/opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); }
	
/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:960px) { 
	
	/* remove top decor */
	#footer { margin-top:0; }
	#footer:before { display:none; }

}
@media only screen and (max-width:750px) {
	
	/* remove side gaps */
	#footer > .padder { width:auto; }
	
	/* stack info and social and center align */
	#footerInfo,
	#footerSocial { float:none; clear:both; width:auto; text-align:center; margin:20px 0; padding:0; }
	#footerSocial .btnIcon { margin:0px 5px; }
	
	/* switch from left to center align */
	#footerLinks 			{ width:auto; max-width:auto; margin:0; padding-right:0; text-align:center;border: none; }
	#footerLinks li 		{ display:inline-block; width:auto; float:none; clear:both;  }
	
	/* break from 2nd item */
	#footerLinks li:first-child 		{ display:block; padding:0 0 1em 0; }
	#footerLinks li:first-child + li 	{ margin:0; padding:0; border:none; }
	
	/* ie7 fallback */
	.ie7 #footerLinks li 	{ display:block; width:auto; margin:0; padding:0; border:none; }
	
	/* switch btnFw to natural flow */
	#btnFW { 
		position:static; top:auto; right:auto; width:100%; height:50px; margin:0 auto;
		background-position:center center; }
}


/* ==========================================================================
   structure - COLUMNS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* columns common */
.colFull,
.col2a,
.col2b,
.col3a,
.col3b,
.col3c { display:block; position:relative; height:auto; margin:0; padding:0; overflow:visible; }

/* -------------------------------------------------------------------------- */
/* contentViewport */
.colFull .contentViewport,
.col2a   .contentViewport,
.col2b   .contentViewport,
.col3a   .contentViewport,
.col3b   .contentViewport,
.col3c   .contentViewport { width:auto; }
	
/* -------------------------------------------------------------------------- */
/* colFull */
.colFull { width:auto; float:none; clear:both; }
	
/* -------------------------------------------------------------------------- */
/* col2 */
.col2a,
.col2b { width:47%; }
.col2a { float:left; clear:left; }
.col2b { float:right; clear:right; }

/* -------------------------------------------------------------------------- */
/* col3 */
.col3a,
.col3b,
.col3c	 			{ width:29.6%; }
.col3a	 			{ float:left; clear:left; }
.col3b,
.formView .col3b	{ float:left; clear:none; margin-left:5.6%; }
.col3c 				{ float:right; clear:right; }

/* -------------------------------------------------------------------------- */
/* columns responsive */
@media only screen and (max-width:500px) {

	/* -------------------------------------------------------------------------- */
	/* content */
	
	/* make col2 stacking */
	.col2a,
	.col2b { width:auto; float:none; clear:both; }

	/* make col3 stacking */
	.col3a,
	.col3b,
	.col3c { width:auto; margin-left:0; float:none; clear:both; }
	
	/* col2Important */
	.col2Important.col2a,
	.col2Important.col2b { width:47.75%; }
	.col2Important.col2a { float:left; clear:left; }
	.col2Important.col2b { float:right; clear:right; }
	
	/* col3Important */
	.col3Important.col3a,
	.col3Important.col3b, 	
	.col3Important.col3c { width:29.6%; }
	.col3Important.col3a { float:left; clear:left; }
	.col3Important.col3b { float:left; clear:none; margin-left:5.6%;  }
	.col3Important.col3c { float:right; clear:right; }
	
	/* -------------------------------------------------------------------------- */
	/* form */
	
	/* make formview col2 stacking */
	.formView .col2,
	.formView .col2a,
	.formView .col2b { width:auto; float:none; clear:both; }
	
	/* make formview col3 stacking */
	.formView .col3,
	.formView .col3a,
	.formView .col3b,
	.formView .col3c { width:auto; margin-left:0; float:none; clear:both; }

	/* formview col2Important */
	.formView .col2Important 		{ width:47.75%; }
	.formView .col2Important.col2a 	{ float:left; clear:left; }
	.formView .col2Important.col2b 	{ float:right; clear:right; }
	
	/* formview col3Important */
	.formView .col3Important 		{ width:29.6%; }
	.formView .col3Important.col3a 	{ float:left; clear:left; }
	.formView .col3Important.col3b 	{ float:left; clear:none; margin-left:5.6%;  }
	.formView .col3Important.col3c 	{ float:right; clear:right; }

}


/* ==========================================================================
   common - SYSMSG
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
.sysmsg { 
	position:relative; width:auto; height:auto; margin:0; padding:20px 25px 17px 25px; overflow:hidden;
	color:#fff; background:#fff; text-align:center; 
	font-size:15px; font-weight:400; line-height:24px; }
	
	/* common */
	.sysmsg h3,
	.sysmsg h4,
	.sysmsg p,
	.sysmsg li 	{ margin:0; padding:0 0 8px 0; }
	
	/* custom */
	.sysmsg h3,
	.sysmsg h4 	{ font-size:16px; font-weight:700; }
	.sysmsg a	{ text-decoration:underline; }
		
/* extend */
.sysmsgSuccess 	{ background:#9dba32; }
.sysmsgError 	{ background:#e94b35; }


/* ==========================================================================
   common - FORM
   ========================================================================== */


/* ==========================================================================
   common - ITEMS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* default */
.item { 
	display:block; position:relative; width:auto; height:auto; margin:0 0 24px 0; padding:0; overflow:hidden;
	background:#fff; }
.item a,
.item a:hover,
.item a:focus,
.item a:active { 
	text-decoration:none; outline:0 none; cursor:pointer; }

	/* -------------------------------------------------------------------------- */
	/* common */
	.item > a,
	.item > img,
	.item > span,
	.item > div { display:block; position:relative; }
	
	/* -------------------------------------------------------------------------- */
	/* imgThumb */
	.item .imgThumb { 
		width:100%; height:auto; margin:0 auto; padding:0; overflow:hidden;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:opacity 0.3s ease-in-out;
		-moz-transition:opacity 0.3s ease-in-out;
		-o-transition:opacity 0.3s ease-in-out;
		transition:opacity 0.3s ease-in-out; }
	
	/* interaction */
	.item a:hover .imgThumb,
	.item a:focus .imgThumb,
	.item a:active .imgThumb { 
		/*opacity*/
		opacity:0.4;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		filter:alpha(opacity=40); }
		
	/* imgThumbOver */
	.item a .imgThumb + .imgThumbOver { 
		display:block; position:absolute; top:0; left:0; width:100%; height:0; margin:0; padding:73.33% 0 0 0; overflow:hidden;
		background:url(../img/bg-icon-play.png) center center no-repeat; 
		font-size:0; line-height:0; }
		
	/* -------------------------------------------------------------------------- */
	/* padder */
	.item .padder {
		display:block; position:relative; width:auto; height:auto; margin:0; padding:20px 25px 10px 25px; overflow:hidden; }
	.item > .content + .padder { 
		padding-top:0; }
	
	/* -------------------------------------------------------------------------- */		
	/* title */
	.item .title { 
		display:block; padding:0 0 10px 0; 
		color:#333; font-size:18px; font-weight:700; line-height:22px;
		text-decoration:none; }
	.item a:hover .title,
	.item a:focus .title,
	.item a:active .title { 
		text-decoration:underline; }
		
	/* -------------------------------------------------------------------------- */		
	/* p */
	.item .p { 
		display:block; padding:0 0 10px 0; 
		color:#333; 
		font-size:15px; font-weight:400; line-height:22px; }
 

/* ==========================================================================
   common - ITEMLIST
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
.itemList { 
	position:relative; margin:0 0 16px 0; padding:0; overflow:hidden; }

/* -------------------------------------------------------------------------- */
/* extend - event */
.itemList.event { 
	position:relative; margin:0 0 16px 0; padding:0; overflow:hidden; }
 

/* ==========================================================================
   common - ICONS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* common */
.icon, .iconInline { 
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out; }

/* -------------------------------------------------------------------------- */
/* icon */
.icon { position:absolute; text-align:center; }

/* -------------------------------------------------------------------------- */
/* iconInline */	
.iconInline 			{ display:inline-block; position:relative; padding:0 7px; vertical-align:middle; }
.iconInline.left 		{ padding-left:0; text-align:left; }
.iconInline.right		{ padding-right:0; text-align:right; }

/* -------------------------------------------------------------------------- */
/* sizes */
.ie7 .icon.sz1, .ie7 .iconInline.sz1,
.icon.sz1:before, .iconInline.sz1:before { font-size:7px!important; }
.ie7 .icon.sz2, .ie7 .iconInline.sz2,
.icon.sz2:before, .iconInline.sz2:before { font-size:14px!important; }
.ie7 .icon.sz3, .ie7 .iconInline.sz3,
.icon.sz3:before, .iconInline.sz3:before { font-size:21px!important; }
.ie7 .icon.sz4, .ie7 .iconInline.sz4,
.icon.sz4:before, .iconInline.sz4:before { font-size:28px!important; }
.ie7 .icon.sz5, .ie7 .iconInline.sz5,
.icon.sz5:before, .iconInline.sz5:before { font-size:35px!important; }

/* -------------------------------------------------------------------------- */
/* circle */
.icon.circle, 
.iconInline.circle { 
	padding:0; text-align:center; 
	/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.iconInline.circle.left  { margin-right:8px; }
.iconInline.circle.right { margin-left:8px; }


/* ==========================================================================
   common - BUTTONS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* btnIcon */
.btnIcon { 
	display:inline-block; position:relative; width:36px; height:36px; margin:0 5px; padding:0; overflow:hidden;
	color:#000; background:#fff; 
	font-weight:400; font-size:21px; line-height:36px; 
	text-decoration:none!important; outline:0 none!important; cursor:pointer;
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	-o-transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out; }
.btnIcon.left { margin-left:0; }
.btnIcon.right { margin-right:0; }

/* interaction */
.btnIcon:hover,
.btnIcon:focus,
.btnIcon:active { 
	background:#e4e4e4; } 

	/* icon */
	.btnIcon .icon { 
		top:0; left:0; width:100%; height:100%;
		color:#000!important; font-size:0; line-height:0; }
	.ie7 .btnIcon .icon,
	.btnIcon .icon:before { 
		font-size:21px; line-height:36px; }
		
/* -------------------------------------------------------------------------- */
/* btnIcon.circle */
.btnIcon.circle { 
	/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }


/* ==========================================================================
   common - BG
   ========================================================================== */
.bgShade { 
	display:block; position:absolute; margin:0; padding:0; overflow:hidden;
	/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }


/* ==========================================================================
   common - FLASHCONTAINER
   ========================================================================== */
.flashContainer { 
	position:relative; width:100%; height:auto; margin:0; padding:0; overflow:hidden;
	background:#000; }
	
.noFlashMsg { 
	position:relative; width:60%; max-width:600px; height:auto; margin:10% auto; padding:0; overflow:hidden;
	color:#fff;
	font-size:18px; font-weight:700; line-height:24px; text-align:center; }


/* ==========================================================================
   section - HOME
   ========================================================================== */
body#home .btnText, 
body#home .btnText .label{
		font-style:normal;  
		display:block; bottom: 3px; font-size: 13px;
}

.ie7 body#home .btnText, 
.ie7 body#home .btnText .label{
		font-style:italic; padding-left:2px !important;
		display:inline; bottom: -9px; font-size: 13px; 
}

/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:960px) {
	

}
   
   
/* ==========================================================================
   Common Styles
   Author: JX 20120127
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* text style */
.txtUpperCase       { text-transform:uppercase!important; }
.txtLowerCase       { text-transform:lowercase!important; }
.txtNormal	      	{ font-weight:normal!important; }
.txtBold	      	{ font-weight:bold!important; }

/* -------------------------------------------------------------------------- */
/* layout */
.posFix             { position:fixed!important; }
.posAbs             { position:absolute!important; }
.posRel             { position:relative!important; }

.mcenter            { margin-left:auto!important; margin-right:auto!important; }
.acenter            { text-align:center!important; }
.aleft  	        { text-align:left!important; }
.aright	    	    { text-align:right!important; }

.whitespaceNowrap	{ white-space:nowrap!important; }
.whitespaceNormal	{ white-space:normal!important; }

.dispInline         { display:inline!important; }
.dispInlineBlock    { display:inline-block!important; }
.dispBlock          { display:block!important; }
.dispNone          	{ display:none!important; }

.overflowVis        { overflow:visible!important; }
.overflowHid        { overflow:hidden!important; }

.fleft              { float:left!important; }
.fright             { float:right!important; }
.fnone              { float:none!important; }
.cleft              { clear:left!important; }
.cright             { clear:right!important; }
.cboth              { clear:both!important; }

/* -------------------------------------------------------------------------- */
/* margin */
.mgnNone            { margin:0!important; }

.-mgnTop5            { margin-top:-5px!important; }
.-mgnTop10           { margin-top:-10px!important; }
.-mgnTop15           { margin-top:-15px!important; }
.-mgnTop20           { margin-top:-20px!important; }
.-mgnTop25           { margin-top:-25px!important; }
.-mgnTop30           { margin-top:-30px!important; }
.-mgnTop35           { margin-top:-35px!important; }
.-mgnTop40           { margin-top:-40px!important; }
.-mgnTop45           { margin-top:-45px!important; }
.-mgnTop50           { margin-top:-50px!important; }

.mgnTop0            { margin-top:0px!important; }
.mgnTop5            { margin-top:5px!important; }
.mgnTop10           { margin-top:10px!important; }
.mgnTop15           { margin-top:15px!important; }
.mgnTop20           { margin-top:20px!important; }
.mgnTop25           { margin-top:25px!important; }
.mgnTop30           { margin-top:30px!important; }
.mgnTop35           { margin-top:35px!important; }
.mgnTop40           { margin-top:40px!important; }
.mgnTop45           { margin-top:45px!important; }
.mgnTop50           { margin-top:50px!important; }

.mgnBtm0            { margin-bottom:0px!important; }
.mgnBtm5            { margin-bottom:5px!important; }
.mgnBtm10           { margin-bottom:10px!important; }
.mgnBtm15           { margin-bottom:15px!important; }
.mgnBtm20           { margin-bottom:20px!important; }
.mgnBtm25           { margin-bottom:25px!important; }
.mgnBtm30           { margin-bottom:30px!important; }
.mgnBtm35           { margin-bottom:35px!important; }
.mgnBtm40           { margin-bottom:40px!important; }
.mgnBtm45           { margin-bottom:45px!important; }
.mgnBtm50           { margin-bottom:50px!important; }

.mgnLft0            { margin-left:0px!important; }
.mgnLft5            { margin-left:5px!important; }
.mgnLft10           { margin-left:10px!important; }
.mgnLft15           { margin-left:15px!important; }
.mgnLft20           { margin-left:20px!important; }
.mgnLft25           { margin-left:25px!important; }
.mgnLft30           { margin-left:30px!important; }
.mgnLft35           { margin-left:35px!important; }
.mgnLft40           { margin-left:40px!important; }
.mgnLft45           { margin-left:45px!important; }
.mgnLft50           { margin-left:50px!important; }

.mgnRgt0            { margin-right:0px!important; }
.mgnRgt5            { margin-right:5px!important; }
.mgnRgt10           { margin-right:10px!important; }
.mgnRgt15           { margin-right:15px!important; }
.mgnRgt20           { margin-right:20px!important; }
.mgnRgt25           { margin-right:25px!important; }
.mgnRgt30           { margin-right:30px!important; }
.mgnRgt35           { margin-right:35px!important; }
.mgnRgt40           { margin-right:40px!important; }
.mgnRgt45           { margin-right:45px!important; }
.mgnRgt50           { margin-right:50px!important; }

/* -------------------------------------------------------------------------- */
/* padding */
.padNone            { padding:0!important; }

.padTop0            { padding-top:0px!important; }
.padTop5            { padding-top:5px!important; }
.padTop10           { padding-top:10px!important; }
.padTop15           { padding-top:15px!important; }
.padTop20           { padding-top:20px!important; }
.padTop25           { padding-top:25px!important; }
.padTop30           { padding-top:30px!important; }
.padTop35           { padding-top:35px!important; }
.padTop40           { padding-top:40px!important; }
.padTop45           { padding-top:45px!important; }
.padTop50           { padding-top:50px!important; }

.padBtm0            { padding-bottom:0px!important; }
.padBtm5            { padding-bottom:5px!important; }
.padBtm10           { padding-bottom:10px!important; }
.padBtm15           { padding-bottom:15px!important; }
.padBtm20           { padding-bottom:20px!important; }
.padBtm25           { padding-bottom:25px!important; }
.padBtm30           { padding-bottom:30px!important; }
.padBtm35           { padding-bottom:35px!important; }
.padBtm40           { padding-bottom:40px!important; }
.padBtm45           { padding-bottom:45px!important; }
.padBtm50           { padding-bottom:50px!important; }

.padLft0            { padding-left:0px!important; }
.padLft5            { padding-left:5px!important; }
.padLft10           { padding-left:10px!important; }
.padLft15           { padding-left:15px!important; }
.padLft20           { padding-left:20px!important; }
.padLft25           { padding-left:25px!important; }
.padLft30           { padding-left:30px!important; }
.padLft35           { padding-left:35px!important; }
.padLft40           { padding-left:40px!important; }
.padLft45           { padding-left:45px!important; }
.padLft50           { padding-left:50px!important; }

.padRgt0            { padding-right:0px!important; }
.padRgt5            { padding-right:5px!important; }
.padRgt10           { padding-right:10px!important; }
.padRgt15           { padding-right:15px!important; }
.padRgt20           { padding-right:20px!important; }
.padRgt25           { padding-right:25px!important; }
.padRgt30           { padding-right:30px!important; }
.padRgt35           { padding-right:35px!important; }
.padRgt40           { padding-right:40px!important; }
.padRgt45           { padding-right:45px!important; }
.padRgt50           { padding-right:50px!important; }


/* ==========================================================================
   Helper classes
   Author: JX 20120127 (Adapted from HTML5 Boilerplate 4)
   ========================================================================== */

/* Image replacement */
.ir { background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px;/* IE 6/7 fallback */ }
.ir:before { content:""; display:block; width:0; height:150%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display:none!important; visibility:hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; border:0; clip:rect(0 0 0 0); }

/* Extends the .visuallyhidden class to allow the element to be focusable
   when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility:hidden; }

/* Clearfix */
.clearfix:before,
.clearfix:after { content:" "; /* 1 */ display:table; /* 2 */ }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; } /* For IE 6/7 only */

/* Clearer */
.clearer { float:none; clear:both; height:0; line-height:0; overflow:hidden; visibility:hidden; }
.clear { clear:both; }


/* ==========================================================================
   Debug Styles
   Author: JX 20120127
   ========================================================================== */

/* common */
.debug code         { display:inline-block; margin:0 0 20px 0; padding:0 10px; clear:both;
                      color:#fff; background:#CC9; text-shadow:0 1px 0px rgba(0,0,0,0.2);
                      font-size:11px; font-weight:bold; line-height:20px; 
                      border-radius:10px;   box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); }
.debug h1,
.debug h2,
.debug h3,
.debug h4,
.debug h5           { background-color:rgba(0,255,0,0.1);   outline:1px solid green; }
.debug p,
.debug li           { background-color:rgba(255,255,0,0.1); outline:1px solid gold;  }
.debug a            { background-color:rgba(0,0,255,0.1);   outline:1px solid blue;  }
.debug span,
.debug i            { background-color:rgba(255,0,0,0.1);   outline:1px solid red;   }
.debug div          { background-color:rgba(0,0,0,0);       outline:1px solid #0ff;  }

/* IE fallback */
.oldie.debug h1,
.oldie.debug h2,
.oldie.debug h3,
.oldie.debug h4,
.oldie.debug h5 { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1900FF00, endColorstr=#1900FF00);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1900FF00, endColorstr=#1900FF00);
    zoom:1; }
.oldie.debug p,
.oldie.debug li { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFF00, endColorstr=#19FFFF00);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFF00, endColorstr=#19FFFF00);
    zoom:1; }
.oldie.debug a  { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#190000FF, endColorstr=#190000FF);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#190000FF, endColorstr=#190000FF);
    zoom:1; }
.oldie.debug span,
.oldie.debug i  { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FF0000, endColorstr=#19FF0000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FF0000, endColorstr=#19FF0000);
    zoom:1; }
.oldie.debug div { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000, endColorstr=#07000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000, endColorstr=#07000000);
    zoom:1; }

/* debugInfo */
#debugInfo {
    position:fixed; top:0; left:0; width:auto; height:30px; margin:0; padding:0 10px; overflow:hidden; z-index:10000;
    color:#ff0; background:rgba(0,0,0,0.7);
    font-size:12px; font-weight:bold; line-height:30px; text-align:center; text-transform:uppercase; }
#debugInfo:before   { content:''; }
#debugInfo:after    { content:'w: 'attr(data-width); } /*popped by JS*/
.oldie #debugInfo   { background:#000; }


/* ==========================================================================
   Media Queries Examples
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}



/* ==========================================================================
   template A Specifix
   ========================================================================== */
 #sideNav li.selected > a .icon,
#sideNav > li.selected a.selected > .icon{ display:none; }
#sideNav li.selected ul li a > .icon{ display:block !important; }
 
 .no-touch body#home.skinned .newsItem .btnText:hover .icon,
body#home.skinned .newsItem .btnText:hover .label { text-decoration:none !important; }


@media only screen and (max-width: 970px){
	.ie7 #home #content #eventsPod {
		max-width:100% !important;
	} 
}


/* ==========================================================================
   DBB footer logo
   ========================================================================== */

.dbbLogo			{ display:none; }

body.dbb .dbbLogo	{ display:block;
					  width:100%;
					  height:auto;
					  max-width:262px;
					  max-height:76px;
					  position:absolute;
					  float:right;
					  clear:right;
					  top: 20px;
					  right: 0;
					}

body.dbb #footerSocial {
    float:left;
	left:0; right:auto;
	clear:left; 
	text-align:left;
	padding: 15px 0 10px 0;
}

body.dbb #footerInfo { padding: 5px 0 15px 0; }

body.dbb #footerInfo .title { margin: 0px 0 5px 0; }

#footerBase{
	width:100%;
	height:auto;
	background-color:#210d08;	
	padding:0;
}

#footerBase #footerContainer{ 
	max-width:900px;
	display:block;
	width:100%; height:auto;
	position:relative; 
	margin:0 auto;}
	
#footerBase #footerLinks {
	border-top-color: transparent;	
}

@media only screen and (max-width: 750px){
	body.dbb .dbbLogo { display:none; }
	body.dbb #footerSocial {
		float: none;
		clear: both;
		width: auto;
		text-align: center;
		margin: 20px 0;
		padding: 0;
	}
}


/* ==========================================================================
   DEBUG INFO
   ========================================================================== */
#debugInfo { display:none; }