@charset "utf-8";

/* Normalisation Adapted from HTML5 Boilerplate 2 (20120508 JX) */   
/* =============================================================================
   Base - Customise
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.538; }
body, button, input, select, textarea { font-family: Arial,Helvetica,sans-serif; color: #222; }
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Customize the background color to match your design
 */
::-moz-selection { background: #222; /*dark*/ color: #fff; text-shadow: none; }
::selection { background: #222; /*dark*/ color: #fff; text-shadow: none; }
/* =============================================================================
   Links - Customise
   ========================================================================== */
a 			{ color: #1c408b; /*blue*/ } 
a:visited 	{ color: #1c408b; /*blue*/ }
a:hover 	{ color: #178db5; /*green*/ text-decoration:underline; }
a:focus 	{ color: #178db5; /*green*/ outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* CSS3 transitions on links */
a {
	/* Firefox 4 */
	-moz-transition-property:color,background-color,border-color;
	-moz-transition-duration:0.2s;
	-moz-transition-timing-function:ease-in-out;
	-moz-transition-delay:0s;
	/* Safari and Chrome */
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition-property:color,background-color,border-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease-in-out;
	-webkit-transition-delay:0s;
	/* Opera */
	-o-transition-property:color,background-color,border-color;
	-o-transition-duration:0.2s;
	-o-transition-timing-function:ease-in-out;
	-o-transition-delay:0s;
	/*native CSS3*/
	transition-property:color,background-color,border-color;
	transition-duration:0.2s;
	transition-timing-function:ease-in-out;
	transition-delay:0s; }
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) { overflow: hidden; }
/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 * 4. Remove default iOS styling (JX20111006)
 * 5. Remove default focus outline styling in webkit browsers (JX20111004)
 */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; -webkit-appearance:none; -webkit-border-radius:0px; }
button:focus, input:focus, select:focus, textarea:focus { outline: none; }
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input { line-height: normal; *overflow: visible; }
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input { *overflow: auto; }
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid {  }
/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: JX 20121010
   ========================================================================== */
   

/* ================================================================================================== */
/* structure - GLOBAL */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* body */
body { 
	margin:0; padding:0;
	color:#222; background:#056b86 url(../img/tile-light-10pc.png) 0 0 repeat; 
	font-size:13px; font-weight:normal; line-height:20px; }
	
	/* ------------------------------------------------------------------------------ */
	/*blockings*/
	#container, #megaFooter, #footer { 
		position:relative; width:100%; height:auto; min-width:320px; max-width:100%; margin:0 auto; padding:0; overflow:hidden; }	
		#header, #nav, #banner, #content { 
			position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden; }

/* ------------------------------------------------------------------------------ */
/* pageBg */
#pageBg { 
	/*layout*/position:absolute; top:0; left:0; width:100%; height:800px; margin:0; padding:0; overflow:visible; z-index:-999;
	/*style*/background:url(../img/bg-page-bg-x.png) 0 0 repeat-x; }
	
	/* common */
	#pageBg1,
	#pageBg2,
	#pageBg3 { 
		/*layout*/position:absolute; top:0; margin:0; padding:0; overflow:hidden;
		/*style*/background-image:url(../img/sprite-page-bg.png); background-repeat:no-repeat; }
	 	
	/* pageBg1 -  */
	#pageBg1 { width:550px; top:0; left:50%; height:550px; background-position:0 0; margin-left:-800px; }
	
	/* pageBg2 -  */
	#pageBg2 { 
		width:420px; top:-170px; right:50%; height:440px; background-position:0 -550px; margin-right:-440px; }
	
	/* pageBg3 -  */
	#pageBg3 { width:450px; top:700px; right:1%; height:600px; background-position:0 -990px; }
		
/* ------------------------------------------------------------------------------ */
/* pageBg responsive */
@media only screen and (max-width:960px) {
	
	/* hide bg1 */
	#pageBg1 { display:none; }
	
	/* move bg2 */
	#pageBg2 { display:none; }
	
	/* hide bg3 */
	#pageBg3 { display:none; }

}

/* ================================================================================================== */
/* structure - CONTAINER */
/* ================================================================================================== */
#container { max-width:960px; min-height:1000px; }

/* responsive */
@media only screen and (max-width:500px) {

	#container { min-height:300px; }

}


/* ================================================================================================== */
/* structure - HEADER */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */
#header {  }
	
	/* ------------------------------------------------------------------------------ */
	/* brand */
	#header .brand { position:relative; width:auto; height:160px; margin:0 220px 0 0; padding:0; overflow:hidden; }
		
		/* crest */
		#header .brand .crest { display:block; position:absolute; top:17px; left:0; width:100px; height:auto; margin:0; padding:0; overflow:hidden; }
			
			/* img */
			#header .brand .crest img { display:block; position:relative; width:100%; height:auto; margin:0; padding:0; }
		
		/* heading */
		#header .brand .heading { 
			/*layout*/position:absolute; top:45px; left:110px; width:auto; height:auto; margin:0; padding:0;
			/*style*/color:#143e8d; letter-spacing:-1px;
			/*text*/font-family:"trajanProBold",serif; font-size:32px; font-weight:normal; line-height:40px; }
			
			/* break */
			#header .brand .heading .break { display:inline; }
			
			/* subheading */
			#header .brand .heading .subheading { 
				/*layout*/display:block;
				/*style*/color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.15); letter-spacing:0;
				/*text*/font-family:"OpenSansRegular",serif; font-size:28px; line-height:30px; }
	
	/* ------------------------------------------------------------------------------ */
	/* topSearch */
	#header #topSearch,
	#header #topSearch form#topSearchForm { position:relative; width:200px; height:35px; margin:0; padding:0; overflow:hidden; }
	#header #topSearch { 
		position:absolute; top:48px; right:0;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:top 0.3s ease-in-out;
		-moz-transition:top 0.3s ease-in-out;
		-o-transition:top 0.3s ease-in-out;
		transition:top 0.3s ease-in-out; }
		
		/* ------------------------------------------------------------------------------ */
		/* input */
		#header #topSearch form#topSearchForm input { 
			/*layout*/display:block; position:absolute; top:0; left:0; width:135px; height:15px; margin:0; padding:10px 15px; overflow:hidden;
			/*style*/color:#222; background:rgba(255,255,255,0.25); border:none;
			/*text*/font-size:13px; font-weight:bold; line-height:15px;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:background-color 0.3s ease-in-out;
			-moz-transition:background-color 0.3s ease-in-out;
			-o-transition:background-color 0.3s ease-in-out;
			transition:background-color 0.3s ease-in-out; }
		.oldie #header #topSearch form#topSearchForm input { background:#8ed4da; }
		
		/* interaction */
		#header #topSearch form#topSearchForm input:focus { background:#fff; }
		
		/* html5 placeholder*/
		#header #topSearch form#topSearchForm input::-webkit-input-placeholder { color:#f2f2f2; }
		#header #topSearch form#topSearchForm input::-moz-placeholder { color:#f2f2f2; }
		
		/* ------------------------------------------------------------------------------ */
		/* btnSearch */
		#header #topSearch .btnSearch { 
			/*layout*/display:block; position:absolute; top:0; right:0; width:35px; height:35px; margin:0; padding:0; overflow:hidden;
			/*style*/color:#fff; background:#057eac; text-shadow:0 -1px 1px rgba(0,0,0,0.2); text-decoration:none;
			/*text*/font-size:21px; font-weight:normal; font-style:normal; line-height:27px; text-align:center; }
		.no-touch #header #topSearch .btnSearch:hover,
		.no-touch #header #topSearch .btnSearch:focus,
		.touch #header #topSearch .btnSearch:active { 
			/*style*/background:#0098a3; text-decoration:none; }
			
			/* icon */
			#header #topSearch .btnSearch .icon { top:50%; left:50%; width:22px; height:22px; margin:-11px 0 0 -11px; }
	
/* ------------------------------------------------------------------------------ */
/* header responsive */
@media only screen and (max-width:960px) {
	
	/* add left gap for crest */
	#header .brand { margin-left:10px; }
	
}
@media only screen and (max-width:900px) {
	
	/* shrink headings */
	#header .brand .heading { top:40px; font-size:32px; line-height:35px; }
	#header .brand .heading .break { display:block; }
	#header .brand .heading .subheading { font-size:26px; line-height:26px; }
	
	/* align top to text */
	#header #topSearch { top:40px; }
	
}	
@media only screen and (max-width:700px) {
	
	/* shrink headings text size */
	#header .brand .heading { top:45px; font-size:25px; line-height:30px; }
	#header .brand .heading .break { display:block; }
	#header .brand .heading .subheading { font-size:20px; line-height:25px; }
	
	/* align top to text */
	#header #topSearch { top:45px; }
	
}
@media only screen and (max-width:600px) {
		
	/* add right margin for brand text when search is hidden */
	#header .brand { margin-right:10px; }	
	
	/* hide search */
	#header #topSearch { display:none!important; }
	
}	
@media only screen and (max-width:480px) {
	
	/* reduce brand height */
	#header .brand { height:125px; }

	/* make crest smaller */
	#header .brand .crest { top:12px; width:80px; }
	
	/* make heading smaller */
	#header .brand .heading { top:35px; left:90px; font-size:21px; line-height:25px; }
		
	/* hide subheading */
	#header .brand .heading .subheading { font-size:18px; line-height:20px; }
	
}	

/* ================================================================================================== */
/* structure - NAV */
/* ================================================================================================== */
/* container */ 
#nav { 
	height:60px; margin:0 0 5px 0; 
	border-top:1px solid #01b2f4; 
	text-align:center;
	/*border-radius*/-webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box;
	/*background-gradient*/
	background-color:none;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0487b3), color-stop(100%,#026591));
	background-image:-webkit-linear-gradient(top, #0487b3 0%, #026591 100%);
	background-image:-moz-linear-gradient(top, #0487b3 0%, #026591 100%);
	background-image:-o-linear-gradient(top, #0487b3 0%, #026591 100%);
	background-image:linear-gradient(to bottom, #0487b3 0%, #026591 100%);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0487b3, endColorstr=#026591);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0487b3, endColorstr=#026591);
	zoom:1; }
	
	/* ------------------------------------------------------------------------------ */
	/* navSelect */
	#navSelect { display:none; }
	
	/* ------------------------------------------------------------------------------ */
	/* navItems */
	#navItems { background:url(../img/tile-light-10pc.png) 0 0 repeat; }
	
		/* ------------------------------------------------------------------------------ */
		/* navItem */
		#nav .navItem { 
			/*layout*/display:inline-block; width:12%; height:60px; margin:0; padding:0; overflow:hidden; vertical-align:top;
			/*style*/color:#fff; text-shadow:0 -1px 1px rgba(0,0,0,0.15);
			/*text*/font-family:'OpenSansSemibold',sans-serif; font-size:14px; font-weight:normal; line-height:15px; text-align:center; text-transform:uppercase;
			/*interaction*/text-decoration:none!important; outline:0 none!important; }
			
			/* ------------------------------------------------------------------------------ */
			/* items - label */
			#nav .navItem .label { 
				display:block; width:auto; height:30px; margin:0; padding:14px 0 16px 0;
				border-left:1px solid #046e93; border-right:1px solid #2188b1;
				cursor:pointer; }
			
				/* ------------------------------------------------------------------------------ */
				/* extra */
				#nav .navItem .label .extra { display:inline; }
				
		/* ------------------------------------------------------------------------------ */
		/* navItem - interaction */	
		.no-touch #nav .navItem:hover,
		.no-touch #nav .navItem:focus,
		.touch #nav .navItem:active { color:#9bd8ec; }
		
		/* 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 { cursor:default!important; }
		
		#nav .navItem.selected .label,
		.no-touch #nav .navItem.selected:hover .label,
		.no-touch #nav .navItem.selected:focus .label,
		.touch #nav .navItem.selected:active .label { 
			color:#fff;
			/*background-gradient*/
			background-color:none;
			background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#025e85), color-stop(100%,#01476b));
			background-image:-webkit-linear-gradient(top, #025e85 0%, #01476b 100%);
			background-image:-moz-linear-gradient(top, #025e85 0%, #01476b 100%);
			background-image:-o-linear-gradient(top, #025e85 0%, #01476b 100%);
			background-image:linear-gradient(to bottom, #025e85 0%, #01476b 100%);
			-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#025e85, endColorstr=#01476b);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#025e85, endColorstr=#01476b);
			zoom:1; }

		/* ------------------------------------------------------------------------------ */
		/* navItem extend */
		
		/* no border */
		#nav #nav0 .label,
		#nav #nav1 .label 				{ border-left:none; }
		#nav .navItem:last-child .label { border-right:none; }
		#nav .navItem.last-child .label { border-right:none; }
		
		/* size and display */
		#nav #nav0 { display:none; }
		#nav #nav1 { width:10.75%; }
		#nav #nav2 { width:13.75%; }
		#nav #nav3 { width:11.75%; }
		#nav #nav4 { width:11.75%; }
		#nav #nav5 { width:14.75%; }
		#nav #nav6 { width:12.75%; }
		#nav #nav7 { width:13.75%; }
		#nav #nav8 { width:8.75%; }
		
	/* ------------------------------------------------------------------------------ */
	/* btnNavMenu */
	#nav #btnNavMenu { display:none; }
	
/* ------------------------------------------------------------------------------ */
/* nav responsive */
@media only screen and (max-width:850px) {
	
	/* smaller text */
	#nav .navItem { font-size:12px; }

}
@media only screen and (max-width:800px) {
	
	/* rmeove bottom gap */
	#nav { margin-bottom:0; }

}
@media only screen and (max-width:750px) {
	
	/* hide extra text */
	#nav .navItem .label .extra { display:none; }
	
	/* new sizes */
	#nav #nav1 { width:9%; }
	#nav #nav2 { width:13%; }
	#nav #nav3 { width:12%; }
	#nav #nav4 { width:13%; }
	#nav #nav5 { width:16%; }
	#nav #nav6 { width:13%; }
	#nav #nav7 { width:14%; }
	#nav #nav8 { width:9%; }

}
@media only screen and (max-width:640px) {
	
	/* ------------------------------------------------------------------------------ */
	/* switch to drop down */
	
	/* hide extra text */
	#nav .navItem .label .extra { display:inline; }
	
	/* ------------------------------------------------------------------------------ */
	/* nav */
	#nav { 
		width:auto; height:45px/*auto*/; 
		border:none;
		/*border-radius*/-webkit-border-radius:0; border-radius:0;
		/*transition*/
		-webkit-transform:translate3d(0,0,0);
		-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; }
				
		/* ------------------------------------------------------------------------------ */
		/* navItem */
		#nav #navSelect,
		#nav #navItems .navItem { 
			display:block; width:auto; height:auto/*43px*/; margin:0; padding:0; overflow:hidden;
			color:#fff; background:#none; white-space:nowrap; text-overflow:ellipsis; border-top:1px solid #1796c2; border-bottom:1px solid #137595;
			font-family:'OpenSansSemibold', sans-serif; font-size:15px; font-weight:normal; line-height:43px; text-align:left; text-transform:uppercase;
			text-decoration:none!important; }
		#nav #navSelect .label,
		#nav .navItem .label { display:block; width:auto; height:auto; padding:0 4%; border:none; }
		#nav #navSelect .label { padding-right:45px; }
		
		/* navItem - interaction */	
		.no-touch #nav #navItems .navItem:hover,
		.no-touch #nav #navItems .navItem:focus,
		.touch #nav #navItems .navItem:active { color:#9bd8ec; background:#014461; }
		
		/* navItem - selected */	
		.no-touch #nav #navItems .navItem.selected:hover,
		.no-touch #nav #navItems .navItem.selected:focus,
		.touch #nav #navItems .navItem.selected:active { color:#fff; }
		
		/* ------------------------------------------------------------------------------ */
		/* navSelect */
		#nav #navSelect { 
			position:relative; height:45px;
			border:none;
			font-family:'OpenSansBold', sans-serif; font-size:20px; line-height:45px;
			/*background-gradient*/
			background-color:none;
			background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.2)));
			background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.2) 100%);
			background-image:-moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.2) 100%);
			background-image:-o-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.2) 100%);
			background-image:linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.2) 100%);
			-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C000000, endColorstr=#33000000);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C000000, endColorstr=#33000000);
			zoom:1; }
		
			/* icon */
			#nav #navSelect .icon { 
				left:auto; right:4%; width:20px; height:20px; margin:-10px 0 0 0; padding:0; overflow:hidden;
				color:#fff; 
				font-size:20px; font-weight:normal; line-height:22px; text-align:center; }
	
	/* IE fix */
	.ie #nav.active { height:auto!important; }
	
}
@media only screen and (max-width:400px) {
	
	/* ------------------------------------------------------------------------------ */
	/* navSelect - make text smaller */
	#nav #navSelect { font-size:18px; }
	
}

