/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset */






/* apply a natural box layout model to all elements, but allowing components to change */
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}




/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

.centred {
	text-align: center;
}










/* fonts */

@font-face{
	font-family:"Rockwell W01 Light";
	src:url("/fonts/8a120ae1-7a5b-484b-a170-f67812b59652.eot?#iefix");
	src:url("/fonts/8a120ae1-7a5b-484b-a170-f67812b59652.eot?#iefix") format("eot"),url("/fonts/7658dda6-217a-406c-bcb8-7551f88e2c49.woff") format("woff"),url("/fonts/ec796902-2e28-46d0-8bbd-071b83705a39.ttf") format("truetype"),url("/fonts/66d3bbb2-4ca8-48e9-b707-f53f776ec476.svg#66d3bbb2-4ca8-48e9-b707-f53f776ec476") format("svg");
}

@font-face{
	font-family:"Rockwell W01";
	src:url("/fonts/73e6c08f-deb5-4d6f-827b-597a84046aa4.eot?#iefix");
	src:url("/fonts/73e6c08f-deb5-4d6f-827b-597a84046aa4.eot?#iefix") format("eot"),url("/fonts/de4b0540-9702-4662-8f3a-228419485257.woff") format("woff"),url("/fonts/bc34c4cd-af2c-400d-b4d0-726e2d89f690.ttf") format("truetype"),url("/fonts/59c05ddc-99f9-44db-82ce-cb7f503b5110.svg#59c05ddc-99f9-44db-82ce-cb7f503b5110") format("svg");
}

@font-face {
    font-family: 'dejavu_serifbook';
    src: url('/fonts/DejaVuSerif-webfont.eot');
    src: url('/fonts/DejaVuSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSerif-webfont.woff') format('woff'),
         url('/fonts/DejaVuSerif-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSerif-webfont.svg#dejavu_serifbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dejavu_serifbold';
    src: url('/fonts/DejaVuSerif-Bold-webfont.eot');
    src: url('/fonts/DejaVuSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSerif-Bold-webfont.woff') format('woff'),
         url('/fonts/DejaVuSerif-Bold-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSerif-Bold-webfont.svg#dejavu_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dejavu_serifitalic';
    src: url('/fonts/DejaVuSerif-Italic-webfont.eot');
    src: url('/fonts/DejaVuSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSerif-Italic-webfont.woff') format('woff'),
         url('/fonts/DejaVuSerif-Italic-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSerif-Italic-webfont.svg#dejavu_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dejavu_serifbold_italic';
    src: url('/fonts/DejaVuSerif-BoldItalic-webfont.eot');
    src: url('/fonts/DejaVuSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSerif-BoldItalic-webfont.woff') format('woff'),
         url('/fonts/DejaVuSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSerif-BoldItalic-webfont.svg#dejavu_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}







body {
	background-color: #f6f6ee;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 76%;
	color: #333;
}

a {
	color: #414141;
	text-decoration: none;
}

a img {
	vertical-align: middle;
}

a:hover,
a:focus {
	color: #000;
	text-decoration: underline;
}

input {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 100%;
}

sub {
	vertical-align:text-bottom;
	font-size:75%;
	line-height: 1;
}

sup {
	vertical-align:text-top;
	font-size:75%;
	line-height: 1;
}


div#wrapper {
	max-width: 1200px;
	margin: -1px auto 0 auto;
	position: relative;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: white;
}

div#header {
	background: white url(/img/banners/desktop.jpg) no-repeat right 0; /* virtual image */
	position: relative;
	overflow: hidden;
	height: 150px;
}

div#header div.logo {
	position: absolute;
	top: 20px;
	left: 40px;
	width: 100px;
}

div#header div.logo img {
	width: 100%;
	height: auto;
}

div#header div.logo img.mobile {
	display: none;
}

div#header div.site-intro {
	float: right;
	margin-right: 30px;
	width: 530px;
	font-family:"Rockwell W01 Light";
	color: white;
	font-size: 23px;
	line-height: 1.35;
}

div#header div.site-intro p {
	vertical-align: middle;
	display: table-cell;
	height: 150px;
}







/* main navigation */

div#navbar {
	clear: both;
	background-color: #2d718a;
	font-family:"Rockwell W01 Light";
	font-size: 145%;
	position: relative;
}

ul.menu, ul.menu ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 999;
	line-height: 1;
}

ul.menu a {
	display: block;
	color: white;
	text-decoration: none;
	padding: 0 25px;
	height: 46px;
	line-height: 50px;
}

ul.menu li a {
	background: transparent url(/img/vertical-nav-divider.png) no-repeat left center;
}

ul.menu li.home a {
	/* home */
	background-image: url(/img/spritesheet.png) !important;
	background-position: 17px -1615px;
	text-indent: -5000px;
}

html.touch ul.menu a:active {
	background-color: #44adef;
	background-image: none;
}

ul.menu li.on > a {
	background-color: #44adef !important;
	background-image: none;
}

ul.menu li {
	float: left;
	padding: 0;
}

ul.menu li ul {
	background-color: #5a8d9e;
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0;
	width: 100%;
}

ul.menu li li {
	border: 0;
}

ul.menu li ul a {
	color: white;
}

ul.menu li ul a:hover,
ul.menu li ul a:focus {
	color: white;
}

ul.menu li:hover ul ul, ul.menu li:focus ul ul, ul.menu li:hover ul ul ul, ul.menu li:focus ul ul ul, ul.menu li.sfHover ul ul, ul.menu li.sfHover ul ul ul {
	left: -999em;
}

ul.menu li:hover ul, ul.menu li li:hover ul, ul.menu li li li:hover ul, ul.menu li:focus ul, ul.menu li li:focus ul, ul.menu li li li:focus ul, ul.menu li.sfHover ul, ul.menu li li.sfHover ul, ul.menu li li li.sfHover ul {
	left: 0;
}

ul.menu li:hover > a,
ul.menu li:focus > a,
ul.menu li.sfHover > a {
	background-color: #5A8D9E;
	background-image: none;
}

ul.menu li li a:hover,
ul.menu li li a:focus {
	color: white;
	background-color: #79a6b5;
	background-image: none;
}

ul.menu li.on + li > a,
ul.menu li:hover + li > a,
ul.menu li:focus + li > a,
ul.menu li.sfHover + li > a {
	background-image: none; /* remove vertical divider from adjacent navigation items */
}

html.touch ul.menu li li a:active {
	color: black;
}


ul.menu li.more > a:before {
	content: '';
	display: block;
	float: left;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid white; 
	margin: 22px 10px 0 0;
}




div#navbar ul.mobile-menu {
	display: none;
}




div#navbar div.search-form {
	float: right;
	padding-right: 20px;
	padding-top: 10px;
	text-align: right;
	overflow: hidden;
}

div#navbar div.search-form div {
	float: left;
	margin-left: 5px;
}

div#navbar div.search-form div.text input {
	width: 15em;
}

div#navbar div.search-toggler {
	display: none;
	position: absolute;
	top: 10px;
	right: 20px;
	background: transparent url(/img/spritesheet.png) no-repeat -8px -672px;
	text-indent: -5000px;
	width: 46px;
	height: 26px;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}








/* side bar */

.sidebar {
	clear: both;
	float: left;
	width: 18%;
	margin-top: 20px;
}

.sidebar h2 {
	font-family:"Rockwell W01 Light";
	color: #2d718a;
	font-size: 260%;
	margin-bottom: 0.5em;
}

.sidebar h2 a {
	color: #2d718a;
	text-decoration: none;
}

.sidebar h2 a:hover,
.sidebar h2 a:focus {
	color: #37acf1;
}

html.touch .sidebar h2 a:active {
	color: #000;
}

