@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:14px; font-weight:normal; line-height:21px;
	/*style*/background:url(../img/bg-page-bg-x.png) 0 0 repeat-x #484848; }
	
	/* ------------------------------------------------------------------------------ */
	/*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;clear: both; }
			
	 #footer { max-width:960px; }

/* ------------------------------------------------------------------------------ */
/* pageBg */
#pageBg { 
	/*layout*/position:absolute; top:0; left:0; width:100%; height: 1500px; margin:0; padding:0; overflow:visible; z-index:-999;
	/*style*/background:url(../img/background.jpg) center 0 no-repeat; }


body#home #pageBg { height: 115%; }
		
/* ------------------------------------------------------------------------------ */
/* pageBg responsive */
@media only screen and (max-width:960px) {
	
	/* hide bg1 */
	#pageBg1 { display:none; }
	
	/* move bg2 */
	#pageBg2 { display:none; }
	
	/* hide bg3 */
	#pageBg3 { display:none; }
	
	/* hide pageBg */
	body#home #pageBg { 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; padding:0; overflow:hidden; }
		
		/* crest */
		#header .brand .crest { display:block; position:absolute; top:17px; left:0; width:135px; 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:150px; width:auto; height:auto; margin:0; padding:0;
			/*style*/color:#000; 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.25); letter-spacing:1pt;
				/*text*/font-family:"MyriadProLightBold",serif; font-size:19px; line-height:23px; font-style:normal; text-transform:uppercase; }
	
	/* ------------------------------------------------------------------------------ */
	/* 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; width:70% }
	#header .brand .heading .break { display:block;  }
	#header .brand .heading .subheading { font-size:25px; line-height:26px; height:37px; }
	
	/* 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:23px; width:80px; }
	
	/* make heading smaller */
	#header .brand .heading { top:35px; left:90px; font-size:25px; line-height:25px; }
		
	/* hide subheading */
	#header .brand .heading .subheading { font-size:17px; line-height:20px; }
	
}	