/* ================================================================================================== */
/* structure - BANNER */
/* ================================================================================================== */
/* container */
#banner { overflow:visible; }
 
	/* ------------------------------------------------------------------------------ */
	/* slideshowHome */
	#banner #slideshowHome { 
		/*layout*/position:relative; min-width:0; min-height:0; max-width:740px; max-height:400px; margin:0; padding:0; overflow:hidden; float:right; clear:right;
		/*text*/font-size:0px; line-height:0px; }
	#banner #slideshowHome,
	#banner #slideshowHome .placeholder,
	#banner #slideshowHome .slide,
	#banner #slideshowHome .slide img { display:block; width:100%!important; height:auto!important; }
	
	/* ------------------------------------------------------------------------------ */
	/* bannerImg */
	#banner #bannerImg { display:block; width:780px; height:215px; margin:0; padding:0; }
	
	/* ------------------------------------------------------------------------------ */
	/* caption */
	#banner #caption { 
		/*layout*/position:absolute; top:0; right:0; width:260px; height:215px; margin:0; padding:0; overflow:hidden;
		/*style*/background-image:url(../img/sprite-banner.png); background-position:0 0; background-repeat:no-repeat; } 
	body#home #banner #caption { 
		/*layout*/left:0; right:auto; width:310px; height:400px; z-index:10;
		/*style*/background-position:0 -220px; } 
	
		/* ------------------------------------------------------------------------------ */
		/* heading */
		#banner #caption .heading {
			/*layout*/display:block; position:relative; width:auto; height:auto; margin:75px 0 0 25px; padding:0; overflow:visible;
			/*style*/color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.3);
			/*text*/font-family:'Droid Serif',serif; font-size:27px; font-weight:normal; line-height:40px; font-style:italic; }
			
			/* highlight */
			#banner #caption .heading .highlight { color:#02c3d1; }
		
		/* ------------------------------------------------------------------------------ */
		/* detail */
		#banner #caption .detail {
			/*layout*/position:absolute; top:65px; right:25px; width:190px; height:80px; margin:0; padding:0; overflow:hidden;
			/*style*/color:#fff; text-shadow:0 0 1px rgba(0,0,0,0.5);
			/*text*/font-family:'OpenSansLight',sans-serif; font-size:30px; font-weight:normal; line-height:40px; text-align:right; }
		body#home #banner #caption .detail { display:none; }	
			
			/* break */
			#banner #caption .break { display:block; }				

/* ------------------------------------------------------------------------------ */
/* banner responsive */
@media only screen and (max-width:768px) {

	/* ------------------------------------------------------------------------------ */
	/* move caption to bottom, image to 100% */
	
	/* slideshowHome */
	#banner #slideshowHome { max-width:100%; float:none; clear:both; }
	
	/* bannerImg */
	#banner #bannerImg { width:100%; height:auto; }
	
	/* caption */
	#banner #caption,
	body#home #banner #caption { 
		position:relative; top:auto; right:auto; width:auto; height:auto; padding:0 2% 5px 2%;
		background:#184590 url(../img/tile-light-10pc.png) 0 0 repeat; }
		
		/* heading */
		#banner #caption .heading,
		#banner #caption .heading .highlight { margin:0; padding:0; font-size:32px; line-height:45px; }
		#banner #caption .heading { padding:4%; }

		/* detail */
		#banner #caption .detail {
			position:relative; top:auto; right:auto; width:auto; height:auto; margin:0; padding:0;
			font-size:32px; line-height:55px; }
			
			/* break */
			#banner #caption .break { display:inline; }
			
}
@media only screen and (max-width:640px) {

	/* ------------------------------------------------------------------------------ */
	/* hide caption for non-home pages (using nav select label instead) */
	
	/* caption */
	#banner #caption { display:none; }
	body#home #banner #caption { display:block; }
	
	/* ------------------------------------------------------------------------------ */
	/* make text smaller */
	
	/* heading */
	#banner #caption .heading,
	#banner #caption .heading .highlight { font-size:26px; line-height:35px; }
	#banner #caption .heading { padding:3%; }
			
}
@media only screen and (max-width:480px) {
	
	/* ------------------------------------------------------------------------------ */
	/* make text smaller */
	
	/* heading */
	#banner #caption .heading,
	#banner #caption .heading .highlight { font-size:20px; line-height:28px; }
	#banner #caption .heading { padding:3% 2%; }
			
}


/* ================================================================================================== */
/* structure - CONTENT SHELL */
/* ================================================================================================== */
/* container */
#content { background:#ebeae9; border:1px solid #fff; }
	
	/* ------------------------------------------------------------------------------ */
	/* common */
	#main,
	#aside { margin:0; height:auto; overflow:hidden; }
	
	/* ------------------------------------------------------------------------------ */
	/* main (right column) */
	#main { position:relative; width:66.6%; min-height:800px; padding:4% 5% 3% 5%; float:right; clear:right; background:#fff; }
	
		/* ------------------------------------------------------------------------------ */
		/* shade */
		#main .shade {  
			top:-100px; right:0;
			/*style*/background:rgba(0,0,0,0.05);
			/*box-shadow*/-webkit-box-shadow:0px 0px 260px 260px rgba(0,0,0,0.05); box-shadow:0px 0px 260px 260px rgba(0,0,0,0.05); }
	
	/* ------------------------------------------------------------------------------ */
	/* aside (left column) */
	#aside { position:relative; width:23.4%; min-height:300px; padding:4% 0 2% 0; float:left; clear:left; }
	
		/* ------------------------------------------------------------------------------ */
		/* shade */
		#aside .shade {  
			top:0; left:0;
			/*style*/background:rgba(0,0,0,0.05);
			/*box-shadow*/-webkit-box-shadow:0px 0px 180px 180px rgba(0,0,0,0.05); box-shadow:0px 0px 180px 180px rgba(0,0,0,0.05); }
	
/* ------------------------------------------------------------------------------ */
/* content responsive */
@media only screen and (max-width:800px) {

	/* ------------------------------------------------------------------------------ */
	/* move aside to bottom */
	
	/* content */
	#content { border:none; }
	
	/* main */
	#main { width:auto; min-height:0; margin:0; padding:4% 2% 3% 2%; float:none; clear:both;  }
	
	/* aside */
	#aside { width:auto; min-height:0; padding:0; float:none; clear:both; }
	
}
@media only screen and (max-width:500px) {
	
	/* ------------------------------------------------------------------------------ */
	/* increase content padding on sides */
	
	/* main */
	#main { padding-left:3%; padding-right:3%; }
	
}


/* ================================================================================================== */
/* structure - FULLPAGE SHELL */
/* ================================================================================================== */

/* container */
body.fullPage #content { background:#f4f4f4 /*url(../img/tile-diamond.png) 0 0 repeat*/; border:none; }
	
	/* ------------------------------------------------------------------------------ */
	/* common */
	body.fullPage #secHeader,
	body.fullPage #main,
	body.fullPage #aside	{ width:auto; height:auto; margin:0; overflow:hidden; float:none; clear:both; }
	
	/* ------------------------------------------------------------------------------ */
	/* main */
	body.fullPage #main { position:relative; padding:4% 0 3% 0; background:none; }
		
		/* shade */
		body.fullPage #main .shade { display:none; }
		
		/* utils */
		body.fullPage #main #utilsTop { 
			position:relative; width:auto; height:auto; margin:0; padding:0 4% 4% 4%; overflow:visible; }
			
		/* resourcesUnavailable */
		body.fullPage #main #resourcesUnavailable { 
			position:relative; width:300px; height:auto; margin:0 auto; padding:10px 0 0 0; overflow:hidden;
			text-align:center; }
			
			/* filter select */
			body.fullPage #main #utilsTop .formView form select.selectBox { width:300px; }
		
	/* ------------------------------------------------------------------------------ */
	/* aside */
	body.fullPage #aside	{ display:none; }
	
/* ------------------------------------------------------------------------------ */
/* content responsive */
@media only screen and (max-width:500px) {
	
	/* main */
	body.fullPage #main { padding-top:0%; }
	
		/* utils */
		body.fullPage #main #utilsTop { 
			padding:5% 3%; 
			border-bottom:1px solid #c3c3c3;
			/*box-shadow*/-webkit-box-shadow:0px 1px 0px 0px rgba(255,255,255,1); box-shadow:0px 1px 0px 0px rgba(255,255,255,1); }

}


/* ================================================================================================== */
/* structure - FULLPAGE SHELL (WITH ASIDE) */
/* ================================================================================================== */

/* content */
body.fullPageWithAside #content { background:#f2f2f2; }
			
	/* main */
	body.fullPageWithAside #main { 
		width:67%/*75-8*/; padding:4% 4% 4% 4%; float:left; clear:left;
		background:#fff; }
	
	/* aside */
	body.fullPageWithAside #aside { 
		display:block; width:25%/*100-75*/; min-height:0; margin:0; padding:0; float:right; clear:right;
		background:#f4f4f4 /*url(../img/tile-diamond.png) 0 0 repeat*/; }
		
	/* utils */
	body.fullPageWithAside #utils { 
		position:relative; width:67%; height:auto; margin:0; padding:15px 4% 0 4%; overflow:hidden; float:left; clear:left;
		/*background-gradient*/
		background-color:#e9e7e7;
		background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(30%,rgba(0,0,0,0)));
		background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 30%);
		background-image:-moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 30%);
		background-image:-o-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 30%);
		background-image:linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 30%);
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#00FFFFFF);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#00FFFFFF);
		zoom:1; }
		
		/* btnText */
		body.fullPageWithAside #utils .btnText { margin:0 15px 15px 0; padding-left:25px; }
			
			/* icon */
			body.fullPageWithAside #utils .btnText .icon { width:20px; height:20px; font-size:20px; line-height:24px; text-decoration:none!important; } 
			.no-touch body.fullPageWithAside #utils .btnText:hover .icon,
			.no-touch body.fullPageWithAside #utils .btnText:focus .icon,
			.touch body.fullPageWithAside #utils .btnText:active .icon { text-decoration:none!important; }
	