.sidebar div.sidebar-box {
	background: white url(/img/1px-dotted-grey-border.png) repeat-x 0 0;
	padding-top: 25px;
	padding-left: 25px;
	margin-bottom: 30px;
}

.sidebar div.sidebar-box.no-border {
	background-image: none;
	padding-top: 0;
}

.sidebar div.sidebar-box h4 {
	text-transform: uppercase;
	margin-bottom: 0.8em;
	color: #999;
	font-size: 90%;
	padding-left: 25px;
	margin-left: -25px;
	height: 16px;
	line-height: 16px;
	background: transparent url(/img/spritesheet.png) no-repeat 100px 100px;
}

.sidebar div.sidebar-box h4.tag {
	background-position: 0 0;
}

.sidebar div.sidebar-box h4.share {
	background-position: 0 -37px;
}

.sidebar div.sidebar-box h4.type {
	background-position: 0 -125px;
}

.sidebar div.sidebar-box h4.work-areas {
	background-position: 0 -356px;
}



.sidebar div.sidebar-box.tag-list ul li {
	font-size: 110%;
	margin-bottom: 0.75em;
}

.sidebar div.sidebar-box.tag-list ul li a {
	color: #888;
}

.sidebar div.sidebar-box.tag-list ul li a:hover,
.sidebar div.sidebar-box.tag-list ul li a:focus {
	color: #2d718a;
}

.sidebar div.sidebar-box.tag-list ul li a.selected {
	color: #2d718a;
	font-weight: bold;
	background: transparent url(/img/spritesheet.png) no-repeat 0 -1530px;
	padding-left: 22px;
	margin-left: -22px;
}

.sidebar div.sidebar-box.tag-list ul li a.selected:hover,
.sidebar div.sidebar-box.tag-list ul li a.selected:focus {
	background-position: 0 -1570px;
}

.sidebar div.sidebar-box.news-supplementary-links p {
	margin-bottom: 1.5em;
}


 div.sharing-tools a {
	display: inline-block;
	width: 36px !important;
	height: 35px;
	cursor: pointer;
	margin-right: 1px;
	background: transparent url(/img/spritesheet.png) no-repeat 0 0;
	text-indent: -5000px;
}

div.sharing-tools a.addthis_button_twitter {
	background-position: 0 -501px;
}

div.sharing-tools a.addthis_button_twitter:hover,
div.sharing-tools a.addthis_button_twitter:focus {
	background-position: 0 -544px;
}

html.touch div.sharing-tools a.addthis_button_twitter:active {
	background-position: 0 -586px;
}

div.sharing-tools a.addthis_button_facebook {
	background-position: -41px -501px;
}

div.sharing-tools a.addthis_button_facebook:hover,
div.sharing-tools a.addthis_button_facebook:focus {
	background-position: -41px -544px;
}

html.touch div.sharing-tools a.addthis_button_facebook:active {
	background-position: -41px -586px;
}

div.sharing-tools a.addthis_button_email {
	background-position: -82px -501px;
}

div.sharing-tools a.addthis_button_email:hover,
div.sharing-tools a.addthis_button_email:focus {
	background-position: -82px -544px;
}

html.touch div.sharing-tools a.addthis_button_email:active {
	background-position: -82px -586px;
}




.sidebar div.sidebar-box.back-link a {
	font-weight: bold;
	color: #2d718a;
}








/* secondary nav */

nav.secondary-nav p {
	font-weight: bold;
	margin-bottom: 1em;
}

nav.secondary-nav ul li a {
	display: block;
	padding: 10px;
	border-top: 1px solid #eee;
	line-height: 1.35em;
}

nav.secondary-nav ul li:first-child a {
	border-top: 0;
}

nav.secondary-nav ul li a.current {
	font-weight: bold;
	background-color: #f6f6ee;
}

nav.secondary-nav ul li li a {
	padding-left: 20px;
	border-top: 0;
}


nav.secondary-nav ul li li a.current {
	background-color: transparent;
}

div.mobile-secondary-nav {
	display: none;
}









/* grid */

.main-content-column {
	float: right;
	width: 80%;
}

.span-1 {
	width: 58px;
}
.span-2 {
	width: 136px;
}
.span-3 {
	width: 214px;
}
.span-3 {
	width: 214px;
}
.span-4 {
	width: 292px;
}
.span-5 {
	width: 370px;
}
.span-6 {
	width: 448px;
}
.span-7 {
	width: 526px;
}
.span-8 {
	width: 526px;
}

[class*='span-'] {
	padding-right: 20px;
}

[class*='span-']:last-of-type {
	padding-right: 0;
}







/* main area */

div#main-area {
	padding: 40px 25px 25px 25px;
}

body.home div#main-area {
	padding-top: 25px;
}














/* content styles */

.content {
	font-family: 'dejavu_serifbook';
	margin-right: 80px;
}

.content h1 {
	font-family:"Rockwell W01";
	color: #2d718a;
	font-size: 340%;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}

.content h2 {
	font-family:"Rockwell W01";
	color: #2d718a;
	font-size: 200%;
	margin-bottom: 0.75em;
	line-height: 1.35em;
}

.content h2 a {
	color: #44adef;
}


.content h3 {
	font-family: 'dejavu_serifbold';
	font-size: 160%;
	margin-bottom: 0.5em;
	line-height: 1.35em;
}

.content h4 {
	font-family:"Rockwell W01 Light";
	color: #2d718a;
	font-size: 180%;
	margin-bottom: 0.75em;
	line-height: 1.35em;
}

.content h4 strong {
	font-family:"Rockwell W01";
}

.content h6 {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 120%;
	margin-bottom: 1em;
}

.content h6 {
	border-top: 1px solid #ccc;
	padding-top: 25px;
}

.page-headings {
	margin-bottom: 40px;
}

.content.page-headings h6 {
	border-top: 0;
	padding-top: 0;
}

.content p {
	line-height: 1.6em;
	font-size: 140%;
	margin: 1em 0;
}

.content ul,
.content ol {
	margin: 1em 0;
	line-height: 1.6em;
	padding-left: 3em;
	font-size: 140%;
}

.content ul li {
	list-style-type: disc;
	margin-bottom: 0.5em;
}

.content ol li {
	list-style-type: decimal;
	margin-bottom: 1em;
}

.content .page-headings {
	margin-bottom: 50px;
}

.content a {
	text-decoration: underline;
	color: #888;
}

.content a:hover,
.content a:focus {
	color: #2d718a;
}

.content strong,
.content b {
	font-family: 'dejavu_serifbold';
}

.content em,
.content i {
	font-family: 'dejavu_serifitalic';
}

.content .downloads-and-links a.external-link {
	display: inline-block;
	background: transparent url(/img/spritesheet.png) no-repeat 0 -171px;
	padding-left: 35px;
	margin-right: 2em;
	text-decoration: underline;
	color: #000;
}

.content .downloads-and-links a.external-link[href^="http://"] {
	background-position: 0 -245px;
}

.content .downloads-and-links a.external-link[href^="http://www.cse.org.uk"] {
	background-position: 0 -171px;
}

.content .downloads-and-links a:hover,
.content .downloads-and-links a:focus {
	color: #2d718a;
	text-decoration: underline;
}

.content hr {
	border: 0;
	color: white;
	background-color: #ccc;
	height: 1px;
	margin: 1em 0;
}

.content table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
	margin: 3em 0;
}

.content table tr {
}

.content table th {
	padding: 12px;
	font-family: 'dejavu_serifbold';
	font-weight: normal;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-collapse: collapse;
	line-height: 1.5em;
	font-size: 110%;
}

.content table td {
	padding: 12px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	line-height: 1.5em;
	font-size: 110%;
}

.content table td p,
.content table th p {
	margin: 0;
	font-size: 100%;
	line-height: 1.5em;
}