/* ================================================================================================== */
/* structure - NAV */
/* ================================================================================================== */
/* container */ 
#nav { 
	height:60px; margin:0 0 10px 0; 
	border-top:1px solid #fff; 
	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%,#aba9a9), color-stop(100%,#737373));
	background-image:-webkit-linear-gradient(top, #aba9a9 0%, #737373 100%);
	background-image:-moz-linear-gradient(top, #aba9a9 0%, #737373 100%);
	background-image:-o-linear-gradient(top, #aba9a9 0%, #737373 100%);
	background-image:linear-gradient(to bottom, #aba9a9 0%, #737373 100%);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aba9a9, endColorstr=#737373);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aba9a9, endColorstr=#737373);
	zoom:1; }
	
	/* ------------------------------------------------------------------------------ */
	/* navSelect */
	#navSelect { display:none; }
 
	
		/* ------------------------------------------------------------------------------ */
		/* 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:'MyriadProCondRegular',sans-serif; font-size:16px; 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:23px 0 7px 0;
				border-left:1px solid #000;
				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:#000; }
		
		/* navItem - selected */
		#nav .navItem.selected,
		#nav .navItem.selected .label,
		#nav .navItem.selected#nav1,
		.no-touch #nav .navItem.selected:hover,
		.no-touch #nav .navItem.selected:focus,
		.touch #nav .navItem.selected:active { cursor:default!important; }
		
		#nav .navItem.selected .label,
		#nav .navItem.selected#nav1,
		.no-touch #nav .navItem.selected:hover .label,
		.no-touch #nav .navItem.selected:focus .label,
		.touch #nav .navItem.selected:active .label { 
			color:#000;
			/*background-gradient*/
			background-color:#fff; }

		/* ------------------------------------------------------------------------------ */
		/* 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: 5.72%; }
		#nav #nav2 { width:10%; }
		#nav #nav3 { width:14.08%; }
		#nav #nav4 { width:13.89%; }
		#nav #nav5 { width:17.16%; }
		#nav #nav6 { width:12.95%; }
		#nav #nav7 { width:11.56%; }
		#nav #nav8 { width:14.57%; }
		
		#nav #nav1 i { margin-top: 23px; display: block; font-size: 22px; }
		
	/* ------------------------------------------------------------------------------ */
	/* 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; }
 

}
@media only screen and (max-width:640px) {
	
	/* ------------------------------------------------------------------------------ */
	/* switch to drop down */
	
	/* hide extra text */
	#nav .navItem .label .extra { display:inline; }
	#nav #nav1 { display: none !important; }
	/* ------------------------------------------------------------------------------ */
	/* 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-bottom:1px solid #006ad7;
			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:#FFF; background:#0365c9; }
		
		/* 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; }
		
			/* 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:left; clear:left;
		/*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:745px; height:215px; margin:0; padding:0; position: relative; float: right; }
	
	/* ------------------------------------------------------------------------------ */
	/* caption */
	#banner #caption { 
		/*layout*/position:absolute; top:0; left:0; width:23%; height:215px; margin:0; padding:0; overflow:hidden;
		/*style*/background-image:url(../img/sprite-banner.png); background-position:-152px 0; background-repeat:no-repeat; } 
	body#home #banner #caption { 
		/*layout*/left:auto; right:0; width:400px; height:400px; z-index:10;
		/*style*/background-position:-22px -225px; } 
	
		/* ------------------------------------------------------------------------------ */
		/* heading */
		#banner #caption .heading {
			/*layout*/display:inline-block;; position:relative; width:auto; height:auto; margin:75px 25px 20px 140px; padding:0; overflow:visible;
			/*style*/color:#ffae00; text-shadow:0 -1px 0 rgba(0,0,0,0.3);
			/*text*/font-family:'trajanProBold',serif; font-size:27px; font-weight:normal; line-height:40px; font-style:normal; 
			border-bottom:1px solid #FFF;
			}
			
			/* highlight */
			#banner #caption .heading .highlight { color:#02c3d1; }
		
		/* ------------------------------------------------------------------------------ */
		/* detail */
		body#home #banner #caption .detail {
			/*layout*/position:relative; margin:0px 25px 0 140px; padding:0; overflow:hidden;
			/*style*/color:#fff; text-shadow:0 0 1px rgba(0,0,0,0.5);
			/*text*/font-family:'Droid Serif',sans-serif; font-size:18px; font-weight:normal; font-style:italic; line-height:29px; text-align:left; max-height: 180px; text-transform:none; } 
			
		#banner #caption .detail {
			/*layout*/position:relative; margin:135px 0 0 23px; padding:0; overflow:hidden;
			/*style*/color:#000; text-shadow:0 0 1px rgba(0,0,0,0.5);
			/*text*/font-family:'Droid Serif',sans-serif; font-size:25px; font-weight:normal; font-style:normal; line-height:29px; text-align:left; max-height: 180px; text-transform:uppercase; display:block; }
			
			/* break */
			#banner #caption .break { display:block; }				