/* ------------------------------------------------------------------------------ */
/* content responsive */
@media only screen and (max-width:800px) {
	
	/* ------------------------------------------------------------------------------ */
	/* switch to stacking order */
	
	/* main */
	body.fullPageWithAside  #main,
	body.fullPageWithAside  #aside,
	body.fullPageWithAside  #utils { width:auto; float:none; clear:both; }
	
	/* aside */
	body.fullPageWithAside  #aside { border-top:1px solid #c3c3c3; }
	
}
@media only screen and (max-width:500px) {
	
	/* main (full column) */
	body.fullPageWithAside  #main { padding-top:5%; }

}


/* ================================================================================================== */
/* structure - FULLPAGE SHELL (WITH PADDING) */
/* ================================================================================================== */

/* content */
body.fullPageWithPadding #content {  }
			
	/* main */
	body.fullPageWithPadding #main { 
		width:auto; padding:3.5% 3% 3% 3%; float:none; clear:both;
		background:none; }
	
	/* aside (hidden) */
	body.fullPageWithPadding #aside { display:none; }
		
	/* utils (hidden) */
	body.fullPageWithPadding #utils { display:none; }
	
/* ------------------------------------------------------------------------------ */
/* content responsive */
@media only screen and (max-width:500px) {
	
	/* content (full column) */
	body.fullPageWithPadding #main { padding-top:5%; }

}


/* ================================================================================================== */
/* structure - MEGAFOOTER */
/* ================================================================================================== */
/* container */
#megaFooter { height:auto; overflow:hidden; color:#fff; background:none; }

	/* ------------------------------------------------------------------------------ */
	/* content */
	#megaFooter .content { position:relative; width:auto; height:auto; max-width:720px; min-height:160px; margin:0 auto 25px auto; padding:0 240px 0 0; overflow:hidden; }
		
		/* ------------------------------------------------------------------------------ */
		/* shadow */
		#megaFooter .content:after { 
			content:'';
			/*layout*/position:absolute; top:-20px; left:50%; width:960px; height:20px; margin:0 0 0 -480px; padding:0;
			/*style*/background:#000;
			/*border-radius*/-webkit-border-radius:0 0 50% 50% / 0 0 100% 100%; border-radius:0 0 50% 50% / 0 0 80% 80%;
			/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box;
			/*box-shadow*/-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3); }
		
		/* ------------------------------------------------------------------------------ */
		/* motto */
		#megaFooter .content .motto {  
			/*layout*/position:absolute; top:0; right:0; width:240px; height:160px; margin:0; padding:0; overflow:hidden;
			/*style*/color:#8de2fb; background:url(../img/bg-motto.png) center center no-repeat; text-shadow:0 -1px 0 rgba(0,0,0,0.3);
			/*text*/font-family:'trajanProBold',serif; font-size:11px; font-weight:normal; line-height:30px; text-align:center; text-transform:uppercase; }
			
			/* label */
			#megaFooter .content .motto .label { 
				/*layout*/position:absolute; left:0; bottom:0; width:100%; height:auto; margin:0; padding:0; overflow:hidden;
				white-space:nowrap; text-overflow:ellipsis; }
		
		/* ------------------------------------------------------------------------------ */
		/* sec */
		#megaFooter .content .sec { 
			position:relative; width:23%; height:auto; margin:0 0 0 4%; padding:0; overflow:hidden; float:left;
			font-size:11px; line-height:20px; }
		
			/* ------------------------------------------------------------------------------ */
			/* heading */
			#megaFooter .content .sec .heading { 
				/*layout*/position:relative; width:auto; height:auto; margin:0; padding:30px 0 5px 0; overflow:hidden;
				/*style*/color:#8de2fb; white-space:nowrap; text-overflow:ellipsis;
				/*text*/font-family:'OpenSansSemibold',sans-serif; font-size:16px; font-weight:normal; line-height:20px; text-transform:uppercase; }
			
			/* ------------------------------------------------------------------------------ */
			/* btnText */
			#megaFooter .content .sec .btnText { display:block; margin:0; padding:0 0 0 10px; }
			
				/* label */
				#megaFooter .content .sec .btnText,
				#megaFooter .content .sec .btnText .label { color:#fff!important; font-size:11px; font-weight:normal; }
				
				/* icon */
				#megaFooter .content .sec .btnText .icon { width:10px; color:#8de2fb; font-size:9px; line-height:23px; }
				
			/* interaction */
			.no-touch #megaFooter .content .sec .btnText:hover .label,
			.no-touch #megaFooter .content .sec .btnText:focus .label,
			.touch #megaFooter .content .sec .btnText:active .label { color:#8de2fb!important; text-decoration:none!important; }
		
		/* ------------------------------------------------------------------------------ */
		/* secContact */
		#megaFooter .content #secContact { 
			width:190px; margin:0; padding:0 0 0 90px; overflow:hidden; }
			
			/* crest */
			#megaFooter .content #secContact .crest { display:block; position:absolute; top:30px; left:10px; width:60px; height:auto; }
			
			/* details */
			#megaFooter .content #secContact .details { width:auto; height:auto; margin:0; padding:0; overflow:hidden; }
				
				/* link */
				#megaFooter .content #secContact .details a { color:#8de2fb; text-decoration:none; }
				#megaFooter .content #secContact .details a:hover,
				#megaFooter .content #secContact .details a:focus,
				#megaFooter .content #secContact .details a:active { text-decoration:underline; }
				
/* ------------------------------------------------------------------------------ */
/* megaFooter responsive */
@media only screen and (max-width:900px) {
	
	/* ------------------------------------------------------------------------------ */
	/* make sec wider */
	
	/* sec */
	#megaFooter .content .sec,
	#megaFooter .content #secContact { width:27.5%; margin:0 0 0 3%; }
	
	/* ------------------------------------------------------------------------------ */
	/* hide crest image */
	
	/* secContact */
	#megaFooter .content #secContact { width:36%; padding:0; }
		
		/* crest */
		#megaFooter .content #secContact .crest { display:none; }
		
}
/* ------------------------------------------------------------------------------ */
/* megaFooter responsive */
@media only screen and (max-width:720px) {
	
	/* ------------------------------------------------------------------------------ */
	/* hide links */
		
	/* secLinks */
	#megaFooter .content #secLinks,
	#megaFooter .content #secLinks2 { display:none; }
	
	/* ------------------------------------------------------------------------------ */
	/* show crest image */
	
	/* secContact */
	#megaFooter .content #secContact { width:170px; margin-left:2%; padding:0 0 0 90px; }
		
		/* crest */
		#megaFooter .content #secContact .crest { display:block; }
		
	/* ------------------------------------------------------------------------------ */
	/* adding motto right gap */
	
	/* motto */
	#megaFooter .content .motto { right:2%; }
		
}
@media only screen and (max-width:550px) {
	
	/* ------------------------------------------------------------------------------ */
	/* switch to stacking order */
	
	/* content */
	#megaFooter .content { padding-right:0; }
	
	/* sec */
	#megaFooter .content .motto,
	#megaFooter .content #secContact { position:relative; right:auto; margin:0 auto; float:none; clear:both; }
	
	/* secContact */
	#megaFooter .content #secContact .heading { padding-top:20px; }
	#megaFooter .content #secContact .crest { top:20px; }
	
}


/* ================================================================================================== */
/* structure - FOOTER */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */ 
#footer { 
	height:auto; margin:0 auto; padding:5px 0;
	background:#2a849a url(../img/tile-light-10pc.png) 0 0 repeat;
	/*box-shadow*/-webkit-box-shadow:0px -20px 20px 0px rgba(0,0,0,0.05); box-shadow:0px -20px 20px 0px rgba(0,0,0,0.05); }

	/* footerLinks */
	#footerLinks, #footerLinks li { 
		position:relative; margin:0; padding:0; color:#fff; 
		font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; line-height:11px; }
	#footerLinks { width:100%; max-width:960px; margin:0 auto; padding:0; height:30px; overflow:hidden; }
	#footerLinks li { margin-top:9px; padding:0 8px; border-color:#8dbdc9; }
	#footerLinks li:first-child { padding-left:15px; }
		
		/* link */
		#footerLinks li a { color:#fff; text-decoration:none; }
		#footerLinks li a:hover,#footerLinks li a:focus { color:#fff; text-decoration:underline; }
		
		/* btnFW */
		#footerLinks #btnFW { position:absolute; top:5px; right:60px; width:130px; height:20px; margin:0; padding:0; border:none; }
			#footerLinks #btnFW a { 
				width:100%; height:20px; margin:0; padding:0; background:url(../img/btn-fw.png) 0 0 no-repeat;
				/*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;
				/*opacity*/opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); }
			#footerLinks #btnFW a:hover,#footerLinks #btnFW a:focus { 
				/*opacity*/opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); } 

/* ------------------------------------------------------------------------------ */
/* responsive container */ 
@media only screen and (max-width:800px) {
	
	/* move btnFW */
	#footerLinks #btnFW { right:auto; left:76.5%; }

}
@media only screen and (max-width:600px) {
	
	/* hide btnFW */
	#footerLinks #btnFW { display:none; }
	
	/* center align */
	#footerLinks { text-align:center; }
	#footerLinks li { float:none; clear:both; display:inline-block; }
	#footerLinks li:first-child { padding-left:8px; }
	
	/* IE7 fix */
	.ie7 #footerLinks li { display:inline; }
}
@media only screen and (max-width:400px) {
	
	/* break into 2 lines */
	#footerLinks { height:auto; padding-bottom:8px; }
	#footerLinks li { font-size:12px; line-height:12px; }
	#footerLinks li:first-child { display:block; border:none; }
	
}

/* ================================================================================================== */
/* structure - COLUMNS */  
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* columns common */
#main .colFull,
#main .col2a,
#main .col2b,
#main .col3a,
#main .col3b,
#main .col3c { position:relative; height:auto; margin:0 0 0 0; padding:0; overflow:visible; }

/* ------------------------------------------------------------------------------ */
/* contentViewport */
#main .contentViewport { width:auto; }
	
/* ------------------------------------------------------------------------------ */
/* colFull */
#main .colFull { width:auto; float:none; clear:both; }
	
/* ------------------------------------------------------------------------------ */
/* col2 */
#main .col2a,
#main .col2b { width:47%; }
#main .col2a { float:left; clear:left; }
#main .col2b { float:right; clear:right; }

/* ------------------------------------------------------------------------------ */
/* col3 */
#main .col3a,
#main .col3b,
#main .col3c { width:29.6%; }
#main .col3a { float:left; clear:left; }
#main .col3b { float:left; clear:none; padding-left:5.6%; }
#main .col3c { float:right; clear:right; }

/* ------------------------------------------------------------------------------ */
/* columns responsive */
@media only screen and (max-width:480px) {

	/* ------------------------------------------------------------------------------ */
	/* make col3 stacking */
	#main .col3a,
	#main .col3b,
	#main .col3c { width:auto; padding-left:0; float:none; clear:both; }

}
@media only screen and (max-width:400px) {

	/* ------------------------------------------------------------------------------ */
	/* make col2 stacking */
	#main .col2a,
	#main .col2b { width:auto; float:none; clear:both; }

}


/* ================================================================================================== */
/* structure - HEADINGS */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */
.headings { position:static; width:auto; height:auto; margin:0; padding:0; overflow:hidden; }