.content div.content-type-label {
	text-transform: uppercase;
	color: #5a8d9e;
	font-size: 90%;
	padding-left: 25px;
	height: 16px;
	line-height: 16px;
	font-family: arial, helvetica, verdana, sans-serif;
}

.content div.content-type-label.tag {
	background: transparent url(/img/spritesheet.png) no-repeat 0 0;
}

.content blockquote {
	font-family: 'dejavu_serifitalic';
	padding-left: 15px;
	border-left: 8px solid #5A8D9E;
}

.content img {
	max-width: 100%;
	height: auto !important;
}


a.pdflink {
	background: transparent url(../img/icons/icon_pdf.gif) no-repeat left center;
	padding: 1px 0 2px 22px;
}

a.doclink {
	background: transparent url(../img/icons/icon_doc.gif) no-repeat left center;
	padding: 1px 0 2px 22px;
}

a.xlslink,
a.csvlink {
	background: transparent url(../img/icons/icon_csv.gif) no-repeat left center;
	padding: 1px 0 2px 22px;
}

a.pptlink {
	background: transparent url(../img/icons/icon_powerpoint.png) no-repeat left center;
	padding: 1px 0 2px 22px;
}

a.pdflink-large {
	background: transparent url(../img/icons/icon_pdf_large.png) no-repeat left center;
	padding: 7px 0 7px 38px;
	font-size: 120%;
}

a.xlslink-large,
a.csvlink-large {
	background: transparent url(../img/icons/icon_xls_large.gif) no-repeat left center;
	padding: 7px 0 7px 38px;
	font-size: 120%;
}

a.doclink-large {
	background: transparent url(../img/icons/icon_doc_large.gif) no-repeat left center;
	padding: 7px 0 7px 38px;
	font-size: 120%;
}

a.arrow-link,
a.arrowlink {
	background: transparent url(../img/icons/orange_arrow.gif) no-repeat left center;
	padding-left: 20px;
}

a.extlink {
	background: transparent url(../img/icons/icon_extlink.png) no-repeat left center;
	padding: 1px 0 1px 20px;
}


.content a.rss {
	background: transparent url(/img/spritesheet.png) no-repeat 0 -306px;
	padding-left: 20px;
}





/* page-intro */

.page-intro {
	margin-right: 0;
}

.page-intro h1 {
	font-size: 500%;
	margin-bottom: 0;
	font-family:"Rockwell W01 Light";
	display: inline-block;
}

.page-intro div.active-filters {
	display: inline-block;
	margin-left: 30px;
	position: relative;
	top: -10px;
}

.page-intro div.active-filters a {
	display: inline-block;
	background-color: #eee;
	padding: 6px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	position: relative; /* ie8 fix */
	font-family: arial, helvetica, verdana, sans-serif;
	text-decoration: none;
	margin-left: 10px;
	color: #666;
}

.page-intro div.active-filters a:after {
	content: '\00d7';
	display: block;
	width: 12px;
	height: 12px;
	float: right;
	margin-left: 10px;
}

.page-intro div.active-filters a:hover {
	background-color: #44adef;
	color: white;
}

.page-intro .back-button {
	float: right;
}






/* homepage carousel */

div.homepage-carousel {
	margin-bottom: 30px;
}

div.homepage-carousel div.item a {
	display: block;
	position: relative;
}

div.homepage-carousel div.item a div.image {
	background-size: cover;
	height: 320px;
}

div.homepage-carousel div.item a div.text-panel {
	position: absolute;
	bottom: 20px;
	padding: 20px;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.9);
	width: 400px;
}

div.homepage-carousel div.item a div.text-panel.left {
	left: 20px;
}

div.homepage-carousel div.item a div.text-panel.right {
	right: 20px;
}

div.homepage-carousel div.item a div.text-panel h2 {
	font-family:"Rockwell W01";
	color: #2d718a;
	font-size: 260%;
	margin-bottom: 0.5em;
	line-height: 1.1em;
}

div.homepage-carousel div.item a div.text-panel p.intro {
	font-family: 'dejavu_serifbook';
	font-size: 115%;
	line-height: 1.5em;
	margin-bottom: 1em;
}

div.homepage-carousel div.item a div.text-panel p.more {
	font-weight: bold;
	text-decoration: underline;
}

div.homepage-carousel ul.slick-dots {
	position: relative;
	bottom: auto;
	margin-top: 5px;
}

div.homepage-carousel ul.slick-dots li {
	margin: 0;
}








/* content list grid */

.row-container.top-border {
	border-top: 1px solid #ddd;
	padding-top: 20px;
	margin-top: 20px;
}

.content-list-grid {
	margin: 0 -1.5%;
	overflow: hidden;
	margin-top: 20px;
}

.content-list-grid .item {
	font-family: arial, helvetica, verdana, sans-serif;
	display: block;
	float: left;
	width: 22%;
	margin: 0 1.5% 30px 1.5%;
/*	border-left: 1px solid #ddd;*/
/*	padding-left: 1.5%;*/
	text-decoration: none;
}

.content-list-grid .item:hover,
.content-list-grid .item:focus {
	text-decoration: none;
}

.content-list-grid .item div.image {
	overflow: hidden;
	position: relative;
}

.content-list-grid .item.resource div.image {
	border: 1px solid #ccc;
}

.content-list-grid .item div.image img {
	width: 100%;
	height: auto;
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	-ms-transition: opacity .4s;
	transition: opacity .4s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
}

.content-list-grid .item:hover div.image img,
.content-list-grid .item:focus div.image img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
}

.content-list-grid .item.resource.videos div.image:after {
	content: '';
	display: block;
	z-index: 10;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 50%;
	left: 50%;
	margin-left: -25px;
	margin-bottom: -25px;
	background: rgb(45, 113, 138);
	background: rgba(45, 113, 138, 0.6) url(/img/spritesheet.png) no-repeat 17px -1460px;
	-webkit-transition: background-color 0.5s; /* Safari and Chrome */
    -moz-transition: background-color 0.5s; /* Firefox */
    -ms-transition: background-color 0.5s; /* IE 9 */
    -o-transition: background-color 0.5s; /* Opera */
    transition: background-color 0.5s;
}

.content-list-grid .item.resource.videos:hover div.image:after,
.content-list-grid .item.resource.videos:focus div.image:after {
	background-color: rgba(45, 113, 138, 1);
}

.content-list-grid .item div.title {
	margin-top: 10px;
	font-size: 130%;
	color: #4c4c4c;
	line-height: 1.3em;
}

.content-list-grid .item:hover div.title,
.content-list-grid .item:focus div.title,
.content-list-grid .item:hover div.subtitle,
.content-list-grid .item:focus div.subtitle {
	color: #2d718a;
}

.content-list-grid .item:hover div.subtitle,
.content-list-grid .item:focus div.subtitle {
	text-decoration: underline;
}

.content-list-grid .item div.subtitle {
	margin-top: 0.7em;
	font-size: 100%;
	color: #999;
}

.content-list-grid .item div.summary {
	margin-top: 0.7em;
	font-size: 100%;
	color: #666;
	line-height: 1.3em;
}

.content-list-grid .item div.meta {
	margin-top: 0.7em;
	font-size: 100%;
	color: #666;
	line-height: 1.3em;
}

.content-list-grid .item:first-child,
.content-list-grid .item:nth-child(4n+1) {
	clear: both;
	border-left: 0;
	padding-left: 0;
}


.home .content-list-grid .item:nth-child(n+5) {
	border-top: 1px solid #ddd;
}

.home .content-list-grid .item:nth-child(n+5) div.image {
	display: none;
}













/* lightbox images */


div.lightbox {
	margin: 40px 0;
	overflow: hidden;
}

div.lightbox div.main-image {
	position: relative;
	overflow: hidden;
}

div.lightbox div.main-image a {
	display: block;
	float: left;
	width: 82.5%;
}

div.lightbox div.main-image a img {
	width: 100%;
	height: auto;
}