/* ------------------------------------------------------------------------------ */
/* banner responsive */
@media only screen and (max-width:960px) {
	#banner #caption .detail { font-size:21px; line-height:24px; }
}
@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; left:0; }
	
	/* caption */
	#banner #caption,
	body#home #banner #caption { 
		position:relative; top:auto; right:auto; width:auto; height:auto; padding:0 5% 15px ;
		/*background:#184590 url(../img/tile-light-10pc.png) 0 0 repeat;*/ background-color:#616161; background-image:none; }
		
		/* heading */
		#banner #caption .heading,
		#banner #caption .heading .highlight { margin:0; padding:0; /*font-size:32px; line-height:45px; */}
		#banner #caption .heading { padding:2% 0 2px; display:block; border:0; }

		/* detail */
		body#home #banner #caption .detail {
			position:relative; top:auto; right:auto; width:auto; height:auto; margin:0; padding:0;
			/*font-size: 22px; line-height: 34px;*/}
		
		#banner #caption .detail { margin:15px 0 0; color:#fff; text-shadow:none; }
			
			/* 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:33px; line-height:35px; } 
			
}
@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% 2% 0; }
			
}


/* ================================================================================================== */
/* structure - CONTENT SHELL */
/* ================================================================================================== */
/* container */
#content { background:#ebeae9; border:0px solid #fff; }
	
	/* ------------------------------------------------------------------------------ */
	/* common */
	#main,
	#aside { margin:0; height:auto; overflow:hidden; }
	
	/* ------------------------------------------------------------------------------ */
	/* main (right column) */
	#main { position:relative; width:67%; 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:22.91%; 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:768px) {

	/* ------------------------------------------------------------------------------ */
	/* 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 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 0 auto; padding:0 0 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;  }
		 
		/* ------------------------------------------------------------------------------ */
		/* sec */
		#megaFooter .content .sec { 
			position:relative; width:33.2%; height:auto; margin:0; 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 0 18px; padding:17px 0 10px 0; overflow:hidden; border-bottom:1px solid #000;
				/*style*/color:#666666; white-space:nowrap; text-overflow:ellipsis;
				/*text*/font-family:'OpenSansBold',sans-serif; font-size:18px; font-weight:normal; line-height:20px; }
			
			/* ------------------------------------------------------------------------------ */
			/* btnText */
			#megaFooter .content .sec .btnText { display:block; margin:0 0 4px; padding:0 0 0 10px; }
			
				/* label */
				#megaFooter .content .sec .btnText,
				#megaFooter .content .sec .btnText .label { font-size:14px; font-weight:normal; }
				
				/* icon */
				#megaFooter .content .sec .btnText .icon { width:10px; color:#aba9a9; 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:#006e6e!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{ 
			padding: 0 3%;
			max-width: 94%;
		}
}
/* ------------------------------------------------------------------------------ */
/* megaFooter responsive */
@media only screen and (max-width:600px) {
	
	/* ------------------------------------------------------------------------------ */
	/* hide links */
	#megaFooter { display:none }
 
		
	/* secLinks */
	#megaFooter .content #secLinks,
	#megaFooter .content #secLinks2,
	#megaFooter .content #secLinks3  { display:none; }
	
	
}
@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 - IDENTITY FOOTER */
/* ================================================================================================== */ 
.footerID.FW 			 { background-color:#14344a; width:100%; max-width:960px; margin:0 auto; } 

.footerID.FW .container  { padding-top:30px; padding-bottom: 30px; }
.footerID.FW .col-sm-3 a { float:right;}

.footerID.FW .brand 	 { width:100%; margin-bottom:0; }
.footerID.FW .brand img  { width:100%; max-width: 60px; margin-left:20px; }
.col-sm-1				 { width: 8.333333333333332%; }
.col-sm-5				 { width: 41.66666666666667%;  }
.col-sm-1,
.col-sm-5				 { position: relative;
						   min-height: 1px;
						   margin-right: 15px;
						   margin-left: 5px; 
						   display: inline-block !important;
						   vertical-align: top;}
.col-sm-3				 { margin-left: 25%;
						   display: inline-block !important;
						   width: 15%; 
						   position: relative; 
						   padding-right: 15px;
						   padding-left: 15px; 
						   top:0 }
.footerID.FW h6		 { margin:5px 0 10px; color:#fff; font-size: 18px; font-weight: 500; }
.footerID.FW .box-1	 { display:inline-block; width:40%; }
.footerID.FW .box-2	 { display:inline-block; width:44%; margin-left:5% }

@media only screen and (max-width:990px) {    
	.footerID.FW .col-sm-1	 { min-width:0; display:block !important; float:none; width:100%; max-width:100px; margin:auto;} 
	.footerID.FW .col-sm-5	 { width: 85%; margin: 0 auto; text-align: center; display: block !important; } 
	.footerID.FW .box-1,
	.footerID.FW .box-2	 { display: block; width:100%; margin-left:0; margin-bottom:10px;  }
	.footerID.FW .col-sm-3.col-sm-offset-3  { display:block; float:none; clear:both; margin:0; }
	.footerID.FW .col-sm-3 a{ display:none; }  
}  
@media only screen and (max-width:600px) { 
	/* center align */ 
	#footerLinks li#btnFW,
	#footerLinks li#schoolName { display:none; }  
	
} 
 

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

/* ------------------------------------------------------------------------------ */
/* container */ 
#footer { 
	height:auto; margin:0 auto; padding:5px 0; clear: both;
	background-color:#393b40;
	/*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:#797979; 
		font-family:'Droid Serif',Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; line-height:11px; font-style:italic; list-style:disc; }
	#footerLinks { width:100%; max-width:960px; margin:0 auto; padding:0; height:30px; overflow:hidden; }
	#footerLinks li { margin-top:9px; padding:0; border:0px; margin-left: 18px;}
	#footerLinks li:first-child { padding-left:15px;list-style: none; }
		
		/* link */
		#footerLinks li a { color:#797979; text-decoration:none; }
		#footerLinks li a:hover,#footerLinks li a:focus { color:#fff; text-decoration:underline; }
		
		/* btnFW */
		#footerLinks #btnFW { position:absolute; top:5px; right:40px; width:130px; height:20px; margin:0; padding:0; border:none; list-style: 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 - 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:#000; 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:0px 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:#000; /*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:#000; }
	#sideNav li.selected a.selected,
	#sideNav li.selected a.selected:hover,
	#sideNav li.selected a.selected:focus { color:#000; 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:14px; line-height:18px; }
	#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:#000!important; }
		#sideNav li li.selected a,
		#sideNav li li.selected a:hover
		#sideNav li li.selected a:focus { color:#000!important; cursor:default!important; }
		
/* ------------------------------------------------------------------------------ */
/* sideNav responsive */
@media only screen and (max-width:768px) {
	
	/* ------------------------------------------------------------------------------ */
	/* 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:'OpenSansRegular',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:#000; border-top-color:#000; border-bottom-color:#398193;  }
		
	/* ------------------------------------------------------------------------------ */
	/*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 - PAGINATION */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */
.pagination { 
	/*layout*/position:relative; width:auto; height:20px; margin:0 0 20px 0; padding:10px; overflow:hidden; float:none; clear:both;
	/*style*/color:#777; background:#fff; border:1px solid #ccc;
	/*text*/font-size:13px; font-weight:bold; line-height:20px; text-align:right;
	/*border-radius*/-webkit-border-radius:5px; border-radius:5px;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }

	/* ------------------------------------------------------------------------------ */
	/* info */
	.pagination .info { 
		position:absolute; top:10px; left:10px; width:40%; height:20px; margin:0; padding:0;
		color:#666; font-weight:normal; text-align:left; }
		
	/* ------------------------------------------------------------------------------ */
	/* common */
	.pagination .btnPrevNext,
	.pagination .btnPage { 
		/*layout*/display:inline-block; width:20px; height:20px; margin:0 5px; padding:0; overflow:hidden; vertical-align:middle;
		/*style*/color:#777; text-decoration:none; cursor:pointer; text-align:center;
		/*border-radius*/-webkit-border-radius:3px; border-radius:3px;
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
			
	/* ------------------------------------------------------------------------------ */
	/* btnPrevNext */
	.pagination .btnPrevNext { position:relative; }
		
	/* btnPrevNext - disabled */
	.pagination .btnPrevNext.disabled,
	.pagination .btnPrevNext.disabled:hover,
	.pagination .btnPrevNext.disabled:focus,
	.pagination .btnPrevNext.disabled:active { 
		cursor:default!important;
		/*opacity*/
		opacity:0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter:alpha(opacity=50); }

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

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

}


/* ================================================================================================== */
/* 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:#000; letter-spacing:0px; white-space:nowrap; text-overflow:ellipsis;
		/*text*/font-family:'OpenSansBold',sans-serif; font-size:18px; font-weight:normal; line-height:55px;  }

/* ------------------------------------------------------------------------------ */
/* 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 { 
		font-family: 'OpenSansRegular';
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
		color:#424242!important; font-weight:normal; line-height:23px;
		/*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-color:#737373; 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:#424242; 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:0px; text-shadow:0 1px 0 rgba(255,255,255,0.7); 
			color:#000!important; font-family:'OpenSansSemibold',sans-serif; font-size:16px; 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:#000; }

/* ------------------------------------------------------------------------------ */
/* 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%; }

} 

/* ------------------------------------------------------------------------------ 
   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; margin-top: 10px; }

	/* ------------------------------------------------------------------------------ */
	/* 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:#fff; 
		border-left:solid 1px #FFF;
		border-top:solid 1px #FFF;
		 }

		/* ------------------------------------------------------------------------------ */
		/* 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:100%; padding:1.5% 1.5% 1.5% 0; float:left; clear:left; }
 
/* ------------------------------------------------------------------------------ 
   STRUCTURE | STYLES responsive 
   ------------------------------------------------------------------------------ */
@media only screen and (max-width:768px) {
			body#home #content { 
				margin-top:0;
			}			
}
/* ------------------------------------------------------------------------------ 
   STYLES 
   ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* welcome */
body#home #content #welcome {
	min-height:160px; 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:#000; font-family:'OpenSansBold',sans-serif; }

/* ------------------------------------------------------------------------------ */
/* newsListing */
body#home #content #newsListing { /*height:450px;*/ background-color:#f0efee; }
	
	/* ------------------------------------------------------------------------------ */
	/* 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;border: 0px;   }
		
		/* ------------------------------------------------------------------------------ */
		/* dateTag */
		body#home #content #newsListing .newsItem .dateTag { 
			/*layout*/display:none; 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; position: relative; }
		
		/* ------------------------------------------------------------------------------ */
		/* 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:65px; margin:0 0 10px; padding:0; overflow:hidden;
				color:#313131!important; text-decoration:none!important;
				font-family:'OpenSansSemibold',sans-serif; font-size:16px; font-weight:normal; line-height:22px; }
			.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:#717171!important; }
			
			/* desc */
			body#home #content #newsListing .newsItem .padder .desc { 
				display:block; height:60px; margin:0; padding:0; overflow:hidden;
				color:#797979; font-size:14px; 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 { 
		display:none;
		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; }
			
 