/* ================================================================================================== */
/* structure - SECHEADER (fullPage only) */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */
body.fullPage #secHeader { 
	/*layout*/position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
	/*style*/color:#fff; 
	/*box-shadow*/-webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);
	/*background-gradient*/
	background-color:#f5f5f5;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(62%,#ebebeb), color-stop(100%,#c5c5c5));
	background-image:-webkit-linear-gradient(top, #f5f5f5 0%, #ebebeb 62%, #c5c5c5 100%);
	background-image:-moz-linear-gradient(top, #f5f5f5 0%, #ebebeb 62%, #c5c5c5 100%);
	background-image:-o-linear-gradient(top, #f5f5f5 0%, #ebebeb 62%, #c5c5c5 100%);
	background-image:linear-gradient(to bottom, #f5f5f5 0%, #ebebeb 62%, #c5c5c5 100%);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#dfdfdf);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#dfdfdf);
	zoom:1; }


/* ================================================================================================== */
/* structure - ASIDE HEADER */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */
#asideHeader { 
	/*layout*/position:relative; width:auto; height:auto; margin:0; padding:8%; overflow:hidden;
	/*style*/color:#333; background:#d3d3d3; border-top:1px solid #f0f0f0; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; }
	
	/* icon */
	#asideHeader .icon { display:none; }
	
	/* label */
	#asideHeader .label { 
		display:block;
		color:#0098a3; text-transform:uppercase;
		font-family:'OpenSansExtrabold',sans-serif; font-size:18px; font-weight:normal; line-height:30px;  }
		
		/* extra */
		#asideHeader .label .extra { font-family:'OpenSansSemibold',sans-serif; }

/* ------------------------------------------------------------------------------ */
/* asideHeader responsive */
@media only screen and (max-width:800px) {

	/* stretch to full width */
	#asideHeader { padding:2% 4%; border-left:none; }

}


/* ================================================================================================== */
/* structure - SIDENAV */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */
#sideNav { position:static; list-style:none; margin:0; padding:0; width:auto; height:auto; overflow:hidden; }
	
	/* ------------------------------------------------------------------------------ */
	/* btnDrillDown */
	#sideNav .icon {	 
		display:none; position:absolute; top:12px; left:0px; width:5px; height:7px; margin:0; overflow:hidden;
		color:#a8a8a8; font-size:9px; line-height:10px; }
	#sideNav li li.first-child a .icon { top:5px; }
	#sideNav li li:first-child a .icon { top:5px; }
	#sideNav a:hover .icon,
	#sideNav a:focus .icon { }
	#sideNav li .selected .icon { color:#0090a1; cursor:default!important; }
	#sideNav li li .icon { display:block; }
	
	/* ------------------------------------------------------------------------------ */
	/*level 1 nav items*/
	#sideNav li {
		/*layout*/position:relative; margin:0; padding:0; width:100%;
		/*style*/color:#444; border-bottom:1px solid #d1d1d1;
		/*text*/font-size:15px; font-weight:normal; line-height:20px; }
	#sideNav li:first-child { border-top:1px solid #d1d1d1; }
	
		/* IE7 extra bottom gap fix */
		.ie7 #sideNav li { line-height:15px; vertical-align:bottom; }
		
		/* ------------------------------------------------------------------------------ */
		/*level 1 links*/
		#sideNav li a,
		#sideNav li a:link,
		#sideNav li a:active,
		#sideNav li a:visited {
			/*layout*/display:block; position:relative; width:auto; margin:0; padding:10px 20px; 
			/*style*/color:#444; text-decoration:none; }		
		
		/*level 1 links interaction*/
		#sideNav li a:hover,
		#sideNav li a:focus { color:#0090d3; /*background:#dedcda;*/ }
	
	/* ------------------------------------------------------------------------------ */
	/*level 1 selected*/
	#sideNav li.selected { background:#f7f6f5; }
	#sideNav li.selected a { color:#444; cursor:pointer; }
	#sideNav li.selected a:hover,
	#sideNav li.selected a:focus { color:#0090d3; }
	#sideNav li.selected a.selected,
	#sideNav li.selected a.selected:hover,
	#sideNav li.selected a.selected:focus { color:#0090a1; background:none; cursor:default; }
	
	/* ------------------------------------------------------------------------------ */
	/*level 2 nav items*/
	#sideNav li ul { display:none; padding:0 20px; }
	#sideNav li.selected ul { display:block; }
	
	/*level 2 items normalize*/
	#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 { padding:0; width:100%; text-shadow:none; font-size:13px; line-height:16px; }
	#sideNav li li.last-child { padding-bottom:10px; }
	#sideNav li li:last-child { padding-bottom:10px; }
		
	/* IE7 fix */
	.ie7 #sideNav li li { line-height:13px; }
		
		/*level 2 links*/
		#sideNav li li a,
		#sideNav li li a:link,
		#sideNav li li a:active,
		#sideNav li li a:visited { color:#444; width:auto; padding:7px 0 7px 12px;  background:none!important; cursor:pointer!important; }
		#sideNav li li.first-child a { padding-top:0; }
		#sideNav li li:first-child a { padding-top:0; }
		/*level 2 links - interaction*/
		#sideNav li li a:hover,
		#sideNav li li a:focus { color:#0090d3!important; }
		#sideNav li li.selected a,
		#sideNav li li.selected a:hover
		#sideNav li li.selected a:focus { color:#0090a1!important; cursor:default!important; }
		
/* ------------------------------------------------------------------------------ */
/* sideNav responsive */
@media only screen and (max-width:800px) {
	
	/* ------------------------------------------------------------------------------ */
	/* switch style */
	
	/* ------------------------------------------------------------------------------ */
	/* btnDrillDown */
	#sideNav li li a .icon,
	#sideNav li li.first-child a .icon { top:13px; }
	#sideNav li li:first-child a .icon { top:13px; }
	
	/* ------------------------------------------------------------------------------ */
	/*level 1 nav items*/
	#sideNav li { color:#535353; border:none; font-family:'OpenSansBold',sans-serif; font-size:14px; }
	#sideNav li:first-child { border-top:none; }	
	
		/* ------------------------------------------------------------------------------ */
		/*level 1 links*/
		#sideNav li a,
		#sideNav li a:link,
		#sideNav li a:active,
		#sideNav li a:visited {
			padding:13px 2%; 
			color:#535353; background:#ebeae9 url(../img/tile-light-35pc.png) 0 0 repeat; 
			border-top:1px solid #fefefe; border-bottom:1px solid #ccc; }		
		
		/*level 1 links interaction*/
		#sideNav li a:hover,
		#sideNav li a:focus,
		.touch #sideNav li a:active { 
			color:#000; background-color:#cac8c8; }
	
	/* ------------------------------------------------------------------------------ */
	/*level 1 selected*/
	#sideNav li.selected a,
	#sideNav li.selected a:hover,
	#sideNav li.selected a:focus { color:#535353; }
	#sideNav li.selected a.selected,
	#sideNav li.selected a.selected:hover,
	#sideNav li.selected a.selected:focus,
	.touch #sideNav li.selected a.selected:active { 
		color:#fff; background-color:#4090a4; border-top-color:#65afc2; border-bottom-color:#398193;
		/*box-shadow*/-webkit-box-shadow:inset 0px 2px 4px 0px rgba(0,0,0,0.2); box-shadow:inset 0px 2px 4px 0px rgba(0,0,0,0.2); }
		
	/* ------------------------------------------------------------------------------ */
	/*level 2 nav items*/
	
	/*level 2 item*/
	#sideNav li ul { padding:10px 2%; background:#f7f6f5; }
	#sideNav li li { font-family:'OpenSansRegular',sans-serif;  }
	#sideNav li li.last-child { padding-bottom:0px; }
	#sideNav li li:last-child { padding-bottom:0px; }
		
		/*level 2 links*/
		#sideNav li li.first-child a { padding-top:7px; }
		#sideNav li li:first-child a { padding-top:7px; }
	
}
@media only screen and (max-width:600px) {
	
	/* ------------------------------------------------------------------------------ */
	/* update side gaps */
	#sideNav li a,
	#sideNav li a:link,
	#sideNav li a:active,
	#sideNav li a:visited,
	#sideNav li ul { padding-left:3%; padding-right:3%; }		
	
}