div.lightbox div.main-image div.caption {
	float: right;
	width: 15%;
	font-family: arial, helvetica, verdana, sans-serif;
	line-height: 1.5em;
	font-size: 120%;
}

div.lightbox a.thumbnail {
	display: block;
	margin: 5px 0.5% 5px 0;
	width: 16.1%;
	float: left;
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	-ms-transition: opacity .4s;
	transition: opacity .4s;
}

div.lightbox a.thumbnail img {
	width: 100%;
	height: auto;
}

div.lightbox a.thumbnail:hover,
div.lightbox a.thumbnail:focus {
    opacity: 0.7;
	filter: alpha(opacity=70);
}















/* form styles */

div.form fieldset {
	margin: 30px 0 !important;
	padding: 20px !important;
}

div.form fieldset legend {
	font-size: 180% !important;
}

div.text input,
input.text {
	font-family:"Rockwell W01";
	background-color: white;
	padding: 0 12px;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	color: #2d718a;
	margin: 0;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	position: relative; /* ie8 fix */
}

div.form div.input label {
	font-size: 140%;
	line-height: 1.5em;
	font-weight: normal !important;
}



a.button,
div.submit input {
	display: inline-block;
	color: white;
	font-size: 120%;
	padding: 0 25px;
	height: 39px;
	line-height: 39px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	position: relative; /* ie8 fix */
	border: 0;
	cursor: pointer;
	font-family: arial, helvetica, verdana, sans-serif;
	text-decoration: none;
}

a.button.small {
	height: 26px;
	line-height: 26px;
	font-size: 100%;
	padding: 0 20px;
}

div.submit input.small {
	height: 26px;
	line-height: 26px;
}

div.submit input.search {
	background: transparent url(/img/spritesheet.png) no-repeat -8px -672px;
	text-indent: -5000px;
}

div.submit input.search:hover {
	background: transparent url(/img/spritesheet.png) no-repeat -98px -672px !important;
}

a.button:hover,
a.button:focus,
div.submit input {
	text-decoration: none;
	color: white;
}

html.touch a.button:active,
html.touch div.submit input:active {
	color: black;
}

a.button.blue,
div.submit input {
	background: #37acf1;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#37acf1), to(#1895db));
	background: -webkit-linear-gradient(#37acf1, #1895db);
	background: -moz-linear-gradient(#37acf1, #1895db);
	background: -ms-linear-gradient(#37acf1, #1895db);
	background: -o-linear-gradient(#37acf1, #1895db);
	background: linear-gradient(#37acf1, #1895db);
	-pie-background: linear-gradient(#37acf1, #1895db);
}

a.button.blue:hover,
a.button.blue:focus,
div.submit input:hover,
div.submit input:focus {
	background: #37acf1;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#37acf1), to(#147ab3));
	background: -webkit-linear-gradient(#37acf1, #147ab3);
	background: -moz-linear-gradient(#37acf1, #147ab3);
	background: -ms-linear-gradient(#37acf1, #147ab3);
	background: -o-linear-gradient(#37acf1, #147ab3);
	background: linear-gradient(#37acf1, #147ab3);
	-pie-background: linear-gradient(#37acf1, #147ab3);
}

a.button.teal {
	background: #5a8d9e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5a8d9e), to(#2d718a));
	background: -webkit-linear-gradient(#5a8d9e, #2d718a);
	background: -moz-linear-gradient(#5a8d9e, #2d718a);
	background: -ms-linear-gradient(#5a8d9e, #2d718a);
	background: -o-linear-gradient(#5a8d9e, #2d718a);
	background: linear-gradient(#5a8d9e, #2d718a);
	-pie-background: linear-gradient(#5a8d9e, #2d718a);
}

a.button.teal:hover,
a.button.teal:focus {
	background: #5a8d9e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5a8d9e), to(#214a59));
	background: -webkit-linear-gradient(#5a8d9e, #214a59);
	background: -moz-linear-gradient(#5a8d9e, #214a59);
	background: -ms-linear-gradient(#5a8d9e, #214a59);
	background: -o-linear-gradient(#5a8d9e, #214a59);
	background: linear-gradient(#5a8d9e, #214a59);
	-pie-background: linear-gradient(#5a8d9e, #214a59);
}

a.button.grey {
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#ddd));
	background: -webkit-linear-gradient(#fff, #ddd);
	background: -moz-linear-gradient(#fff, #ddd);
	background: -ms-linear-gradient(#fff, #ddd);
	background: -o-linear-gradient(#fff, #ddd);
	background: linear-gradient(#fff, #ddd);
	-pie-background: linear-gradient(#fff, #ddd);
	color: #000;
	border: 1px solid #ccc;
}

a.button.grey:hover,
a.button.grey:focus {
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#ccc));
	background: -webkit-linear-gradient(#fff, #ccc);
	background: -moz-linear-gradient(#fff, #ccc);
	background: -ms-linear-gradient(#fff, #ccc);
	background: -o-linear-gradient(#fff, #ccc);
	background: linear-gradient(#fff, #ccc);
	-pie-background: linear-gradient(#fff, #ccc);
}

a.button.yellow {
	color:  #333;
	background: #f0d44c;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0d44c), to(#f5a532));
	background: -webkit-linear-gradient(#f0d44c, #f5a532);
	background: -moz-linear-gradient(#f0d44c, #f5a532);
	background: -ms-linear-gradient(#f0d44c, #f5a532);
	background: -o-linear-gradient(#f0d44c, #f5a532);
	background: linear-gradient(#f0d44c, #f5a532);
	-pie-background: linear-gradient(#f0d44c, #f5a532);
}

a.button.yellow:hover,
a.button.yellow:focus {
	background: #f0d44c;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0d44c), to(#de952c));
	background: -webkit-linear-gradient(#f0d44c, #de952c);
	background: -moz-linear-gradient(#f0d44c, #de952c);
	background: -ms-linear-gradient(#f0d44c, #de952c);
	background: -o-linear-gradient(#f0d44c, #de952c);
	background: linear-gradient(#f0d44c, #de952c);
	-pie-background: linear-gradient(#f0d44c, #de952c);
}








/* mailchimp styles */

div#mc_embed_signup {
	margin: 30px 0;
}

div#mc_embed_signup form {
	padding: 0;
}


/* footer */

div#footer {
	position: relative;
	color: white;
	background: #2d718a url(/img/footer-background.jpg) no-repeat center top;
	background-size: cover;
	padding: 40px 25px 15px 25px;
	margin-top: 25px;
}

div#footer a {
	color: white;
}

div#footer h2 {
	font-family:"Rockwell W01 Light";
	font-size: 260%;
	margin-bottom: 0.35em;
	line-height: 1em;
}

div#footer h2 span {
	font-family:"Rockwell W01";
}

div#footer h3 {
	font-family:"Rockwell W01";
	font-size: 220%;
	margin-bottom: 0.75em;
}

div#footer h4 {
	font-size: 145%;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 1em;
}

div#footer h5 {
	font-size: 120%;
	margin-bottom: 1em;
}

div#footer div.advice-promo {
	margin-top: -15px;
	margin-bottom: -15px;
}

div#footer div.advice-promo div.inner {
	width: 100%;
	margin: 0 auto;
	padding: 50px 175px 30px 0;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right 0;
}

body.theme-spring div#footer div.advice-promo div.inner {
	background-image: url(/img/househead-footer-spring.png);
}

body.theme-summer div#footer div.advice-promo div.inner {
	background-image: url(/img/househead-footer-summer.png);
}

body.theme-autumn div#footer div.advice-promo div.inner {
	background-image: url(/img/househead-footer-autumn.png);
}

body.theme-winter div#footer div.advice-promo div.inner {
	background-image: url(/img/househead-footer-winter.png);
}

div#footer div.advice-promo div.text {
}

div#footer div.advice-promo div.cta {
	text-align: left;
	padding-bottom: 5px;
}

div#footer div.cse-logo {
	float: right;
}

div#footer div.cse-logo img {
	width: 200px;
	height: auto;
}


div#footer div.advice-promo div.cta p {
	margin-top: 1em;
	margin-bottom: 1em;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.35em;
}

div#footer hr {
	color: rgba(255, 255, 255, .8);
	background-color: rgba(255, 255, 255, .8);
	border: 0;
	height: 1px;
}

div#footer div.advice-promo hr {
	margin-top: -50px;
}

div#footer div.news-signup-form {
	overflow: hidden;
}

div#footer div.news-signup-form label {
	display: block;
	font-size: 120%;
	margin-bottom: 1em;
}

div#footer div.news-signup-form div {
	margin-bottom: 10px;
}

div#footer div.news-signup-form div.input input {
	width:  100%;
	box-sizing:  border-box;
}



div#footer div.footer-info {
	float: left;
	width: 75%;
	margin-bottom: 25px;
	overflow: hidden;
}

div#footer div.footer-info div.col {
	width: 16%;
	float: left;
	min-height:  140px;
	box-sizing:  content-box;
}

div#footer div.footer-info div.col.newsletter {
	width: 26%;
}

div#footer div.footer-info div.col + div.col {
	border-left:  1px solid rgba(255, 255, 255, .8);
	margin-left: 4%;
	padding-left: 4%;
}

div#footer div.footer-info nav ul li {
	margin-bottom: 0.75em;
	font-size: 110%;
}

div#footer div.footer-info p {
	font-size: 110%;
	line-height: 1.35em;
	margin-bottom: 1em;
}

div#footer div.footer-info p.get-directions {
	display: none;
}

div#footer div.footer-info p.get-directions a {
	text-decoration: underline;
}

div#footer div.footer-info a.youtube {
	display: block;
	width: 86px;
	height: 24px;
	text-indent: -5000px;
	background: transparent url(/img/spritesheet.png) no-repeat 0 -78px;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	-ms-transition: opacity .2s;
	transition: opacity .2s;
}

div#footer div.footer-info a.youtube:hover,
div#footer div.footer-info a.youtube:focus {
    opacity: 0.7;
	filter: alpha(opacity=70);
}

div#footer div.row.flex {
	border-top: 1px solid rgba(255,255,255,.8);
	border-bottom: 1px solid rgba(255,255,255,.8);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom:  20px;
}

div#footer div.copyright {
	clear: both;
	float: left;
	font-size: 90%;
	line-height: 1.5em;
}

div#footer div.footer-nav {
	float: right;
	font-size: 90%;
	line-height: 1.5em;
}

div#footer div.footer-nav nav ul {
	margin-bottom: 1em;
	text-align:  center;
}

div#footer div.footer-nav nav ul li {
	display: inline-block;
}

div#footer div.footer-nav nav ul li + li {
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	margin-left: 10px;
	padding-left: 10px;
}

div#footer div.footer-nav nav ul li a {
}

div#footer div.footer-nav nav ul li a:hover,
div#footer div.footer-nav nav ul li a:focus {
	text-decoration: underline;
}

div#footer div.footer-nav nav ul li a.on {
	color: white;
}


div#footer a.twitter {
	background: url(http://twitter-badges.s3.amazonaws.com/t_small-b.png) no-repeat 0 0;
	padding-left: 26px;
	display: block;
	height: 22px;
	line-height: 22px;
}







/* news signup-popup */

div#news-signup-popup {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	transform: translateY(150%);
	background: #f4c946 url(../img/news-signup-popup-background.jpg) no-repeat left center;
	background-size: cover;
	padding: 15px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
	text-align: center;
	line-height: 26px;
	/*border-top: 1px solid white;*/
}

div#news-signup-popup.animate-in {
	animation-name: news-signup-popup;
	animation-delay: 15s;
	animation-duration: 2s;
	animation-timing-function: cubic-bezier(.15,.99,.24,.96);
	animation-fill-mode: both;
}

div#news-signup-popup h3 {
	font-weight: normal;
	font-family:"Rockwell W01";
	font-size: 20px;
	color: #2d718a;
	display: inline-block;
}