/* ------------------------------------------------------------------------------ 
   STRUCTURE | STYLES responsive 
   ------------------------------------------------------------------------------ */
@media only screen and (max-width:860px) {
			body#home #content #newsListing .newsItem .padder .title,
			body#home #content #newsListing .newsItem .padder .title a { 
				height:84px;
			}			
}
/* ------------------------------------------------------------------------------ */
/* secondaryActions */
/*body#home #content #secondaryActions { 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; } 
	
	/* ------------------------------------------------------------------------------ */
	/* btnAction */
	body#home #content #secondaryActions .btnAction { 
			width:31%; float:left; clear:none; margin-left:2.9%; padding-top:11px; padding-bottom:11px; 
			border:1px solid #cdcdcd;
			/*border-radius*/-webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;
			/*background-gradient*/
			background-color:none;
			background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dcdcdc));
			background-image:-webkit-linear-gradient(top, #ededed 0%, #dcdcdc 100%);
			background-image:-moz-linear-gradient(top, #ededed 0%, #dcdcdc 100%);
			background-image:-o-linear-gradient(top, #ededed 0%, #dcdcdc 100%);
			background-image:linear-gradient(to bottom, #ededed 0%, #dcdcdc 100%);
			-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#dcdcdc);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#dcdcdc);
			zoom:1;  
			}
	body#home #content #secondaryActions .btnAction.first { margin-left:0px; }
	body#home #content #secondaryActions .btnAction.last { /*width:33%;*/ }
	
	/* ie7 fix */
	.ie7 body#home #content #secondaryActions .btnAction { width:31%; }
	
		/* padder */
		body#home #content #secondaryActions .btnAction .padder	{ 
			padding:5px 35px 5px 15px; 
			background:none; border-left:0px solid #ecebeb; border-right:0px 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:19px; line-height:30px; }
	
	/* ------------------------------------------------------------------------------ */
	/* newsListing wider */
	body#home #content #newsListing { width:33%;  height:55%; }
	
	/* 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; margin-top: 20px; }
	
		/* btnAction - make text bigger */	
		body#home #content #secondaryActions .btnAction .padder .label { font-size:20px; line-height:25px; }

}
 
@media only screen and (max-width:640px) { 
	
	/* ------------------------------------------------------------------------------ */
	/* 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% 5%; 
		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:#000; 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:10px 5px; padding:0; overflow:hidden;
			border-top:0px solid #fff;   
			/*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; }
		  
		
			/* 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% 50px 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:-17px 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:74%!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:16px; line-height:20px; }
				body#home #content #secondaryActions .btnAction .padder .icon { right:4%; }
	
		/* btnAction mobile */
		body#home #content #secondaryActions .btnAction.mobile { display:block; }
}



@media only screen and (max-width:600px) {
			body#home #content #newsListing .newsItem .padder { padding:2.5% 40px 2.5% 3%; }
			
			body#home #content #secondaryActions .btnAction { margin:0 auto 10px !important; }
			body#home #content #secondaryActions .btnAction.last { margin:0 auto 20px !important; }
}
@media only screen and (max-width:400px) {
			body#home #content #secondaryActions .btnAction  { padding:4.5% 40px 4.5% 3%; }
}

/* ================================================================================================== */
/*  SECTION - NEWS & EVENTS 
/* ================================================================================================== */   
  
	#content #newsListing { overflow:visible;} 
	#content #newsListing .newsItem {overflow:visible;border-bottom:1px solid #bcbcbc; margin:30px 0 0 0; } 
	
	/*For Events*/
	#content #newsListing.eventsListing .newsItem { min-height: 96px; }
	 
	#content #newsListing .newsItem.first-child{margin-top:10px !important;}
	#content #newsListing .newsItem.last-child{border-bottom:none !important;}
	#content #newsListing .newsItem a.imgThumb{ display:block; margin:2% 0 0 0; padding:0;  } 
	#content #newsListing .newsItem .imgThumb img{ display:block; width:228px; height:144px; margin:0; padding:0; position:absolute; }
	#content #newsListing .newsItem .padder { position:relative; height:auto; margin:0 0 0 260px; padding: 0 0 4% 0; overflow:hidden; }
	/*For Events*/
	#content #newsListing.eventsListing .newsItem .padder { position:relative; min-height:90px; margin:0 0 0 70px ; padding: 0 0; overflow:hidden;  }
	
	#content #newsListing .newsItem .dateTag { 
			padding:0;
			margin:0;
			color:#777;
			font-size:12px;
			font-family:'MyriadProSemiCondBold';
			font-weight:normal;
	} 
	/* title */ 
	.resourcesItem .title a,
	.contentViewport .resourcesItem .title a,
	#content #newsListing .newsItem .padder .title,
	#content #newsListing .newsItem .padder .title a { 
		display:block; margin:4px 0 0; padding:0; overflow:hidden;
		color:#272727 ; text-decoration:none!important;
		font-family:'OpenSansSemibold', Arial; font-size:16px; font-weight:normal; line-height:20px; }
	
	.resourcesItem .title a:hover,
	.contentViewport .resourcesItem .title a:hover,
	.no-touch #content #newsListing .newsItem .padder .title a:hover,
	.no-touch #content #newsListing .newsItem .padder .title a:focus,
	.touch #content #newsListing .newsItem .padder .title a:active { color:#616161 }
		
	/* desc */
	#content #newsListing .newsItem .padder .desc { 
		display:block; margin:0; padding:5px 0 13px 0; overflow:hidden;
		color:#797979; font-size:14px; line-height:20px; }
	
	
	/*Date Styling*/
	#content #newsListing.eventsListing .newsItem { position:relative; }
	#content #newsListing .newsItem  .eventDate { 
		display: block;
		height: 90px;
		left: 0;
		overflow: hidden;
		position: absolute;
		text-align: left;
		top: -2px;
		width: 50px;
	}
	
	#content #newsListing .newsItem  .eventDate .d {
		color: #FFFFFF;
		display: block; 
		font-size: 30px;
		font-weight: normal;
		height: 30px;
		line-height: 30px;
		padding: 17px 0 0 7px;
		background-color:#585858;
	}
	
	#content #newsListing .newsItem  .eventDate .m {
		color: #434244;
		display: block; 
		font-size: 15px;
		line-height: 16px;
		padding-left: 7px;
		padding-top: 4px;
		text-transform: uppercase;
	}
	
	#content #newsListing .newsItem  .eventDate .y {
		color: #656565;
		display: block; 
		font-size: 12px;
		font-weight: normal;
		line-height: 13px;
		padding-left: 7px;
	}
	