/* ================================================================================================== */
/* structure - TABNAV */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */
#tabNav { 
	/*layout*/position:relative; height:auto; margin:0; padding:0; overflow:visible;
	/*style*/color:#7e7e7e;
	/*text*/font-family:'OpenSansSemibold',sans-serif; font-size:17px; font-weight:normal; line-height:65px; text-align:left; }
	
	/* ------------------------------------------------------------------------------ */
	/* btnTab */
	#tabNav .btnTab { 
		/*layout*/display:inline-block; position:relative; width:auto; height:65px; margin:0; padding:0 3%; overflow:visible;
		/*style*/color:#7e7e7e!important; text-align:center; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.6); text-transform:uppercase; }
		
		/* arrow */
		#tabNav .btnTab .arrow { 
			/*layout*/display:none; position:absolute; bottom:0; left:50%; width:0; height:0; margin:0 0 0 -10px; padding:0; overflow:hidden;
			/*style*/border-bottom:10px solid #f4f4f4; border-left:10px solid transparent; border-right:10px solid transparent; }
		
	/* ------------------------------------------------------------------------------ */
	/* btnTab interaction */
	.no-touch #tabNav .btnTab:hover,
	.no-touch #tabNav .btnTab:focus,
	.touch #tabNav .btnTab:active {	color:#0098a3!important; background:rgba(0,0,0,0.05); text-decoration:none; }
	
	.oldie.no-touch #tabNav .btnTab:hover,
	.oldie.no-touch #tabNav .btnTab:focus,
	.oldie.touch #tabNav .btnTab:active { background:#e2e2e2; }

	/* ------------------------------------------------------------------------------ */
	/* btnTab selected */
	#tabNav .btnTab.selected,
	.no-touch #tabNav .btnTab.selected:hover,
	.no-touch #tabNav .btnTab.selected:focus,
	.touch #tabNav .btnTab.selected:active { 
		color:#fff!important; text-shadow:0 -1px 0 rgba(0,0,0,0.3);
		cursor:default!important;
		/*background-gradient*/
		background-color:#0098a3;
		background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0098a3), color-stop(62%,#0097a2), color-stop(100%,#00868f));
		background-image:-webkit-linear-gradient(top, #0098a3 0%, #0097a2 62%, #00868f 100%);
		background-image:-moz-linear-gradient(top, #0098a3 0%, #0097a2 62%, #00868f 100%);
		background-image:-o-linear-gradient(top, #0098a3 0%, #0097a2 62%, #00868f 100%);
		background-image:linear-gradient(to bottom, #0098a3 0%, #0097a2 62%, #00868f 100%);
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0098a3, endColorstr=#00868f);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0098a3, endColorstr=#00868f);
		zoom:1; }
		
	 	/* arrow */
		#tabNav .btnTab.selected .arrow { display:block; }
		
	/* btnTab selected - withAside */
	body.fullPageWithAside #tabNav .btnTab.selected .arrow,
	.no-touch body.fullPageWithAside #tabNav .btnTab.selected:hover .arrow,
	.no-touch body.fullPageWithAside #tabNav .btnTab.selected:focus .arrow,
	.touch body.fullPageWithAside #tabNav .btnTab.selected:active .arrow { border-bottom-color:#fff; }

/* ------------------------------------------------------------------------------ */
/* tabNav responsive */
@media only screen and (max-width:640px) {

	/* container */
	#tabNav { line-height:45px; }
		
		/* btnTab */
		#tabNav .btnTab { height:45px; font-size:15px; }
			
			/* arrow */
			#tabNav .btnTab .arrow { margin-left:-8px; border-width:8px; }
	
}
@media only screen and (max-width:500px) {
	
	/* tabNav */
	#tabNav { line-height:35px; }
		
		/* btnTab */
		#tabNav .btnTab { height:35px; padding:0 2.75%; font-size:14px; }	
		
			/* arrow */
			#tabNav .btnTab .arrow { margin-left:-6px; border-width:6px; }
	
}


/* ================================================================================================== */
/* structure - PAGINATION */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */
.pagination { 
	/*layout*/position:relative; width:auto; height:50px; margin:45px 0 0 0; padding:0 4%; overflow:visible;
	/*style*/color:#404040;
	/*text*/font-size:13px; font-weight:bold; text-align:center;
	/*background-gradient*/
	background-color:#e9e7e7;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdbdb), color-stop(40%,#e9e7e7));
	background-image:-webkit-linear-gradient(top, #dcdbdb 0%, #e9e7e7 40%);
	background-image:-moz-linear-gradient(top, #dcdbdb 0%, #e9e7e7 40%);
	background-image:-o-linear-gradient(top, #dcdbdb 0%, #e9e7e7 40%);
	background-image:linear-gradient(to bottom, #dcdbdb 0%, #e9e7e7 40%);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dcdbdb, endColorstr=#e9e7e7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dcdbdb, endColorstr=#e9e7e7);
	zoom:1; }
	
/* extending - fullPage */
body.fullPage #main .pagination { margin-bottom:-3%; }

	/* ------------------------------------------------------------------------------ */
	/* info */
	.pagination .info { 
		position:absolute; top:-45px; left:0; width:100%; height:45px; margin:0; padding:0;
		color:#404040; text-shadow:0 1px 1px rgba(255,255,255,0.3);
		line-height:45px; }
		
	/* ------------------------------------------------------------------------------ */
	/* common */
	.pagination .btnPrevNext,
	.pagination .btnPage { 
		/*layout*/display:inline-block; width:40px; height:50px; margin:0; padding:0; overflow:hidden; vertical-align:middle;
		/*style*/color:#404040;
		/*text*/font-size:13px; line-height:50px; text-decoration:none; }
			
	/* ------------------------------------------------------------------------------ */
	/* btnPrevNext */
	.pagination .btnPrevNext { position:relative; cursor:pointer; }
		
		/* icon */
		.pagination .btnPrevNext .icon { 
			top:0; left:0; width:100%; height:100%; margin:0;
			color:#b6b6b6; text-shadow:0 1px 0 rgba(255,255,255,0.8);
			font-size:20px; line-height:54px; }
	
	.no-touch .pagination .btnPrevNext:hover .icon,
	.no-touch .pagination .btnPrevNext:focus .icon,
	.touch .pagination .btnPrevNext:active .icon { color:#0199a4; }
	
	.pagination .btnPrevNext.disabled,
	.no-touch .pagination .btnPrevNext.disabled:hover,
	.no-touch .pagination .btnPrevNext.disabled:focus,
	.touch .pagination .btnPrevNext.disabled:active { 
		cursor:default!important;
		/*opacity*/
		opacity:0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter:alpha(opacity=50); }
	.pagination .btnPrevNext.disabled .icon,
	.no-touch .pagination .btnPrevNext.disabled:hover .icon,
	.no-touch .pagination .btnPrevNext.disabled:focus .icon,
	.touch .pagination .btnPrevNext.disabled:active .icon { color:#8c8c8c!important; }
	
	/* ------------------------------------------------------------------------------ */
	/* pages */
	.pagination .pages { display:inline-block; height:50px; margin:0 5px; padding:0; overflow:hidden; vertical-align:middle; }
	
		/* btnPage */
		.no-touch .pagination .btnPage:hover,
		.no-touch .pagination .btnPage:focus,
		.touch .pagination .btnPage:active { color:#000; background:#d3d1d1; text-decoration:none; }
		
		.pagination .btnPage.selected,
		.no-touch .pagination .btnPage.selected:hover,
		.no-touch .pagination .btnPage.selected:focus,
		.touch .pagination .btnPage.selected:active { color:#0199a4; background:#f4f4f4; cursor:default!important; }


/* ================================================================================================== */
/* layout - SECTION */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* section */
.section { 
	/*layout*/position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden; }

	/* ------------------------------------------------------------------------------ */
	/* section header */
	.section .header { 
		/*layout*/position:static; width:auto; height:auto; margin:0; padding:0 25px; overflow:hidden;
		/*style*/color:#0098a3; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis;
		/*text*/font-family:'OpenSansRegular',sans-serif; font-size:20px; font-weight:normal; line-height:55px; text-transform:uppercase; }

/* ------------------------------------------------------------------------------ */
/* sectionContent (extend from section) */
.sectionContent { margin:15px 0 25px 0; }

	/* ------------------------------------------------------------------------------ */
	/* section header */
	.sectionContent .header { 
		color:#fff; background:#0098a3;
		font-family:'OpenSansBold',sans-serif; font-size:18px; line-height:50px; }
		
	/* ------------------------------------------------------------------------------ */	 
	/* content */
	.sectionContent .content { 
		padding-bottom:55px; 
		background:#f4f4f4; border:1px solid #d8d8d8; border-top:none;
		/*border-radius*/-webkit-border-radius:0 0 10px 0; border-radius:0 0 10px 0;
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
		
		/* imgThumb */
		.sectionContent .content .imgThumb { display:block; width:100%; height:auto; }
		
		/* padder */
		.sectionContent .content .padder { width:auto; padding:8%; }
			
			/* title */
			.sectionContent .content .title { margin:5px 0 15px 0; color:#0098a3; font-family:'openSansRegular',sans-serif; font-weight:normal; font-size:18px; line-height:20px; }
		
			/* intro */
			.sectionContent .content p,
			.sectionContent .content .intro,
			.sectionContent .content .desc { margin:0 0 20px 0; font-family:'openSansRegular',sans-serif; line-height:20px; }
			.sectionContent .content .intro { color:#0098a3; font-weight:bold; font-family:Arial,sans-serif; font-size:16px; }
	
		/* utils */
		.sectionContent .content .utils { position:absolute; bottom:0; left:0; padding:0 8%; }
			
			/* btnText */
			.sectionContent .content .utils .btnBox { margin:0 0 25px 0; }
				

/* ================================================================================================== */
/* common - ICONS */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* icon */
.icon { 
	position:absolute; top:50%; left:50%;
	/*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; }
	

/* ================================================================================================== */
/* common - BUTTONS */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* btnText */
.btnText { 
	display:inline-block; position:relative; margin:0 15px 20px 0; padding:0 0 0 15px; width:auto; height:20px; 
	text-decoration:none; cursor:pointer; }
.no-touch .btnText:hover,
.no-touch .btnText:focus,
.touch .btnText:active { text-decoration:none; }

	/* label */
	.btnText,
	.btnText .label { 
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase;
		color:#0098a3!important; font-size:12px; font-weight:bold; line-height:20px;
		/*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; }	
	.no-touch .btnText:hover .label,
	.no-touch .btnText:focus .label,
	.touch .btnText:active .label { color:#1e4593!important; text-decoration:underline!important; }
	
	/* icon */
	.btnText .icon { 
		position:absolute; top:50%; left:0; width:15px; height:20px; margin:-10px 0 0 0; padding:0;
		color:#0098a3; background:none; text-shadow:0 1px 0 rgba(255,255,255,0.6);
		font-size:11px; line-height:23px; text-align:left; }
	.no-touch .btnText:hover .icon,
	.no-touch .btnText:focus .icon,
	.touch .btnText:active .icon { text-decoration:none!important; }

/* ------------------------------------------------------------------------------ */
/* btnBox */
.btnBox { 
	display:inline-block; position:relative; width:auto; height:30px; margin:0 15px 20px 0; padding:0 12px; overflow:hidden;
	background:#0098a3 url(../img/tile-light-10pc.png) 0 0 repeat; white-space:nowrap; text-overflow:ellipsis;
	text-decoration:none!important; cursor:pointer; }
.no-touch .btnBox:hover,
.no-touch .btnBox:focus,
.touch .btnBox:active { 
	background-color:#1c408b; text-decoration:none; }

	/* label */
	.btnBox,
	.btnBox .label { 
		color:#fff!important; 
		font-family:'OpenSansBold',sans-serif; font-size:12px; font-weight:normal; line-height:30px; text-align:center; text-transform:uppercase; }	
	.no-touch .btnBox:hover .label,
	.no-touch .btnBox:focus .label,
	.touch .btnBox:active .label { text-decoration:none; }
		
/* ------------------------------------------------------------------------------ */
/* btnBoxIcon */
.btnBoxIcon { padding-left:25px; }
	
	/* icon */
	.btnBoxIcon .icon { 
		position:absolute; top:50%; left:9px; width:8px; height:12px; margin:-6px 0 0 0; padding:0;
		color:#aba8a5; background:none; text-shadow:none;
		font-size:14px; line-height:14px; text-align:left; }	
	.no-touch .btnBoxIcon:hover .icon,
	.no-touch .btnBoxIcon:focus .icon,
	.touch .btnBoxIcon:active .icon { color:#fff; }
	
/* ------------------------------------------------------------------------------ */
/* btnAction */
.btnAction { 
	display:block; position:relative; margin:0; padding:0; width:auto; height:auto;
	background:#e7e7e7 url(../img/tile-dark-10pc.png) 0 0 repeat; 
	text-decoration:none; cursor:pointer; }
.no-touch .btnAction:hover,
.no-touch .btnAction:focus,
.touch .btnAction:active { color:#0098a3; text-decoration:none; }

.btnAction.mobile { display:none; }

	/* padder */
	.btnAction .padder {
		display:block; width:auto; height:auto; margin:0; padding:10px 50px 10px 20px;
		white-space:nowrap; overflow:hidden!important; text-overflow:ellipsis; }

		/* label */
		.btnAction,
		.btnAction .label { 
			width:auto; letter-spacing:-1px; text-shadow:0 1px 0 rgba(255,255,255,0.7); 
			color:#178db5!important; font-family:'OpenSansRegular',sans-serif; font-size:20px; font-weight:normal; line-height:25px; text-transform:uppercase;
			text-decoration:none!important; }
			
			/* highlight */
			.btnAction .label .highlight { font-family:'OpenSansBold',sans-serif; }

		/* icon */
		.btnAction .icon { 
			position:absolute; top:50%; left:auto; right:20px; width:25px; height:25px; margin:-13px 0 0 0; padding:0;
			color:#bdbdbd; background:#fff; text-shadow:none;
			font-size:13px; line-height:27px; 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;
			/*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; }
		.no-touch .btnAction:hover .icon,
		.no-touch .btnAction:focus .icon,
		.touch .btnAction:active .icon { color:#fff; background:#0098a3; }

/* ------------------------------------------------------------------------------ */
/* btnActionThumb (extend from btnAction) */
@media only screen and (min-width:600px) {

	/* ------------------------------------------------------------------------------ */
	/* use btnActionThumb styles on btnAction */
	
	/* btnActionThumb */
	.btnActionThumb { width:32%; padding-left:2%; float:left; clear:none; overflow:hidden; background:none; }
	.btnActionThumb.first-child { padding-left:0; }
	.btnActionThumb:first-child { padding-left:0; }
	
	/* ie7 fix */
	.ie7 .btnActionThumb { padding-left:1.80%; }
	.ie7 .btnActionThumb.first-child { padding-left:0; }
	.ie7 .btnActionThumb:first-child { padding-left:0; }
	
		/* imgThumb */
		.btnActionThumb .imgThumb { display:block; width:100%; height:auto; border:none; }
		
		/* padder */
		.btnActionThumb .padder {  
			padding:15px 0;
			background:#fff; 
			text-align:center;
			/*border-radius*/-webkit-border-radius:0 0 6px 0; border-radius:0 0 6px 0;
			/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:background 0.3s ease-in-out;
			-moz-transition:background 0.3s ease-in-out;
			-o-transition:background 0.3s ease-in-out;
			transition:background 0.3s ease-in-out; }
		.no-touch .btnActionThumb:hover .padder,
		.no-touch .btnActionThumb:focus .padder,
		.touch .btnActionThumb:active .padder { background:#0098a3; }
		
			/* iconTop */
			.btnActionThumb .iconTop { 
				top:auto; right:auto; bottom:35px; left:50%; width:30px; height:30px; margin:0 0 0 -15px;
				color:#fff; background:#0098a3;
				font-size:18px; line-height:31px; }
			.no-touch .btnActionThumb:hover .iconTop,
			.no-touch .btnActionThumb:focus .iconTop,
			.touch .btnActionThumb:active .iconTop { color:#0098a3; background:#fff; }
			
			/* label */
			.btnActionThumb,
			.btnActionThumb .label { 
				text-shadow:none; letter-spacing:0;
				color:#0098a3!important; font-size:18px; line-height:20px; }
			.no-touch .btnActionThumb:hover .label,
			.no-touch .btnActionThumb:focus .label,
			.touch .btnActionThumb:active .label { color:#fff!important; }
				
				/* highlight */
				.btnActionThumb .label .highlight { font-family:'OpenSansExtrabold',sans-serif; }
				
				/* icon */
				.btnActionThumb .label .icon { display:none; }
				
}

/* ------------------------------------------------------------------------------ */
/* btnActionAside (extend from btnAction) */
.btnActionAside { color:#757575; background:none; border-left:1px solid #d3d3d3; border-top:1px solid #f6f6f6; border-bottom:1px solid #d3d3d3; }
.no-touch .btnActionAside:hover,
.no-touch .btnActionAside:focus,
.touch .btnActionAside:active { color:#3f3f3f; background:#d3d3d3; }

	/* padder */
	.btnActionAside .padder { padding:8%; }

		/* label */
		.btnActionAside,
		.btnActionAside .label,
		.btnActionAside .label .highlight { 
			display:block; overflow:hidden;			
			color:#757575!important; letter-spacing:0; text-shadow:none; white-space:nowrap; text-overflow:ellipsis;
			font-size:13px; font-weight:bold; line-height:20px; text-transform:none; }
		.btnActionAside .label { padding-right:30px; }
		
		.no-touch .btnActionAside:hover .label,
		.no-touch .btnActionAside:focus .label,
		.touch .btnActionAside:active .label { color:#3f3f3f!important; }

		/* icon */
		.btnActionAside .icon { 
			right:8%; width:20px; height:20px; margin:-10px 0 0 0;
			color:#999; background:none;
			font-size:16px; line-height:24px;
			/*border-radius*/-webkit-border-radius:0; border-radius:0;
			/*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; }
		.no-touch .btnActionAside:hover .icon,
		.no-touch .btnActionAside:focus .icon,
		.touch .btnActionAside:active .icon { color:#0098a3; background:none; text-shadow:0 1px 0 rgba(255,255,255,0.6); }
				
/* btnActionAside responsive */
@media only screen and (max-width:800px) {
	
	/* ------------------------------------------------------------------------------ */
	/* display 4 items per row */
	.btnActionAside { width:33.33%; float:left; clear:none; border:none; }
	.oldie .btnActionAside { width:33.3%; }
	
		.btnActionAside .padder { 
			padding-left:12%;
			border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;
			border-top:1px solid #f6f6f6; border-right:1px solid #f6f6f6; }
		.btnActionAside:nth-child(3n-2) .padder { border-left:none; }
		.btnActionAside:nth-child(3n) .padder { border-right:none; }

}
@media only screen and (max-width:600px) {
	
	/* ------------------------------------------------------------------------------ */
	/* display 4 items per row */
	.btnActionAside { width:50%; }
	.oldie .btnActionAside { width:49.95%; }

		.btnActionAside .padder { padding-left:8%; }
		.btnActionAside:nth-child(3n-2) .padder { border-left:1px solid #d3d3d3; }
		.btnActionAside:nth-child(3n) .padder { border-right:1px solid #f6f6f6; }
		.btnActionAside:nth-child(2n-1) .padder { border-left:none; }
		.btnActionAside:nth-child(2n) .padder { border-right:none; }

}
@media only screen and (max-width:400px) {
	
	/* ------------------------------------------------------------------------------ */
	/* display 4 items per row */
	.btnActionAside,
	.oldie .btnActionAside { width:auto; float:none; clear:both; }

		.btnActionAside .padder { padding:4%; }
		.btnActionAside .padder,
		.btnActionAside:nth-child(3n-2) .padder,
		.btnActionAside:nth-child(3n) .padder { border-left:none; border-right:none; }
			
			.btnActionAside,
			.btnActionAside .label,
			.btnActionAside .label .highlight { font-size:14px; }
			
			.btnActionAside .padder .icon { right:4%; }

}

/* ================================================================================================== */
/* common - ITEMS */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ 
   PAGE ITEM (COMMON)
   ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* pageListing */
#pageListing {
	/*layout*/position:relative; width:auto; height:auto; margin:0; padding:0 0 20px 0; }
	
	/* ------------------------------------------------------------------------------ */
	/* pageItem */
	.pageItem {
		/*layout*/display:block; position:relative; width:48%;/*2-up*/ height:auto; margin:0 0 4% 0; padding:0; overflow:hidden; float:left; clear:left;
		/*style*/color:#797979; background:#fff; }
	
	/* layout */
	/*.pageItemAlt { float:right; clear:right; }*/

		/* round corners */
		.pageItem,
		.pageItem .utils {
			/*border-radius*/-webkit-border-radius:0 0 10px 0; border-radius:0 0 10px 0;
			/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
		
		/* ------------------------------------------------------------------------------ */
		/* imgThumb */
		.pageItem .imgThumb,
		.pageItem .imgThumb img { 
			/*layout*/display:block; position:relative; width:100%; height:auto; margin:0; padding:0; overflow:hidden; border:none; }		
			
		/* ------------------------------------------------------------------------------ */
		/* padder */
		.pageItem .padder { 
			/*layout*/position:relative; width:auto; height:220px; margin:0; padding:8%; overflow:hidden;
			/*style*/border:1px solid #d8d8d8; border-top:none; border-bottom:none; }
				
			/* date (newsPageListing only) */
			.pageItem .padder .date { 
				/*layout*/display:block; width:auto; height:auto; margin:0; padding:0 0 10px 0; overflow:hidden;
				/*style*/color:#2f2f2f; text-transform:uppercase; white-space:nowrap; text-overflow:ellipsis;
				/*text*/font-family:'openSansRegular',sans-serif; font-size:11px; font-weight:normal; line-height:20px; }

			/* title */
			.pageItem .padder .title { 
				/*layout*/display:block; width:auto; height:auto; margin:0; padding:0 0 10px 0; overflow:visible;
				/*style*/color:#0098a3; text-decoration:none;
				/*text*/font-family:'openSansRegular',sans-serif; font-size:16px; font-weight:normal; line-height:20px; }
			.no-touch .pageItem .padder a.title:hover,
			.no-touch .pageItem .padder a.title:focus,
			.touch .pageItem .padder a.title:active { color:#1c408b; text-decoration:none; }
			
			/* intro */
			.pageItem .padder p,
		 	.pageItem .padder .intro,
			.pageItem .padder .desc { 
				/*layout*/display:block; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
				/*style*/color:#797979;
				/*text*/font-size:13px; font-weight:normal; line-height:20px; }
	
		/* ------------------------------------------------------------------------------ */
		/* utils */
		.pageItem .utils { 
			/*layout*/position:relative; width:auto; height:auto; margin:0; padding:0 8%; overflow:hidden;
			/*style*/background:#fff; border:1px solid #d8d8d8; border-top:none; }
			
			/* ------------------------------------------------------------------------------ */
			/* btnText */
			.pageItem .utils .btnBox { margin-bottom:10%; }
			.pageItem .utils .btnBox .icon { display:none; }
				
/* ------------------------------------------------------------------------------ 
   PAGE ITEM - responsive 
   ------------------------------------------------------------------------------ */
@media only screen and (max-width:800px) {

	/* ------------------------------------------------------------------------------ */
	/* padder */
	.pageItem .padder { height:50px; }
		
		/* intro */
		.pageItem .padder p,
		.pageItem .padder .intro,
		.pageItem .padder .desc { display:none; }

}
@media only screen and (max-width:640px) {

	/* ------------------------------------------------------------------------------ */
	/* title */
	.pageItem .padder .title { font-size:15px; }

}
@media only screen and (max-width:500px) {

	/* ------------------------------------------------------------------------------ */
	/* padder */
	.pageItem .padder { height:auto; }

}

/* ------------------------------------------------------------------------------ 
   NEWS ITEM 
   ------------------------------------------------------------------------------ */
   
/* ------------------------------------------------------------------------------ */
/* newsPageListing (extending from pageListing) */
.newsPageListing { }

	/* ------------------------------------------------------------------------------ */
	/* newsItem */
	.newsPageListing .pageItem,
	.newsPageListing .pageItemAlt { 
		width:28%;/*3-up*/ height:auto; margin:0 0 4% 4%; float:left; clear:none; }	

/* ------------------------------------------------------------------------------ */
/* newsPageListing responsive */
@media only screen and (max-width:800px) {

	/* ------------------------------------------------------------------------------ */
	/* padder */
	.newsPageListing .pageItem .padder { height:140px; }
		
		/* text */
		.newsPageListing .pageItem .padder .date,
		.newsPageListing .pageItem .padder .title { display:block; }
		.newsPageListing .pageItem .padder .title { padding-bottom:0; }

}
@media only screen and (max-width:640px) {

	/* ------------------------------------------------------------------------------ */
	/* newsPageListing */
	#pageListing.newsPageListing { padding-bottom:0; }
	
	/* ------------------------------------------------------------------------------ */
	/* newsItem */
	.newsPageListing .pageItem,
	.newsPageListing .pageItemAlt { width:44%; }
	
		/* ------------------------------------------------------------------------------ */
		/* padder */
		.newsPageListing .pageItem .padder { height:80px; }
		
			/* date */
			.newsPageListing .pageItem .padder .date { padding:0; }
			
}
@media only screen and (max-width:500px) {

	/* ------------------------------------------------------------------------------ */
	/* convert to stacking order */

	/* newsPageListing */
	.newsPageListing { border-bottom:1px solid #fff; }
	
	/* newsItem */
	.newsPageListing .pageItem,
	.newsPageListing .pageItemAlt,
	.newsPageListing .pageItem .utils { 
		width:auto; margin:0; float:none; clear:both;
		background:none; border-top:1px solid #fff; border-bottom:1px solid #c3c3c3;
		/*border-radius*/-webkit-border-radius:0; border-radius:0;
		/*box-shadow*/-webkit-box-shadow:none; box-shadow:none; }
	.newsPageListing .pageItem:first-child,
	.newsPageListing .pageItemAlt:first-child { border-top:none; }
		
		/* imgThumb */
		.newsPageListing .pageItem .imgThumb { display:none; }
		
		/* padder */
		.newsPageListing .pageItem .padder { 
			width:auto; height:auto; padding:4% 60px 4% 3%; border:none; }
		
		/* utils */
		.newsPageListing .pageItem .utils { 
			position:absolute; top:50%; right:4%; width:16px; height:24px; margin:-12px 0 0 0; padding:0;
			background:none; border:none; }
			
			/* common content */
			.newsPageListing .pageItem .utils .btnBox { width:16px; height:24px; margin:0; padding:0; background:none; }
			.newsPageListing .pageItem .utils .btnBox .icon { top:0; }
			.newsPageListing .pageItem .utils .btnBox .label { display:none; }
			
			/* icon */
			.newsPageListing .pageItem .btnBox .icon { 
				display:block; position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0;
				color:#999; font-size:16px; line-height:28px; }
			.no-touch .newsPageListing .pageItem:hover .btnBox .icon,
			.no-touch .newsPageListing .pageItem:focus .btnBox .icon,
			.touch .newsPageListing .pageItem:active .btnBox .icon { color:#666; }
			
}


/* ------------------------------------------------------------------------------ 
   PUBS ITEM 
   ------------------------------------------------------------------------------ */
   
/* ------------------------------------------------------------------------------ */
/* pubsPageListing (extending from pageListing) */
.pubsPageListing { }

	/* ------------------------------------------------------------------------------ */
	/* pageItem */
	.pubsPageListing .pageItem,
	.pubsPageListing .pageItemAlt { 
		width:28%; height:auto; margin:0 0 4% 4%; float:left; clear:none;
		/*border-radius*/-webkit-border-radius:10px 0 10px 0; border-radius:10px 0 10px 0; }	
	
	/* round corners */
	.pubsPageListing .pageItem .padder { /*border-radius*/-webkit-border-radius:10px 0 0 0; border-radius:10px 0 0 0; }
	.pubsPageListing .pageItem .utils { /*border-radius*/-webkit-border-radius:0 0 10px 0; border-radius:0 0 10px 0; }
		
		/* ------------------------------------------------------------------------------ */
		/* imgThumb */
		.pubsPageListing .pageItem .imgThumb { display:none; }
		
		/* ------------------------------------------------------------------------------ */
		/* padder */
		.pubsPageListing .pageItem .padder { height:220px; border-top:1px solid #d8d8d8; }

/* ------------------------------------------------------------------------------ */
/* newsPageListing responsive */
@media only screen and (max-width:960px) {

	/* ------------------------------------------------------------------------------ */
	/* padder */
	.pubsPageListing .pageItem .padder { height:250px; }

}
@media only screen and (max-width:800px) {

	/* ------------------------------------------------------------------------------ */
	/* padder */
	.pubsPageListing .pageItem .padder { height:100px; }
		
		/* text */
		.pubsPageListing .pageItem .padder .title { padding-bottom:0; }

}
@media only screen and (max-width:640px) {

	/* ------------------------------------------------------------------------------ */
	/* newsPageListing */
	#pageListing.pubsPageListing { padding-bottom:0; }
	
		/* ------------------------------------------------------------------------------ */
		/* newsItem */
		.pubsPageListing .pageItem,
		.pubsPageListing .pageItemAlt { width:44%; }
		
			/* ------------------------------------------------------------------------------ */
			/* padder */
			.pubsPageListing .pageItem .padder { height:60px; }
			
				/* date */
				.pubsPageListing .pageItem .padder .date { padding:0; }
			
}
@media only screen and (max-width:500px) {

	/* ------------------------------------------------------------------------------ */
	/* convert to stacking order */

	/* pubsPageListing */
	.pubsPageListing { border-bottom:1px solid #fff; }
	
	/* newsItem */
	.pubsPageListing .pageItem,
	.pubsPageListing .pageItemAlt,
	.pubsPageListing .pageItem .padder
	.pubsPageListing .pageItem .utils { 
		width:auto; margin:0; float:none; clear:both;
		background:none; border-top:1px solid #fff; border-bottom:1px solid #c3c3c3;
		/*border-radius*/-webkit-border-radius:0; border-radius:0;
		/*box-shadow*/-webkit-box-shadow:none; box-shadow:none; }
	.pubsPageListing .pageItem:first-child,
	.pubsPageListing .pageItemAlt:first-child { border-top:none; }
		
		/* padder */
		.pubsPageListing .pageItem .padder { 
			width:auto; height:auto; padding:4% 60px 4% 3%; border:none; }
		
		/* utils */
		.pubsPageListing .pageItem .utils { 
			position:absolute; top:50%; right:4%; width:16px; height:24px; margin:-12px 0 0 0; padding:0;
			background:none; border:none; }
			
			/* common content */
			.pubsPageListing .pageItem .utils .btnBox { width:16px; height:24px; margin:0; padding:0; background:none; }
			.pubsPageListing .pageItem .utils .btnBox .icon { top:0; }
			.pubsPageListing .pageItem .utils .btnBox .label { display:none; }
			
			/* icon */
			.pubsPageListing .pageItem .btnBox .icon { 
				display:block; position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0;
				color:#999; font-size:16px; line-height:28px; }
			.no-touch .pubsPageListing .pageItem:hover .btnBox .icon,
			.no-touch .pubsPageListing .pageItem:focus .btnBox .icon,
			.touch .pubsPageListing .pageItem:active .btnBox .icon { color:#666; }
			
}


/* ------------------------------------------------------------------------------ 
   ASIDE ITEM 
   ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* asideListing */
#asideListing { margin:0; padding:0; border-bottom:1px solid #f6f6f6; }
	
	/* ------------------------------------------------------------------------------ */
	/* pageItem */
	#asideListing .pageItem,
	#asideListing .pageItemAlt {
		width:auto; height:auto; margin:0; padding:0; overflow:hidden; float:none; clear:both;
		background:none; border-left:1px solid #d3d3d3; border-top:1px solid #f6f6f6; border-bottom:1px solid #d3d3d3;
		/*border-radius*/-webkit-border-radius:0; border-radius:0;
		/*box-shadow*/-webkit-box-shadow:none; box-shadow:none; }
		
		/* ------------------------------------------------------------------------------ */
		/* imgThumb */
		#asideListing .pageItem .imgThumb { display:none; }		
			
		/* ------------------------------------------------------------------------------ */
		/* padder */
		#asideListing .pageItem .padder { 
			height:auto; margin:0; border:none;
			/*border-radius*/-webkit-border-radius:0; border-radius:0; }
				
			/* date */
			#asideListing .pageItem .padder .date { padding-top:0; }
			
			/* title */
			#asideListing .pageItem .padder .title { font-family:'OpenSansSemibold',sans-serif; }
			
			/* btnText */
			#asideListing .pageItem .padder .btnBox { display:inline-block; margin:15px 0 0 0; }
			
		/* ------------------------------------------------------------------------------ */
		/* utils */
		#asideListing .pageItem .utils { display:none; }
	

/* ------------------------------------------------------------------------------ 
   asideListing responsive 
   ------------------------------------------------------------------------------ */
@media only screen and (max-width:800px) {
	
	/* ------------------------------------------------------------------------------ */
	/* pageItem */
	#asideListing .pageItem,
	#asideListing .pageItemAlt {
		width:25%; float:left; clear:none;
		border-left:none; border-top:1px solid #f6f6f6; border-bottom:1px solid #d3d3d3; }
	.ie7 #asideListing .pageItem,
	.ie7 #asideListing .pageItemAlt { width:24.95%; }
		
		/* padder */
		#asideListing .pageItem .padder { padding:10% 16%; border-left:1px solid #f6f6f6; border-right:1px solid #d3d3d3; }
		#asideListing .pageItem:first-child .padder { border-left:none; }
		#asideListing .pageItem:last-child .padder { border-right:none; }
			
			/* date */
			#asideListing .pageItem .padder .date { padding-bottom:5px; }
			
			/* title */
			#asideListing .pageItem .padder .title { height:80px; padding:0; overflow:hidden; }
			
			/* btnText */
			#asideListing .pageItem .padder .btnBox { display:none; }
		
}
@media only screen and (max-width:640px) {

	/* title */
	#asideListing .pageItem .padder .title { height:64px; font-size:12px; line-height:16px; }

}
@media only screen and (max-width:500px) {

	/* ------------------------------------------------------------------------------ */
	/* switch items to stacking order */
	
	/* ------------------------------------------------------------------------------ */
	/* pageItem */
	#asideListing .pageItem,
	#asideListing .pageItemAlt,
	.ie7 #asideListing .pageItem,
	.ie7 #asideListing .pageItemAlt { width:auto; float:none; clear:both; }
	
		/* padder */
		#asideListing .pageItem .padder { padding:3% 4%; border-left:none; border-right:none; }
		
			/* date */
			#asideListing .pageItem .padder .date { padding-bottom:0px; }
			
			/* title */
			#asideListing .pageItem .padder .title { height:auto; font-size:14px; line-height:20px; }

}

	
/* ================================================================================================== */
/* common - FORM */
/* ================================================================================================== */

/* -------------------------------------------------------- */
/* formView */
.formView { position:relative; margin:0; padding:0; }

	/* form */
	.formView form {
		/*layout*/position:relative; width:100%; height:auto; margin:0; padding:0; }
		
		/* -------------------------------------------------------- */
		/* fieldset */
		.formView form fieldset 			{ display:block; margin:0 0 15px 0; }
		.formView form fieldset.col50pct 	{ width:50%; }
		
		/* -------------------------------------------------------- */
		/* label */			
		.formView form label { 
			display:block; margin:0; padding:0;
			/*style*/color:#222; vertical-align:baseline;
			/*text*/font-family:'OpenSansBold',sans-serif; font-size:14px; font-weight:normal; line-height:25px; }
		.formView form label.inline { display:inline-block; padding:0 0 0 5%; }
		
		/* -------------------------------------------------------- */
		/* radio */
		.formView form input.radio 	{ /*by JS*/ }
		.formView form span.radio 	{ cursor:pointer!important; }
			
		/* -------------------------------------------------------- */
		/* input */
		.formView form input.text { 
			/*layout*/display:block; width:92%; height:16px; margin:0 0 5px 0; padding:10px 4%; overflow:hidden;
			/*style*/color:#333; background:#fff; border:1px solid #d8d8d8;
			/*text*/font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:16px;
			/*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; }
		.formView form input.text:focus,
		.formView form input.text:active { 
			/*style*/color:#000; background-color:#f1fcfe; border-color:#0098a3; }
			
		/* ------------------------------------------------------------------------------ */
		/* select (selectBox) */
		.formView form select.selectBox { 
			/* selectBox JS plugin fallback */
			display:block; min-width:150px; height:auto; margin:0 auto; padding:10px 25px; overflow:hidden;
			color:#4b4b4b; background:#fff; border:none; vertical-align:middle;
			font-size:15px; font-weight:bold; line-height:20px; text-align:left;
			text-decoration:none!important; outline:none; cursor:pointer; }
			

/* ================================================================================================== */
/* section - HOME */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ 
   STRUCTURE 
   ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* content */
body#home #content { background:#fbfbfb; border:none; }

	/* ------------------------------------------------------------------------------ */
	/* shade */
	body#home #content .shade {  
		bottom:-100px; right:0;
		/*style*/background:rgba(0,0,0,0.1);
		/*box-shadow*/-webkit-box-shadow:0px 0px 180px 180px rgba(0,0,0,0.1); box-shadow:0px 0px 180px 180px rgba(0,0,0,0.1); }
		
	/* ------------------------------------------------------------------------------ */
	/* group */
	body#home #content #group { 
		display:relative; width:69%; padding:2.5%; float:left; clear:left;
		background:#f4f4f4/*url(../img/tile-diamond.png) 0 0 repeat*/; }

		/* ------------------------------------------------------------------------------ */
		/* shade */
		body#home #content #group .shade {  
			top:-100px; left:0;
			/*style*/background:rgba(0,0,0,0.1);
			/*box-shadow*/-webkit-box-shadow:0px 0px 200px 200px rgba(0,0,0,0.1); box-shadow:0px 0px 200px 200px rgba(0,0,0,0.1); }
			
	/* ------------------------------------------------------------------------------ */
	/* newsListing */
	body#home #content #newsListing { 
		/*width:26%; float:right; clear:right;*/
		position:absolute; top:0; right:0; width:26%; height:100%; }
		
	/* ------------------------------------------------------------------------------ */
	/* secondaryActions */
	body#home #content #secondaryActions {
		width:69%; padding:1.5% 2.5%; float:left; clear:left; }

/* ------------------------------------------------------------------------------ 
   STYLES 
   ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* welcome */
body#home #content #welcome {
	min-height:120px; padding-right:7.5%; 
	color:#535353; text-shadow:0 1px 0 rgba(255,255,255,0.6); letter-spacing:-1px;
	font-family:'OpenSansRegular',sans-serif; font-size:18px; font-weight:normal; line-height:30px; }
	
	/* highlight */
	body#home #content #welcome .highlight { color:#0098a3; font-family:'OpenSansBold',sans-serif; }

/* ------------------------------------------------------------------------------ */
/* newsListing */
body#home #content #newsListing { /*height:450px;*/ }
	
	/* ------------------------------------------------------------------------------ */
	/* header */
	body#home #content #newsListing .header { position:relative; padding:0 70px 0 10%; }
	.oldie body#home #content #newsListing .header { position:relative; z-index:10; }/* fix header gets covered in old ie */
	
	/* ------------------------------------------------------------------------------ */
	/* newsItem (slide) */
	body#home #content #newsListing .newsItem { position:absolute; top:0; left:0; width:100%!important; height:auto!important; margin:0; padding:55px 0 0 0; overflow:visible; }
		
		/* ------------------------------------------------------------------------------ */
		/* dateTag */
		body#home #content #newsListing .newsItem .dateTag { 
			/*layout*/display:block; position:absolute; top:0; right:0; width:58px; height:54px; margin:0; padding:0; overflow:hidden;
			/*style*/color:#a6a6a6; background:#efefef; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-left:1px solid #e4e4e4; border-top:1px solid #eee; border-right:1px solid #eee;
			/*text*/text-align:center; }
			
			/* shade */
			body#home #content #newsListing .newsItem .dateTag:before {  
				content:'';
				position:absolute; top:-10px; right:0; width:1px; height:1px; overflow:hidden;
				background:rgba(0,0,0,0.1); text-indent:-999em;
				font-size:0; line-height:0;
				/*box-shadow*/-webkit-box-shadow:0px 0px 30px 30px rgba(0,0,0,0.1); box-shadow:0px 0px 30px 30px rgba(0,0,0,0.1); }
			
			/* month */
			body#home #content #newsListing .newsItem .dateTag .month { display:block; padding-top:7px; font-size:13px; line-height:15px; text-transform:uppercase; }
			
			/* day */
			body#home #content #newsListing .newsItem .dateTag .day { display:block; font-size:27px; line-height:25px; }
			
		/* ------------------------------------------------------------------------------ */
		/* imgThumb */
		body#home #content #newsListing .newsItem .imgThumb,
		body#home #content #newsListing .newsItem .imgThumb img { 
			display:block; width:100%; height:auto; margin:0; padding:0; }
		
		/* ------------------------------------------------------------------------------ */
		/* padder */
		body#home #content #newsListing .newsItem .padder { 
			display:block; position:relative; width:auto; height:auto; margin:0; padding:8% 10%; overflow:hidden; }
			
			/* date */
			body#home #content #newsListing .newsItem .padder .date { 
				display:none; margin:0; padding:0;
				color:#7a7a7a;
				font-size:11px; line-height:15px; }
			
			/* title */
			body#home #content #newsListing .newsItem .padder .title,
			body#home #content #newsListing .newsItem .padder .title a { 
				display:block; height:70px; margin:0; padding:0; overflow:hidden;
				color:#0098a3!important; text-decoration:none!important;
				font-family:'OpenSansSemibold',sans-serif; font-size:15px; font-weight:normal; line-height:23px; }
			.no-touch body#home #content #newsListing .newsItem .padder .title a:hover,
			.no-touch body#home #content #newsListing .newsItem .padder .title a:focus,
			.touch body#home #content #newsListing .newsItem .padder .title a:active { 
				color:#1c408b!important; }
			
			/* desc */
			body#home #content #newsListing .newsItem .padder .desc { 
				display:block; height:60px; margin:0; padding:5px 0 0 0; overflow:hidden;
				color:#797979; font-size:13px; line-height:20px; }
			
			/* btnBox */
			body#home #content #newsListing .newsItem .padder .btnBox { /*display:none;*/ margin:15px 0 0 0; }
				
				/* icon */
				body#home #content #newsListing .newsItem .padder .btnBox .icon { display:none; }
	
	/* ------------------------------------------------------------------------------ */
	/* controls */
	body#home #content #newsListing .controls { 
		position:absolute; /*bottom:5%; right:10%;*/ top:55px; right:0; width:60px; height:30px; margin:0; padding:0; overflow:hidden; z-index:20; }
		
		/* btnPrev | btnNext */
		body#home #content #newsListing .controls a { 
			position:absolute; top:0; left:0; width:30px; height:30px; margin:0; padding:0; overflow:hidden;
			background:rgba(0,0,0,0.6); text-decoration:none!important; }
		.no-touch body#home #content #newsListing .controls a:hover,
		.no-touch body#home #content #newsListing .controls a:focus,
		.touch body#home #content #newsListing .controls a:active { 
			background:rgba(0,160,170,0.9); }
			
		/* oldie fallback */
		.oldie body#home #content #newsListing .controls a { background:#444; }
		.oldie body#home #content #newsListing .controls a:hover,
		.oldie body#home #content #newsListing .controls a:focus,
		.oldie body#home #content #newsListing .controls a:active { background:#0098a3; }
		
		/* btnNext */
		body#home #content #newsListing .controls .btnNext { left:auto; right:0; }
		
			/* icon */
			body#home #content #newsListing .controls a .icon { 
				width:30px; height:30px; text-align:center; margin:-50% 0 0 -50%; padding:0;
				color:#fff; font-size:20px; line-height:35px; }
			

/* ------------------------------------------------------------------------------ */
/* primaryActions */
body#home #content #primaryActions { margin-top:4%; }
	
	/* padder */
	body#home #content #primaryActions .btnActionThumb .padder { border-right:none!important; }


/* ------------------------------------------------------------------------------ */
/* storelinks */
body#home #content #storelinks { 
	display:block; position:relative; width:auto; height:auto; margin:15px 0 0 0; padding:15px; overflow:hidden;
	color:#0098a3; background:#fff; text-align:center;
	font-family:'OpenSansBold',sans-serif; font-size:16px; line-height:20px;
	/*border-radius*/-webkit-border-radius:5px; border-radius:5px;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	
	/* common */
	body#home #content #storelinks .label,
	body#home #content #storelinks .btns,
	body#home #content #storelinks .btnStoreLink { 
		display:inline-block; position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
		vertical-align:middle; }
	
	/* label */
	body#home #content #storelinks .label { overflow:visible; }
	
	/* btns */
	body#home #content #storelinks .btns { margin-left:15px; }
	
		/* btnStoreLink */
		body#home #content #storelinks .btnStoreLink {
			width:120px; height:35px;
			background:url(../img/sprite-store.png) 100px 100px no-repeat; }
		body#home #content #storelinks #apl { background-position:0 0; }
		body#home #content #storelinks #ggl { background-position:-120px 0; margin-left:15px; }
		.ie7 body#home #content #storelinks #ggl { border-left:15px solid transparent; margin-left:0; }
			
			body#home #content #storelinks .btnStoreLink span { display:none; }
	
/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:980px) {

	/* smaller text */	
	body#home #content #storelinks { font-size:13px; }
}
@media only screen and (max-width:900px) {

	/* back to large text */	
	body#home #content #storelinks { font-size:16px; }
	
	/* stack btns */
	body#home #content #storelinks .btns { display:block; margin-top:15px; margin-left:0; }
	
}
@media only screen and (max-width:800px) {
	
	/* large text */	
	body#home #content #storelinks { font-size:18px; line-height:22px; }
	
	/* remove gaps and round corners */
	body#home #content #storelinks { 
		margin-top:0; z-index:10;
		/*border-radius*/-webkit-border-radius:0px; border-radius:0px; }
	
}


/* ------------------------------------------------------------------------------ */
/* secondaryActions */
body#home #content #secondaryActions {  
	background:#e7e7e7 url(../img/tile-dark-10pc.png) 0 0 repeat; border-top:1px solid #f7f6f7; }
	
	/* ------------------------------------------------------------------------------ */
	/* grad */
	body#home #content #secondaryActions .grad { 
		/*layout*/position:absolute; left:0; width:100%; height:auto; margin:0; padding:0; overflow:hidden;
		/*text*/font-size:0; line-height:0; }
		
		/* gradTop */
		body#home #content #secondaryActions .gradTop {
			top:0; height:20px;
			/*background-gradient*/
			background-color:transparent;
			background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0)));
			background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
			background-image:-moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
			background-image:-o-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
			background-image:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
			-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#00000000);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#00000000);
			zoom:1; }
			
		/* gradBtm */
		body#home #content #secondaryActions .gradBtm {
			bottom:0; height:30px;
			/*background-gradient*/
			background-color:transparent;
			background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,208,208,0)), color-stop(100%,rgba(210,208,208,1)));
			background-image:-webkit-linear-gradient(top, rgba(210,208,208,0) 0%, rgba(210,208,208,1) 100%);
			background-image:-moz-linear-gradient(top, rgba(210,208,208,0) 0%, rgba(210,208,208,1) 100%);
			background-image:-o-linear-gradient(top, rgba(210,208,208,0) 0%, rgba(210,208,208,1) 100%);
			background-image:linear-gradient(to bottom, rgba(210,208,208,0) 0%, rgba(210,208,208,1) 100%);
			-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00D2D0D0, endColorstr=#FFD2D0D0);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00D2D0D0, endColorstr=#FFD2D0D0);
			zoom:1; }
	
	/* ------------------------------------------------------------------------------ */
	/* btnAction */
	body#home #content #secondaryActions .btnAction { width:34%; float:left; clear:none; background:none; }
	body#home #content #secondaryActions .btnAction.first { width:33%; }
	body#home #content #secondaryActions .btnAction.last { width:33%; }
	
	/* ie7 fix */
	.ie7 body#home #content #secondaryActions .btnAction { width:33%; }
	
		/* padder */
		body#home #content #secondaryActions .btnAction .padder	{ 
			padding:5px 50px 5px 20px; 
			background:none; border-left:1px solid #ecebeb; border-right:1px solid #bcbcbc; }
		body#home #content #secondaryActions .btnAction.first .padder { padding-left:0; border-left:none; }
		body#home #content #secondaryActions .btnAction.last .padder { padding-right:30px; border-right:none; }
		body#home #content #secondaryActions .btnAction.last .icon { right:0; }	


/* ------------------------------------------------------------------------------ 
   STRUCTURE | STYLES responsive 
   ------------------------------------------------------------------------------ */
@media only screen and (max-width:900px) {

	/* ------------------------------------------------------------------------------ */
	/* btnAction - make text smaller */	
	body#home #content #secondaryActions .btnAction .padder .label { font-size:16px; line-height:20px; }

}
@media only screen and (max-width:800px) {
	
	/* ------------------------------------------------------------------------------ */
	/* hide shade */
	body#home #content .shade { display:none!important; }
		
	/* ------------------------------------------------------------------------------ 
	   SWITCHING LAYOUT to tablet
	   ------------------------------------------------------------------------------ */
	
	/* ------------------------------------------------------------------------------ */
	/* reset group styles */
	body#home #content #group { width:auto; float:none; float:none; padding:0; }
	
	/* ------------------------------------------------------------------------------ */
	/* welcome */
	body#home #content #welcome { width:60%; min-height:280px; padding:2.5% 4.5% 4% 2.5%; font-size:25px; line-height:40px; }
	
	/* ------------------------------------------------------------------------------ */
	/* newsListing wider */
	body#home #content #newsListing { width:33%; background:#fbfbfb; }
	
	/* ie7 stacking order fix */
	.ie7 body#home #content #newsListing, 
	.ie7 body#home #content #newsListing .newsItem { background:none!important; }
	.ie7 body#home #content #newsListing .newsItem { 
		/*background-gradient*/
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffbfbfb, endColorstr=#00fbfbfb);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffbfbfb, endColorstr=#00fbfbfb);
		zoom:1; }
		
		/* newsItem */
		body#home #content #newsListing .newsItem .padder .desc,
		body#home #content #newsListing .newsItem .padder .btnBox { display:none; }
	
	/* ------------------------------------------------------------------------------ */
	/* primaryActions taking whole width */
	body#home #content #primaryActions { 
		width:auto; margin:0; padding:2.5%; float:none; clear:both; z-index:25;
		/*background-gradient*/
		background-color:#b3b3b3;
		background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#939393), color-stop(30%,#b3b3b3));
		background-image:-webkit-linear-gradient(top, #939393 0%, #b3b3b3 30%);
		background-image:-moz-linear-gradient(top, #939393 0%, #b3b3b3) 30%);
		background-image:-o-linear-gradient(top, #939393 0%, #b3b3b3 30%);
		background-image:linear-gradient(to bottom, #939393 0%, #b3b3b3 30%);
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#939393, endColorstr=#b3b3b3);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#939393, endColorstr=#b3b3b3);
		zoom:1; }
	
	/* ------------------------------------------------------------------------------ */
	/* secondaryActions taking whole width */
	body#home #content #secondaryActions { width:auto; padding:1.5% 2.5%; float:none; clear:both; z-index:30; }
	
		/* btnAction - make text bigger */	
		body#home #content #secondaryActions .btnAction .padder .label { font-size:20px; line-height:25px; }

}
@media only screen and (max-width:700px) {
	
	/* ------------------------------------------------------------------------------ */
	/* welcome */
	body#home #content #welcome { font-size:23px; }

}
@media only screen and (max-width:640px) {
	
	/* ------------------------------------------------------------------------------ */
	/* welcome */
	body#home #content #welcome { font-size:21px; line-height:38px; min-height:266px; }
	
	/* ------------------------------------------------------------------------------ */
	/* newsListing hide extra */
	body#home #content #newsListing .header .extra { display:none; }
	
	/* ------------------------------------------------------------------------------ */
	/* btnAction - make text smaller */	
	body#home #content #secondaryActions .btnAction .padder .label { font-size:18px; line-height:25px; }

}
@media only screen and (max-width:600px) {
	
	/* ------------------------------------------------------------------------------ 
	  SWITCHING LAYOUT to mobile
	------------------------------------------------------------------------------ */
	
	/* ------------------------------------------------------------------------------ */
	/* container */
	body#home #content #container { min-height:0; }
	
	/* ------------------------------------------------------------------------------ */
	/* welcome full */
	body#home #content #welcome { 
		width:auto; min-height:0; padding:3.5% 4%; 
		font-size:16px; line-height:30px; letter-spacing:0; }
	
	/* ------------------------------------------------------------------------------ */
	/* newsListing full */
	body#home #content #newsListing { 
		position:relative; top:auto; right:auto; width:auto; background:#fbfbfb; }
		
	/* ie7 stacking order fix */
	.ie7 body#home #content #newsListing, 
	.ie7 body#home #content #newsListing .newsItem { background:#fbfbfb!important; }
	.ie7 body#home #content #newsListing .newsItem { -ms-filter:none!important; filter:none!important; }	
	
		/* controls - header - change style */
		body#home #content #newsListing .header { 
			padding:0 4%; color:#fff; background:#20859a; letter-spacing:0; text-shadow:0 -1px 0 rgba(0,0,0,0.3); line-height:50px; }
			
			/* extra - show */
			body#home #content #newsListing .header .extra { display:inline; }		

		/* controls - hide */
		body#home #content #newsListing .controls { display:none; }
		
		/* newsItem - reset to full stacking order */
		body#home #content #newsListing .newsItem { 
			margin:0; padding:0; overflow:hidden;
			border-top:1px solid #fff; border-bottom:1px solid #bcbcbc;
			/*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; }
		body#home #content #newsListing .header + .newsItem { border-top:0; }
		/*body#home #content #newsListing .header + .newsItem + .newsItem + .newsItem { border-bottom:0; }*/
		
			/* dateTag - hide */
			body#home #content #newsListing .newsItem .dateTag { display:none; }

			/* imgThumb */
			body#home #content #newsListing .newsItem .imgThumb,
			body#home #content #newsListing .newsItem .imgThumb img { width:130px; }
			body#home #content #newsListing .newsItem .imgThumb { float:left; clear:left; }
			
			/* ------------------------------------------------------------------------------ */
			/* padder */
			body#home #content #newsListing .newsItem .padder {	width:auto; margin:0; padding:2.5% 30px 2.5% 3%; float:none; clear:none; }
				
				/* date */
				body#home #content #newsListing .newsItem .padder .date { display:block; }
				
				/* title */
				body#home #content #newsListing .newsItem .padder .title,
				body#home #content #newsListing .newsItem .padder .title a { 
					height:auto; font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:16px; }
				
				/* desc */
				body#home #content #newsListing .newsItem .padder .desc { display:none; }
				
				/* btnBox */
				body#home #content #newsListing .newsItem .padder .btnBox { 
					display:block; position:absolute; top:50%; right:4%; width:16px; height:24px; margin:-12px 0 0 0; padding:0;
					background:none; }
					
					/* label */
					body#home #content #newsListing .newsItem .padder .btnBox .label { display:none; }
					
					/* icon */
					body#home #content #newsListing .newsItem .padder .btnBox .icon { 
						display:block; top:0; left:0; width:16px; height:24px; margin:0; padding:0;
						color:#999; font-size:16px; line-height:27px; }
					.no-touch body#home #content #newsListing .newsItem:hover .padder .btnBox .icon,
					.no-touch body#home #content #newsListing .newsItem:focus .padder .btnBox .icon,
					.touch body#home #content #newsListing .newsItem:active .padder .btnBox .icon { color:#666; }
			
	
	/* ------------------------------------------------------------------------------ */
	/* primaryActions - whole width */
	body#home #content #primaryActions { display:none; }
	
	/* ------------------------------------------------------------------------------ */
	/* secondaryActions - whole width */
	body#home #content #secondaryActions { width:auto; padding:0; float:none; clear:both; z-index:30; border:none; }
	
		/* btnAction - full width */	
		body#home #content #secondaryActions .btnAction { 
			width:auto!important; padding:2.5% 50px 2.5% 4%; float:none; clear:both;
			border-top:1px solid #fff; border-bottom:1px solid #bcbcbc; }
			
			/* btnAction contents */
			body#home #content #secondaryActions .btnAction .padder { padding:0!important; border:none!important; }
				body#home #content #secondaryActions .btnAction .padder .label { letter-spacing:0; font-size:18px; line-height:30px; }
				body#home #content #secondaryActions .btnAction .padder .icon { right:4%; }
	
		/* btnAction mobile */
		body#home #content #secondaryActions .btnAction.mobile { display:block; }
}

/* ================================================================================================== */
/* section - ENEWS */
/* ================================================================================================== */

/* enewsEdition */
#enewsEdition { margin-top:20px; }

/* enewsSubscribe */
#enewsSubscribe { margin-top:20px; }

	/* enewsForm */
	#enewsForm { padding-top:10px; }
	
/* ------------------------------------------------------------------------------ */
/* responsive */
@media only screen and (max-width:400px) {

	/* enewsEdition */
	#enewsEdition { margin-top:10px; margin-bottom:4%; }
	
	/* enewsSubscribe */
	#enewsSubscribe { margin-top:0px; margin-bottom:0; }

}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; line-height:1px; }
.ir br { display: none; }
/* 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 { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* 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 { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear:both; }
.clearer { float: none;	clear: both; height: 0;	line-height: 0;	overflow: hidden; visibility: hidden; }
/* convert a list of links to a horizontal line of links with pipe seps (JX 20111004) */
.listLinks { list-style:none; overflow:visible; }
	.listLinks li { float:left; padding-right:8px; margin-right:8px; border-right: 1px solid; background: none; }
	/*.listLinks li:last-child { border-right:none; padding-right:0; }*/
	.listLinks li.last-child { border-right:none; padding-right:0; }
/* shade */
.shade {
	position:absolute; width:1px; height:1px; margin:0; padding:0; overflow:hidden;
	font-size:0; line-height:0; text-indent:-999em;
	/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.touch .shade { display:none!important; }


/* ================================================================================================== */
/*  COMMON STYLES */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* style */
.txtLowerCase 		{ text-transform:lowercase!important; }
.themeGreen			{ color:#0098a3!important; }

/* ------------------------------------------------------------------------------ */
/* layout */
.posAbs 			{ position:absolute!important; }
.posRel 			{ position:relative!important; }
.mcenter 			{ display:block; margin:0 auto!important; }
.acenter 			{ text-align:center!important; }

.overflowVis 		{ overflow:visible!important; }
.overflowHid 		{ overflow:hidden!important; }

.mgnBtm0 			{ margin-bottom:0!important; }
.mgnTop20 			{ margin-top:20px!important; }
.mgnBtm20 			{ margin-bottom:20px!important; }
.padTop15 			{ padding-top:15px!important; }
.padTop20 			{ padding-top:20px!important; }
.padBtm0 			{ padding-bottom:0!important; }
.padBtm20 			{ padding-bottom:20px!important; }

.dispInline 		{ display:inline-block!important; }
.dispBlock 			{ display:inline-block!important; }
.dispInlineBlock 	{ display:inline-block!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; }


/* ================================================================================================== */
/*  DEBUG STYLES */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* 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 {
	/*layout*/display:none!important; position:fixed; width:auto; height:30px; margin:0; padding:0 10px; overflow:hidden; z-index:1000;
	/*style*/color:#ff0; background:rgba(0,0,0,0.7);
	/*text*/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; }




















/*** Update November 2015 ***/

/* Facebook like button on homepage link bar */

/* link bar 100% width */
body#home #content #secondaryActions { width: 100%;}

/* link bar links increase from 3 to 4 */
body#home #content #secondaryActions .btnAction,
body#home #content #secondaryActions .btnAction.first,
body#home #content #secondaryActions .btnAction.last {
  width: 25%;
}

.facebook-link {
	margin: -9px 0 0 10px;
}








