div#news-signup-popup .no-thanks label {
	font-size: 110%;
}

div#news-signup-popup .form-wrapper {
	display: inline-block;
	width: 310px;
	margin-left: auto;
	margin-right: auto;
}

div#news-signup-popup .form-submit-result {
	font-size: 110%;
}

div#news-signup-popup form div {
	display: inline-block;
}

div#news-signup-popup form label.error {
	display: none !important;
}

div#news-signup-popup form input.error {
	border: 1px solid red;
}


div#news-signup-popup button.close {
	position: absolute;
	top: 50%;
	right: 5px;
	border: 0;
	width: 36px;
	height: 36px;
	padding: 10px;
	margin-top: -18px;
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	cursor: pointer;
}

div#news-signup-popup button.close img {
	width: 100%;
	height: auto;
}

div#news-signup-popup button.close:hover {
	opacity: .5;
}


@keyframes news-signup-popup {
    0%   { transform: translateY(150%); }
    100% { transform: translateY(0); }
}

@-moz-keyframes news-signup-popup {
    0%   { -moz-transform: translateY(150%); }
    100% { -moz-transform: translateY(0); }
}

@-webkit-keyframes news-signup-popup {
    0%   { -webkit-transform: translateY(150%); }
    100% { -webkit-transform: translateY(0); }
}

@media only screen and (max-width: 1120px) {

	div#news-signup-popup h3 {
		display: block;
		margin: 0 30px;
		margin-bottom: 10px;
	}

	div#news-signup-popup button.close {
		margin: 0;
		top: 10px;
	}

}

@media only screen and (max-width: 767px) {

	div#news-signup-popup {
		padding: 8px;
		line-height: 1.3;
	}

	div#news-signup-popup h3 {
		font-size: 15px;
	}

	div#news-signup-popup button.close {
		top: 0;
		right: 0;
	}

	div#news-signup-popup div.submit input {
		padding: 0 15px;
	}

	div#news-signup-popup div.form-wrapper {
		display: block;
		margin-bottom: 5px;
	}

}




/* pagination */

div.paging {
	line-height: 16px;
	margin: 40px 0;
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
	overflow: hidden;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 120%;
	line-height: 1;
	text-align: center;
}

div.paging span {
	display: inline-block;
}

div.paging a,
div.paging span.current {
	display: inline-block;
	padding: 10px 20px;
	color: #666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	position: relative; /* ie8 fix */
	text-decoration: none;
}

div.paging span.current {
	color: white;
	background-color: #999;
}

div.paging a:hover,
div.paging a:focus {
	color: #44adef;
	text-decoration: underline;
}

html.touch div.paging a:active {
	color: black;
}

div.paging span.disabled {
	display: none;
}

div.paging a.first,
div.paging a.last {
	padding-left: 16px;
	padding-right: 16px;
	margin: 0 5px;
	width: 50px;
}

div.paging a.prev,
div.paging a.next,
div.paging a.first,
div.paging a.last {
	text-indent: -5000px;
	background-color: #eee;
	width: 50px;

}