@media only screen and (max-width:660px) {
	#content #newsListing .newsItem { min-height: auto !important;} 
}

@media only screen and (max-width:500px) { 
	
	/* ------------------------------------------------------------------------------ */
	/* convert to stacking order */

	/* ------------------------------------------------------------------------------ */
	/* newsListing full */
	#content #newsListing { 
		position:relative; top:auto; right:auto; width:auto;  padding:0; width:100%; height:auto; }
		
	/* ie7 stacking order fix */
	.ie7 #content #newsListing, 
	.ie7 #content #newsListing .newsItem { background:none!important;-ms-filter:none!important; filter:none!important; } 
	
	/* btnBox */
	#content #newsListing .newsItem .padder .btnBox {  
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(enabled='false')!important;
		filter:progid:DXImageTransform.Microsoft.gradient(enabled='false')!important;
		zoom:1; }
	
		/* controls - header - change style */
		 #content #newsListing .header { 
			font-size:26px;padding:0 4%; background:#777; letter-spacing:0; text-shadow:0 -1px 0 rgba(255,255,255,0.3); line-height:50px; border-bottom:none;}
			
			/* extra - show */
			 #content #newsListing .header .extra { display:inline; }		

		/* controls - hide */
		 #content #newsListing .controls { display:none; }
		
		/* newsItem - reset to full stacking order */
		 #content #newsListing .newsItem { 
			margin:10px 0 0 0; padding:0 0 20px 0; overflow:hidden;
		    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;float:none !important; }
		 #content #newsListing .header + .newsItem { border-top:0; }
		/*body#home #content #newsListing .header + .newsItem + .newsItem + .newsItem { border-bottom:0; }*/
		
			/* dateTag - hide */
			 #content #newsListing .newsItem .dateTag { display:block; }

			/* imgThumb */
			 #content #newsListing .newsItem .imgThumb,
			 #content #newsListing .newsItem .imgThumb img { width:130px; position:relative; height:auto}
			 #content #newsListing .newsItem .imgThumb { float:left; clear:left;margin: 10px 0 0 15px; width:auto}
			
			/* ------------------------------------------------------------------------------ */
			/* padder */
			 #content #newsListing .newsItem .padder {	width:auto; margin:0; padding:2.5% 0px 2.5% 5%; float:none; clear:none; }
				
				/* date */
				 #content #newsListing .newsItem .padder .date { display:block; }
				
				/* title */
				 #content #newsListing .newsItem .padder .title,
				 #content #newsListing .newsItem .padder .title a { 
					height:auto; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:18px; width:90%; }
				
				/* desc */
				 #content #newsListing .newsItem .padder .desc { display:none; }
				
				/* btnBox */
				 #content #newsListing .newsItem .padder .btnBox { 
					display:block; position:absolute; top:50%; right:4%; width:16px; height:24px; margin:0 0 0 0; padding:0;
					background:none; }
					
					 #content #newsListing .newsItem .padder .btnBox .icon{ 
					 font-size:24px !important; }
					
					/* label */
					 #content #newsListing .newsItem .padder .btnBox .label { display:none; }
					
					/* icon */
					 #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 #content #newsListing .newsItem:hover .padder .btnBox .icon,
					.no-touch #content #newsListing .newsItem:focus .padder .btnBox .icon,
					.touch #content #newsListing .newsItem:active .padder .btnBox .icon { color:#666; }
			
}  