div.paging a.prev:after,
div.paging a.next:after,
div.paging a.first:before,
div.paging a.last:before,
div.paging a.first:after,
div.paging a.last:after {
	content: '';
	margin-top: 2px;
	display: block;
	float: left;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

div.paging a.prev:after,
div.paging a.first:before,
div.paging a.first:after {
	border-right: 9px solid #999;
}

div.paging a.next:after,
div.paging a.last:before,
div.paging a.last:after {
	border-left: 9px solid #999;
}



div.paging a.prev:hover,
div.paging a.next:hover,
div.paging a.first:hover,
div.paging a.last:hover,
div.paging a.prev:focus,
div.paging a.next:focus,
div.paging a.first:focus,
div.paging a.last:focus {
	background: #37acf1;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#37acf1), to(#147ab3));
	background: -webkit-linear-gradient(#37acf1, #147ab3);
	background: -moz-linear-gradient(#37acf1, #147ab3);
	background: -ms-linear-gradient(#37acf1, #147ab3);
	background: -o-linear-gradient(#37acf1, #147ab3);
	background: linear-gradient(#37acf1, #147ab3);
	-pie-background: linear-gradient(#37acf1, #147ab3);
	
}

div.paging a.prev:hover:after,
div.paging a.next:hover:after,
div.paging a.first:hover:before,
div.paging a.last:hover:before,
div.paging a.first:hover:after,
div.paging a.last:hover:after,
div.paging a.prev:focus:after,
div.paging a.next:focus:after,
div.paging a.first:focus:before,
div.paging a.last:focus:before,
div.paging a.first:focus:after,
div.paging a.last:focus:after {
	border-left-color: white;
	border-right-color: white;
}

div.mobile-paging-load-more,
div.mobile-paging-load-more span.disabled {
	display: none;
}










/* accordion */


div#accordion {
	border-bottom: 1px solid #ddd;
	margin: 30px 0;
	margin-right: 80px;
}

div#accordion h3 {
	cursor: pointer;
	color: #2d718a;
	font-size: 180%;
	outline: none;
	border-top: 1px solid #ddd;
	padding: 20px 0;
}

div#accordion h3 span.job-title {
	display: block;
	margin-top: 1em;
	font-family: 'dejavu_serifbook';
	color: #666;
	font-size: 60%;
}

div#accordion h3 span.ui-icon {
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	background: transparent url(/img/spritesheet.png) no-repeat 0 -419px;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	-ms-transition: opacity .2s;
	transition: opacity .2s;
	opacity: 0.5;
	filter: alpha(opacity=50);
	margin-right: 20px;
}

div#accordion h3:hover span.ui-icon,
div#accordion h3:focus span.ui-icon {
	opacity: 1.0;
	filter: alpha(opacity=100);
}


div#accordion h3.ui-state-active {
	border-top: 1px solid #999;
	color: #333;
}

div#accordion h3.ui-state-active span.ui-icon {
	opacity: 1.0;
	filter: alpha(opacity=100);
	background-position: -69px -419px;
}

div#accordion div.ui-accordion-content {

}

div#accordion div.staff-profile {
	margin: 2em 0 3em 0;
}

div#accordion div.staff-profile a.show-more {
	background: transparent url(../img/icons/orange_arrow_down.gif) no-repeat left center;
	padding-left: 16px;
	cursor: pointer;
}
div#accordion div.staff-profile a.show-less {
	background: transparent url(../img/icons/orange_arrow_up.gif) no-repeat left center;
	padding-left: 16px;
	cursor: pointer;
}










/* sitemap */

div#sitemap ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

div#sitemap ul li {
	list-style-type: none;
	margin: 2em 0 0.5em 0;
}

div#sitemap ul li ul li {
	margin: 0.5em 0;
	padding-left: 17px;
	background: transparent url(/img/sitemap_list_icon.gif) no-repeat 1px 0;
}

div#sitemap ul li a {
}

div#sitemap ul li ul li a {
}







/* enews signup form */

div.enews-signup-inline-form {
	background-color: #f2f2f2;
	padding: 20px;
	overflow: hidden;
}

div.enews-signup-inline-form div {
	float: left;
	padding: 0 !important;
}

div.enews-signup-inline-form label {
	display: none !important;
}

div.enews-signup-inline-form div.input input {
	width: 400px !important;
}

div.enews-signup-inline-form div.submit {
	margin-left: 10px;
	margin-right: 10px;
}













/* search results */

div.search-results {
	font-family: arial, helvetica, verdana, sans-serif;
	margin-top: 10px;
}

div.search-results .gsc-result-info {
	padding-left: 0;
}

div.search-results .gsc-control-cse {
	padding: 0;
}

div.search-results div.gsc-result {
	margin-bottom: 20px;
	text-decoration: none;
	overflow: hidden;
}

div.search-results div.gsc-result .gsc-thumbnail-inside {
	padding: 0;
}

div.search-results div.gsc-result .gsc-url-top {
	padding: 0;
}

div.search-results div.gsc-result .gs-title {
	font-size: 20px;
	margin: 0.25em 0;
	line-height: 1.35em;
	color: #4d4d4d !important;
	text-decoration: none;
}

div.search-results div.gsc-result .gs-title b {
	color: #4d4d4d !important;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
}

div.search-results div.gsc-result gs-title:hover {
	text-decoration: underline;
}

div.search-results div.gsc-result .gs-visibleUrl {
	padding: 5px 0;
	color: #2d718a !important;
}

div.search-results .gs-image-box.gs-web-image-box {
	margin-right: 10px;
}

div.search-results .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
	width: 80px;
	height: 70px;
}

div.search-results div.gsc-result .gs-web-image-box-portrait img.gs-image {
	max-width: 80px;
	max-height: 120px;
}

div.search-results .gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
	width: 80px;
	height: 70px;
}

div.search-results div.gsc-result .gs-web-image-box-landscape img.gs-image {
	max-width: 80px;
	max-height: 70px;
}

div.search-results div.gsc-result .gs-fileFormat {
	margin: 5px 0;
	color: #999;
}

div.search-results div.gsc-result .gs-fileFormatType {
	color: #999;
}


div.search-results div.gsc-result div.gs-snippet {
	font-family: 'dejavu_serifbook';
	color: #666;
	font-size: 14px;
	line-height: 1.5em;
}

div.search-results div.gsc-result div.snippet b {
	font-family: 'dejavu_serifbold';
}

div.search-results .gsc-cursor-box {
	line-height: 16px;
	margin: 40px 0;
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
	overflow: hidden;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 120%;
	line-height: 1;
	text-align: center;
}

div.search-results .gsc-cursor-box .gsc-cursor-page {
	display: inline-block;
	padding: 10px 20px;
	color: #666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative; /* ie8 fix */
	text-decoration: none;
}

div.search-results .gsc-cursor-box .gsc-cursor-current-page {
	color: white;
	background-color: #999;
}

div.search-results .gsc-cursor-box .gsc-cursor-page:hover,
div.search-results .gsc-cursor-box .gsc-cursor-page:focus {
	color: #44adef;
	text-decoration: underline;
}


@media only screen and (max-width: 567px) {

	div.search-results .gs-image-box.gs-web-image-box {
		display: none !important;
	}

}












/* search results filters */

div.search-results-filters {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	padding: 10px 0;
}

div.search-results-filters p {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 30px;
	color: #666;
}

div.search-results-filters div.filter {
	float: left;
	margin-right: 20px;
}

div.search-results-filters div.filter,
div.search-results-filters div.filter div.options {
	width: 175px;
}

div.search-results-filters div.filter div.toggler {
	color: white;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	
	position: relative; /* ie8 fix */
	background: #cccccc;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cccccc), to(#999999));
	background: -webkit-linear-gradient(#cccccc, #999999);
	background: -moz-linear-gradient(#cccccc, #999999);
	background: -ms-linear-gradient(#cccccc, #999999);
	background: -o-linear-gradient(#cccccc, #999999);
	background: linear-gradient(#cccccc, #999999);
	-pie-background: linear-gradient(#cccccc, #999999);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

div.search-results-filters div.filter:hover div.toggler {
	background: #bbbbbb;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bbbbbb), to(#696969));
	background: -webkit-linear-gradient(#bbbbbb, #696969);
	background: -moz-linear-gradient(#bbbbbb, #696969);
	background: -ms-linear-gradient(#bbbbbb, #696969);
	background: -o-linear-gradient(#bbbbbb, #696969);
	background: linear-gradient(#bbbbbb, #696969);
	-pie-background: linear-gradient(#bbbbbb, #696969);
}

div.search-results-filters div.filter div.toggler.active {
	background: #666666;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666666), to(#cccccc));
	background: -webkit-linear-gradient(#666666, #cccccc);
	background: -moz-linear-gradient(#666666, #cccccc);
	background: -ms-linear-gradient(#666666, #cccccc);
	background: -o-linear-gradient(#666666, #cccccc);
	background: linear-gradient(#666666, #cccccc);
	-pie-background: linear-gradient(#666666, #cccccc);
}

div.search-results-filters div.filter div.toggler span.arrow {
	content: '';
	display: block;
	float: left;
	border-left: 6px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid white;
	margin: 12px 10px 0 0;
}

div.search-results-filters div.filter div.options {
	display: none;
}

div.search-results-filters div.filter:hover div.options {
	background-color: white;
	border: 1px solid #ddd;
	position: absolute;
	display: block;
}

div.search-results-filters div.filter div.options div.checkbox {
	border-top: 1px solid #ddd;
	position: relative;
}

div.search-results-filters div.filter div.options div.checkbox:hover {
	background-color: #ffd;
}

div.search-results-filters div.filter div.options div.checkbox:first-child {
	border-top: 0;
}

div.search-results-filters div.filter div.options div.checkbox input {
	position: absolute;
	top: 9px;
	left: 19px;
	margin: 0;
}

div.search-results-filters div.filter div.options div.checkbox label {
	display: block;
	padding: 10px 10px 10px 40px;
	cursor: pointer;
}

div.search-results-filters div.filter div.options div.checkbox input:checked + label {
	font-weight: bold;
	color: #2d718a;
}

div.search-results-filters div.submit input {
	height: 30px;
	line-height: 30px;
}














/* tags grid */

div.tags-grid {
	overflow: hidden;
	margin: 0 -1.5%;
}

div.tags-grid div.tag {
	float: left;
	width: 25%;
}

div.tags-grid div.tag div.inner {
	border-left: 1px solid #ddd;
	padding: 0 8%;
	margin: 10px 0 0 0;
}

div.tags-grid div.tag div.border {
	margin: 20px 8%;
	border-top: 1px solid #ddd;
}

div.tags-grid div.tag:nth-child(4n+1) {
	clear: both;
}

div.tags-grid div.tag:nth-child(-n+4) div.border {
	display: none;
}


div.tags-grid div.tag h2 {
	font-family:"Rockwell W01";
	font-size: 150%;
	line-height: 1.35em;
}

div.tags-grid div.tag h2 a {
	color: #2d718a;
}

div.tags-grid div.tag p {
	font-family: 'dejavu_serifbook';
	line-height: 1.6em;
	font-size: 120%;
	margin-top: 0.5em;
}








/* edit page */

a.edit-page {
	position: fixed;
	top: 0;
	right: 0;
	color: white;
	display: block;
	padding: 11px 11px 11px 38px;
	z-index: 999;
	background: rgba(0, 0, 0, 0.5) url(/img/spritesheet.png) no-repeat 11px -1684px;
}

a.edit-page:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.8);
}









/* AJAX loader */

div#ajax-loader {
	background-color: black;
	width: 64px;
	height: 64px;
	margin-top: -32px; /*set to a negative number 1/2 of your height*/
	margin-left: -32px; /*set to a negative number 1/2 of your width*/
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	opacity:0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: none;
}






div.mobile-only-sharing-tools {
	display: none;
}



/* responsive */

@media only screen and (max-width: 1200px) {
	
	div.site-selector-nav {
		padding-left: 20px;
	}
	
	div#header div.logo {
		left: 20px;
	}
	
	/* 3 cols of content plus sidebar */
	
	.sidebar {
		width: 23.3%;
	}
	
	.main-content-column {
		width: 74.5%;
	}
	
	.content-list-grid .item {
		width: 30.333%;
	}

	.content-list-grid .item:nth-child(4n+1) {
		clear: none;
	}

	.content-list-grid .item:nth-child(3n+1) {
		clear: both;
	}
	
	.home .content-list-grid .item:nth-child(n+4) {
		border-top: 1px solid #ddd;
	}

	.home .content-list-grid .item:nth-child(n+4) div.image {
		display: none;
	}
	
	.home .content-list-grid.rows-1 a.item:nth-child(n+4) { /* show 3 items */
		display: none;
	}
	
	.home .content-list-grid.rows-2 a.item:nth-child(n+7) { /* show 6 items */
		display: none;
	}
	
	.home .content-list-grid.rows-3 a.item:nth-child(n+10) { /* show 9 items */
		display: none;
	}
	
}

@media only screen and (max-width: 1100px) {
	
	div#navbar div.search-form {
		display: none;
		position: absolute;
		top: 4px;
		right: 10px;
		background-color: rgba(255, 255, 255, 0.9);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 8px 10px;
		z-index: 999;
	}
	
	
	div#navbar div.search-toggler {
		display: block;
	}

}

@media only screen and (max-width: 1140px) {
	
	div#header {
		background-position: -80px 0;
	}

	div#header div.site-intro {
		float: none;
		margin-left: 580px;
		width: auto;
		font-size: 22px;
	}
	
	div.tags-grid div.tag {
		width: 33.333%;
	}

	div.tags-grid div.tag:nth-child(4n+1) {
		clear: none;
	}
	
	div.tags-grid div.tag:nth-child(3n+1) {
		clear: both;
	}

	div.tags-grid div.tag:nth-child(n+4) div.border {
		display: block;
	}
	
}


@media only screen and (max-width: 1000px) {

	div#header div.site-intro {
		font-size: 20px;
	}
	
}


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

	.content h1 {
		line-height: 1.1em;
	}
	
	.content h4 {
		line-height: 1.25em;
	}
	
	.page-headings {
		margin-bottom: 0;
	}
	
	div#header div.site-intro {
		font-family:"Rockwell W01";
		font-size: 18px;
	}
	
	.sidebar {
		float: none;
		width: auto;
		overflow: hidden;
		margin-top: 0;
	}
	
	.sidebar nav.secondary-nav {
		display: none;
	}

	.sidebar h2 {
		float: left;
	}
	
	.sidebar div.sidebar-box {
		background-image: none;
		padding-top: 0;
		margin-bottom: 10px;
		clear: both;
	}
	
	.sidebar div.sidebar-box.news-supplementary-links {
		float: right;
		clear: none;
	}

	.sidebar div.sidebar-box.news-supplementary-links p {
		float: left;
		margin-left: 2em;
	}
	
	.sidebar div.sidebar-box.tag-list h4 {
		display: inline-block;
	}

	.sidebar div.sidebar-box.tag-list ul {
		display: inline;
		overflow: hidden;
	}
	
	.sidebar div.sidebar-box.tag-list ul li {
		display: inline;
		margin-left: 1.5em;
	}
	
	.sidebar .sharing-tools {
		display: none;
	}
	
	
	div.mobile-only-sharing-tools {
		display: block;
	}
	
	div.mobile-only-sharing-tools h4 {
		display: none;
	}
	
	.main-content-column {
		float: none;
		width: auto;
	}
	
	div.mobile-secondary-nav {
		display: block;
		margin: 30px 0;
	}
	
	.content-list-grid .item {
		width: 30.333%;
	}
	
	div#footer div.advice-promo div.inner {
		width: 100%;
	}
	
	div#footer div.news-signup-form,
	div#footer div.footer-info {
		float: none;
		clear: both;
		width: auto;
	}

	div#footer div.footer-info {
		margin-bottom: 50px;
	}

	.content,
	div#accordion {
		margin-right: 0;
	}

}


@media only screen and (max-width: 959px) {

	div.tags-grid div.tag {
		width: 50%;
	}

	div.tags-grid div.tag:nth-child(3n+1) {
		clear: none;
	}

	div.tags-grid div.tag:nth-child(2n+1) {
		clear: both;
	}

	div.tags-grid div.tag:nth-child(3n+1) div.inner {
		border-left: 1px solid #ddd;
	}

	div.tags-grid div.tag:nth-child(2n+1) div.inner {
		border-left: 0;
	}

	div.tags-grid div.tag:nth-child(n+3) div.border {
		display: block;
	}
	
}



@media only screen and (max-width: 900px) {
	
	div#header {
		background-position: 120px center;
		background-image: url(/img/banners/mobile.jpg); /* virtual image */
		height: 110px;
	}

	div#header div.site-intro p {
		height: 110px;
	}

	div#header div.logo {
		top: 15px;
		left: 15px;
	}

	div#header div.logo img {
		width: 75px;
		height: auto;
	}

	div#header div.site-intro {
		margin-left: 205px;
		margin-right: 10px;
		font-size: 19px;
	}

}