@media only screen and (max-width:400px) { 
/* title */
				 #content #newsListing .newsItem .padder .title,
				 #content #newsListing .newsItem .padder .title a { width:95%; }
}

/* ------------------------------------------------------------------------------ */
/* resourcesItem */
/* ------------------------------------------------------------------------------ */

/* container */
#resourcesListing,
.contentViewport #resourcesListing,
.contentViewport #resourcesListing:first-child { margin:0; }

/* default item in group */
.resourcesItem,
.contentViewport .resourcesItem { 
	position:relative; width:auto; height:auto; margin:0; padding:20px 120px 20px 0; overflow:hidden; border-top:1px dotted #d1d1d1; }
.resourcesItem.first-child,
.contentViewport .resourcesItem.first-child { border-top:0px solid #bebebe; }
.resourcesItem:first-child,
.contentViewport .resourcesItem:first-child { border-top:0px solid #bebebe; } 

/* single item */
.resourcesItemSingle,
.contentViewport .resourcesItemSingle { margin:0 0 10px 0; border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; }
.resourcesItemSingle.first-child,
.contentViewport .resourcesItemSingle.first-child { border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; }
.resourcesItemSingle:first-child,
.contentViewport .resourcesItemSingle:first-child { border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; }
.resourcesItemSingle.last-child,
.contentViewport .resourcesItemSingle.last-child { border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; }
.resourcesItemSingle:last-child,
.contentViewport .resourcesItemSingle:last-child { border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; }
 
	/* desc */
	.resourcesItem .desc,
	.contentViewport .resourcesItem .desc { padding:0; }
	
	/* btn */
	.resourcesItem .btnBox,
	.contentViewport .resourcesItem .btnBox { display:inline-block; position:absolute; top:50%; right:0; margin:-15px 0 0 0; }

/* ------------------------------------------------------------------------------ */
/* resourcesItem - responsive */
@media only screen and (max-width:400px) {
	
	/* remove right gap */
	.resourcesItem,
	.contentViewport .resourcesItem,
	.contentViewport .resourcesItem:first-child { padding:10px 0; }
	
	/* simplify title */
	.resourcesItem .title,
	.contentViewport .resourcesItem .title,
	.resourcesItem .title a,
	.contentViewport .resourcesItem .title a { font-size:14px; line-height:20px; }
	
	/* hide desc, btn */
	.resourcesItem .desc,
	.contentViewport .resourcesItem .desc,
	.resourcesItem .btnBox,
	.contentViewport .resourcesItem .btnBox  { display:none; }

}








/* ==|== 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; }