@media only screen and (max-width: 860px) {
	
	
	div#navbar {
		font-family: "Rockwell W01";
		font-size: 14px;
	}

	div#navbar ul.menu {
		display: none;
	}
	
	div#navbar ul.mobile-menu {
		display: block;
	}
	
	ul.menu a {
		padding: 0 15px;
	}

	
	div#footer div.advice-promo div.cta p span {
		display: block;
	}
	
	div#footer div.copyright,
	div#footer div.footer-nav {
		float: none;
		clear: both;
	}

	div#footer div.copyright {
		margin-bottom: 2em;
	}
	
	div.lightbox div.main-image a {
		float: none;
		width: 100%;
	}
	
	div.lightbox div.main-image div.caption {
		float: none;
		width: 100%;
		margin: 1em 0;
	}
	
	div.lightbox a.thumbnail {
		width: 30.333%;
		margin-right: 3%;
	}

	div#footer div.cse-logo {
		display: none;
	}

}

@media only screen and (max-width: 719px) {

	div#header div.site-intro {
		font-size: 17px;
	}

	div.site-selector-nav {
		background-color: #f6f6ee !important;
	}

	/* 2 cols of content */

	.main-content-column {
		margin-top: 0;
	}
	
	.sidebar div.sidebar-box {
		display: none;
	}
	
	.content-list-grid .item {
		width: 47%;
		margin-bottom: 15px;
	}
	
	.content-list-grid .item:nth-child(3n+1) {
		clear: none;
	}

	.content-list-grid .item:nth-child(2n+1) {
		clear: both;
	}
	
	.home .content-list-grid .item:nth-child(n+3) {
		border-top: 1px solid #ddd;
	}

	.home .content-list-grid .item:nth-child(n+3) div.image {
		display: none;
	}
	
	.home .content-list-grid.rows-1 a.item:nth-child(n+3) { /* show 2 items */
		display: none;
	}
	
	.home .content-list-grid.rows-2 a.item:nth-child(n+5) { /* show 4 items */
		display: none;
	}
	
	.home .content-list-grid.rows-3 a.item:nth-child(n+7) { /* show 6 items */
		display: none;
	}
	
	.home .content-list-grid .item:nth-child(n+3) {
		width: 100%;
		float: none;
	}
	
	div#main-area {
		padding: 15px;
	}
	
	div.paging {
		display: none;
	}
	
	div.mobile-paging-load-more {
		display: block;
		text-align: center;
		margin: 10px 0;
	}
	
	.page-intro h1 {
		font-size: 350%;
	}

	.content h1 {
		font-size: 200%;
	}
	
	.content .page-headings {
		margin-bottom: 30px;
	}
	
	.content p,
	.content ul,
	.content ol {
		font-size: 130%;
	}
	
	
	
	div.homepage-carousel div.item a div.image {
		height: 200px;
	}
	
	div.homepage-carousel div.item a div.text-panel {
		width: 250px;
	}
	
	div.homepage-carousel div.item a div.text-panel h2 {
		font-size: 200%;
	}
	
	div.homepage-carousel div.item a div.text-panel p.intro {
		display: none;
	}

	div#footer {
		background-size: 2400px 900px; /* don't use cover for this as it expands and contracts with the accordion */
		padding: 0 15px 15px 15px;
	}

	div#footer h2 {
		font-size: 220%;
	}
	
	div#footer h4 {
		font-size: 140%;
	}

	div#footer div.row.flex {
		flex-direction: column;
	}
	
	div#footer div.advice-promo {
		margin-top: 10px;
		margin-bottom: 10px;
1	}
		
	div#footer div.advice-promo div.inner {
		background-size: 70px 116px !important;
		padding: 0 80px 0 10px;
	}
	
	div#footer div.advice-promo h2 span {
		display: block;
	}

	div#footer div.advice-promo div.text {
		float: none;
	}
	
	div#footer div.advice-promo div.cta {
		float: none;
		text-align: left;
		margin-bottom: 30px;
	}
	
	div#footer div.footer-info div.col {
		width: auto !important;
		float: none;
		margin-left: 0 !important;
		padding-left:  0 !important;
		border:  0 !important;
		min-height:  0;
	}
	
	div#footer div.footer-info {
		margin-left: 30px;
		margin-bottom: 0;
	}
	
	div#footer div.news-signup-form div {
		float: none;
	}
	
	/* mobile footer accordion */
	
	div#footer .accordion-toggler {
		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 18px;
		color: white;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div#footer .accordion-toggler.open {
		color: black;
	}

	div#footer .accordion-toggler:before {
		content: '';
		display: block;
		float: left;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 10px solid white;
		margin-right: 30px;
		margin-top: 5px;
	}
	
	div#footer .accordion-toggler:hover:before {
		border-top-color: black;
	}
	
	div#footer .accordion-toggler.open:before {
		border-top: 0;
		border-bottom: 10px solid black;
	}
	
	div#footer .accordion-toggler + div.accordion-content {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height .5s ease-in-out;
		-moz-transition: max-height .5s ease-in-out;
		-o-transition: max-height .5s ease-in-out;
		-ms-transition: max-height .5s ease-in-out;
		transition: max-height .5s ease-in-out;
		padding-left: 44px;
	}

	div#footer .accordion-toggler.open + div.accordion-content {
		max-height: 10em;
	}
	
	div#footer div.copyright {
		margin-top: 30px;
		text-align:  center;
	}
	
	div#footer div.copyright span {
		display: block;
	}
	
	div#footer div.copyright span.separator {
		display: none;
	}
	
	div#footer div.footer-info p.get-directions {
		display: block;
	}

	div#footer div.one-percent-logo {
		float:  none;
		text-align:  center;
		margin-bottom: 20px;
	}

}






@media only screen and (max-width: 600px) {
	
	div#header div.site-intro {
		font-size: 16px;
	}
	
	div.tags-grid div.tag {
		width: 100%;
		clear: both;
	}

	div.tags-grid div.tag div.inner {
		border-left: 0;
		padding: 0;
		margin: 0 1.5%;
	}
	
	div.tags-grid div.tag:nth-child(n+2) div.border {
		display: block;
	}

}



@media only screen and (max-width: 550px) {

	div#header div.site-intro {
		font-size: 15px;
	}

}


@media only screen and (max-width: 500px) {

	div#header div.site-intro {
		font-size: 14px;
	}
	
}

@media only screen and (max-width: 450px) {

	div#header {
		background-position: 200px center;
		height: 90px;
	}

	div#header div.site-intro {
		display: none;
	}

	div#header div.logo {
		top: 10px;
	}

	div#header div.logo img.desktop {
		display: none;
	}

	div#header div.logo img.mobile {
		display: block;
		width: 175px;
	}
	
}