/* @file global.styles  Styles you add here will load for all device sizes, they are "global", as opposed to "responsive" styles, which only load for a given breakpoint (media query) that you set in theme settings. See the README for more details.   How to use this file: --------------------  There are many empty selectors and some basic styles to act as a guide. Nothing is set in stone and you can change anything - even delete all of it and start with your own clean slate.  To FORCE PRINT all selectors you can search and replace a single { (opening curly brace) and insert an empty comment. This is very useful in conjuction with FireSass: https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/  See global.base also which includes normalize.css and some additional helper classes and base styles. */
/* ============================================================================= Base ========================================================================== */
/* To preserve theme settings never apply font properties to the HTML element. This is critically important if you are using the Responsive JavaScript feature as this relies on being able to set a pseudo font family on the HTML element. If you need to set default font properties of any kind use the BODY element as these can be overridden using font theme settings. */
html { background-attachment: fixed; }

body { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 100%; background: #333; }

/* ============================================================================= HTML Elements ========================================================================== */
h1 { color: #555555; line-height: 1.2; }

h2 { color: #8c569c; }

#content h2, .region-tertiary-content h2 { font-size: 1.3em; }

#content h2.small { font-size: 100%; }

.region-tertiary-content nav h2 { padding: 0 0 5px 8px; font-size: 1.1em; }

.sidebar h2 { font-size: 85%; padding: 5px 15px 6px; }

#content h3 { color: #555555; margin: 0 0 0.2em; font-size: 105%; }

#content h4 { font-size: 100%; margin: 0; }

blockquote footer { margin-top: -0.75em; color: #666; text-align: right; }

#content ul { list-style: none; padding: 0; margin: 0 0 1em; }
#content ul li { padding-left: 2em; text-indent: -.8em; }
#content ul li ul { margin-bottom: 0; }
#content ul li ul li:before { content: "\2013"; color: #915da0; padding-right: 5px; }
#content ul li:before { content: "\2022"; color: #915da0; padding-right: 5px; }

#content .nobullet, .region-sidebar-second .nobullet { margin-left: 0; list-style: none; list-style-image: none; padding-left: 0; }
#content .nobullet li, .region-sidebar-second .nobullet li { padding-left: 0; text-indent: 0; }
#content .nobullet li:before, .region-sidebar-second .nobullet li:before { content: ""; padding-right: 0; }

/* For social media icons */
#content div.back li { display: inline; padding-left: 25px; }
#content div.back li.facebook { background: url("images/social-icons.gif") 5px 0 no-repeat; }
#content div.back li.linkedin { background: url("images/social-icons.gif") -16px 0 no-repeat; }
#content div.back li.twitter { background: url("images/social-icons.gif") -45px 0 no-repeat; }
#content div.back li.facebook a, #content div.back li.linkedin a, #content div.back li.twitter a { background: white; }

dt { font-weight: bold; color: #555555; }

pre, code, tt, samp, kbd, var { font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif; }

/* ============================================================================= Wrappers ========================================================================== */
/* Outer wrappers: - #page-wrapper: body > #page-wrapper - #page: body > #page-wrapper > #page - .container: body > #page-wrapper > #page.container  The .container class holds the page width value from theme settings. You can style the .container class but do not add width such as border, padding, margins etc. */
#page-wrapper { background: white; z-index: -150; }

#page.container { background: #fefefe; }

/* Wraps all header elements - branding and .region-header */
#header { position: relative; }

/* Wraps the sidebars the content column */
/* Main content column wrapper */
/* Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column */
/* Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style */
/* Footer wrapper */
/* Panels may need additional margin wrangling when in the $content region */
/* Full Width Wrappers These are used in the optional page--full-width-wrappers.tpl.php template. All have internal .container classes. In the full width wrapper template the .container classes set the width or max-width - you can style this but never add any width/margin/padding/borders etc to .container */
/* Wraps the leaderboard */
/* Wraps the header */
#header-wrapper { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2MzQ4YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU2MjY2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76348b), color-stop(100%, #562666)); background-image: -moz-linear-gradient(#76348b, #562666); background-image: -webkit-linear-gradient(#76348b, #562666); background-image: linear-gradient(#76348b, #562666); }

/* Wraps the nav elements */
#nav-wrapper { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2MjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ3MWY1MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #562666), color-stop(100%, #471f53)); background-image: -moz-linear-gradient(#562666, #471f53); background-image: -webkit-linear-gradient(#562666, #471f53); background-image: linear-gradient(#562666, #471f53); }

/* Wraps breadcrumb */
/* Wraps messages and help */
/* Wraps the secondary content/preface region */
/* Wraps the main content column */
/* Wraps the tertiary content/postfix region */
#tertiary-content-wrapper { z-index: -25; }
#tertiary-content-wrapper .container { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #d7d7d7)); background-image: -moz-linear-gradient(#fcfcfc, #d7d7d7); background-image: -webkit-linear-gradient(#fcfcfc, #d7d7d7); background-image: linear-gradient(#fcfcfc, #d7d7d7); }

/* Footer wrapper */
#footer-wrapper { /* Debug styles, is this working? */ background: #565257; position: relative; z-index: 100; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2MzQ4YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU2MjY2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76348b), color-stop(100%, #562666)); background-image: -moz-linear-gradient(#76348b, #562666); background-image: -webkit-linear-gradient(#76348b, #562666); background-image: linear-gradient(#76348b, #562666); }

/* ============================================================================= Branding ========================================================================== */
/* Wraps all the branding elements, logo, name and slogan */
/* Logo */
/* Wrapper for the site name and slogan */
/* Site name (h1) */
#site-name { margin: 0; }
#site-name a:link, #site-name a:visited { text-decoration: none; }
#site-name a:hover, #site-name a:focus { text-decoration: underline; }

/* Site slogan (h2) */
#site-slogan { margin: 0; }

/* ============================================================================= Page content header ========================================================================== */
/* Main content header wraps the page title, tabs and actions links */
/* The main page title (h1) */
#page-title { margin: 0 0 0.5em; }

/* ============================================================================= Misc Global Styles ========================================================================== */
/* Feed icons */
/* Aggregator feed source */
#aggregator .feed-source .feed-icon { display: inline; float: none; margin-right: 10px; }

.feed-details dt, .feed-details dd { display: inline; margin: 0; }

/* Generic styles for the more link */
/* Generic styles for links. See the ul.links declaration in node and comment stylesheets */
ul.links { margin: 0; padding: 0; }
ul.links.inline { display: block; }
ul.links li { display: inline; list-style: none; padding: 0 10px 0 0; }

/* Search results are an ordered list so reset the margin */
.search-results { margin: 0; padding: 0; }

/* Attribution message and link */
.attribution { display: block; opacity: 0.65; padding: 1em 0; text-align: center; }
.attribution a { text-decoration: none; color: inherit; }
.attribution a:hover, .attribution a:focus { text-decoration: underline; }

/* Search box styles Font family is set inline. */
#block-block-17 { font-size: 85%; }
#block-block-17 h2, #block-block-17 label { border: 0; height: 1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
#block-block-17 #q { height: 20px; border: 0; -moz-box-shadow: #aaa 1px 1px 5px inset; -webkit-box-shadow: #aaa 1px 1px 5px inset; box-shadow: #aaa 1px 1px 5px inset; }
#block-block-17 #edit-submit { border: 0; height: 22px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #ddd; }

/* Links for intranet and contacts (with search box) Create mixin from this? */
#block-menu-menu-global-navigation ul { list-style: none; font-size: 85%; }
#block-menu-menu-global-navigation ul li { float: left; text-align: right; padding: 0; }
#block-menu-menu-global-navigation ul a:link, #block-menu-menu-global-navigation ul a:visited { color: white; border-right: 1px solid #AAA; }
#block-menu-menu-global-navigation ul a:hover { text-decoration: underline; }
#block-menu-menu-global-navigation ul li.first a { padding-right: 8px; }
#block-menu-menu-global-navigation ul li.last a { border: 0; }

/* ============================================================================= Regions ========================================================================== */
/* Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc */
/* Regions have an inner div - perfect for adding margin, padding or borders */
/* Regions can be nested, such as when using Panels */
/* Header region, embedded in the #header */
/* Generally used to output Drupals help block, if the help module is enabled */
/* Secondary content */
/* Sits above the main content header, like a content-top region */
/* Sits below the main content, like a content-bottom region */
/* Sidebars - targets both */
/* First sidebar */
.region-sidebar-first h2 { background: #76348b; color: #fff; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5OTRjNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjNTY5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b994c4), color-stop(100%, #8c569c)); background-image: -moz-linear-gradient(#b994c4, #8c569c); background-image: -webkit-linear-gradient(#b994c4, #8c569c); background-image: linear-gradient(#b994c4, #8c569c); }

.region-sidebar-first h2 a { color: #fff; }

.region-sidebar-second .block-menu h2 { border-bottom: 1px solid #76348b; }

/* Second sidebar */
/* Tertiary content */
/* Footer region */
/* ============================================================================= Links ========================================================================== */
a { text-decoration: none; }
a:link, a:visited { color: #50D; }
a:hover, a:focus { text-decoration: underline; }

a strong { color: #50D; }

/* Add document type icons to links */
a[href$='.pdf'] { padding-right: 20px; background: transparent url("images/pdf.gif") no-repeat center right; }

#content a[href$='.pdf'].img, .view a[href$='.pdf'].img { padding-right: 0; background: none; border-bottom: 0; }

a[href$='.doc'] { padding-right: 20px; background: transparent url("images/word.gif") no-repeat center right; }

/* ============================================================================= Primary, Secondary and Menu Bar region menus ========================================================================== */
.nav { clear: both; margin: 0; }
.nav ul, .nav ul.menu { margin: 0; padding: 0; }
.nav li, .nav ul.menu li { display: inline; float: left; list-style: none; margin: 0; padding: 0; }
.nav li a, .nav ul.menu li a { display: block; white-space: nowrap; padding: 1px 15px 5px; font-weight: bold; font-size: 85%; background: #90649e; margin-right: 2px; color: #fff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5OTRjNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjNTY5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b994c4), color-stop(100%, #8c569c)); background-image: -moz-linear-gradient(#b994c4, #8c569c); background-image: -webkit-linear-gradient(#b994c4, #8c569c); background-image: linear-gradient(#b994c4, #8c569c); -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px; }
.nav li a:visited, .nav ul.menu li a:visited { color: #fff; }
.nav li a:hover, .nav li a:focus, .nav ul.menu li a:hover, .nav ul.menu li a:focus { text-decoration: underline; }
.nav li a.active, .nav ul.menu li a.active { background: #FFF; color: #555555; text-shadow: #eee 1px 0 0; }
.nav li a.active-trail, .nav ul.menu li a.active-trail { background: #FFF; color: #555555; text-shadow: #eee 1px 0 0; }
.nav .block { margin-bottom: 0; }

/* ============================================================================= Superfish ========================================================================== */
ul.sf-menu { margin-bottom: 0; }
ul.sf-menu a { border-left: 0; border-top: 0; padding: 0 10px; text-decoration: none; height: 2.5em; line-height: 2.5em; }
ul.sf-menu li:hover, ul.sf-menu li.sfHover { outline: 0; }
ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active { outline: 0; }

/* Superfish blocks */
.block-superfish ul { margin: 0 !important; padding: 0 !important; }
.block-superfish li { margin: 0 !important; padding: 0 !important; }

/* Vertical style */
.sf-vertical { width: 100%; }
.sf-vertical li { width: 100%; }
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 100%; top: 0; margin: 0; padding: 0; }
.sf-vertical li a { padding: 0 10px; }

/* Navbar style */
.sf-navbar { padding-bottom: 0 !important; }

/* Sensible padding for the default style */
.sf-menu.sf-style-default a { padding: 0 10px; }

/* ============================================================================= Menu Toggles ========================================================================== */
.at-mt .at-menu-toggle, .at-mt .at-menu-toggle ul, .at-mt .at-menu-toggle ul.menu { margin-top: 0; margin-bottom: 0; padding: 0; }
.at-mt .at-menu-toggle-button { margin: 0; }
.at-mt .at-menu-toggle ul a { padding: 0; white-space: nowrap; }

/* ============================================================================= Menus, usually blocks ========================================================================== */
nav ul.menu { padding: 0; margin: 0; }

nav ul.menu li { list-style-image: none; list-style-type: none; }

.region-sidebar-first nav ul li, .region-sidebar-second nav ul li { margin: 0; }
.region-sidebar-first nav ul li a, .region-sidebar-second nav ul li a { display: block; border-bottom: 1px dotted #bbb; padding: 4px 5px 6px 15px; font-size: 85%; }
.region-sidebar-first nav ul li a:link, .region-sidebar-first nav ul li a:visited, .region-sidebar-second nav ul li a:link, .region-sidebar-second nav ul li a:visited { color: #000; }
.region-sidebar-first nav ul li a.active, .region-sidebar-second nav ul li a.active { background-color: #e1d6e7; }
.region-sidebar-first nav ul li.collapsed, .region-sidebar-first nav ul li.leaf, .region-sidebar-second nav ul li.collapsed, .region-sidebar-second nav ul li.leaf { list-style-image: none; list-style-type: none; }
.region-sidebar-first nav ul li.collapsed a, .region-sidebar-second nav ul li.collapsed a { background: url("images/menu-collapsed.gif") no-repeat; background-position: 5px 50%; }
.region-sidebar-first nav ul li.expanded, .region-sidebar-second nav ul li.expanded { background: #f4ecf9; /*background: #f0e9da;*/ /*background: #CCC;*/ }
.region-sidebar-first nav ul li.expanded a.active-trail, .region-sidebar-second nav ul li.expanded a.active-trail { background-image: url("images/menu-expanded.gif"); background-repeat: no-repeat; background-position: 4px 50%; }
.region-sidebar-first nav ul li.expanded .leaf a, .region-sidebar-second nav ul li.expanded .leaf a { background-image: none; }
.region-sidebar-first nav ul li.expanded .menu a, .region-sidebar-second nav ul li.expanded .menu a { padding-left: 25px; }
.region-sidebar-first nav ul li.expanded .collapsed a, .region-sidebar-second nav ul li.expanded .collapsed a { background: url("images/menu-collapsed.gif") no-repeat; background-position: 16px 50%; }
.region-sidebar-first nav ul li.expanded li.expanded, .region-sidebar-second nav ul li.expanded li.expanded { background-color: #e1d6e7; }
.region-sidebar-first nav ul li.expanded li.expanded a, .region-sidebar-second nav ul li.expanded li.expanded a { background-image: url("images/menu-expanded.gif") no-repeat; background-repeat: no-repeat; background-position: 13px 50%; }
.region-sidebar-first nav ul li.expanded li.expanded .menu a, .region-sidebar-second nav ul li.expanded li.expanded .menu a { background-image: none; padding-left: 35px; }

.region-sidebar-first nav ul li.last a { border-bottom: 1px solid #76348b; }
.region-sidebar-first nav ul li ul .last a { border-bottom: 1px dotted #bbb; }

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content { padding: 0; }

/* 'Back to top' links */
.back { text-align: right; clear: both; margin-top: 1.5em; }

.bacc { text-align: right; margin-top: -0.5em; }

/* Site map at bottom of page */
.region-tertiary-content nav { -moz-box-shadow: #EEE 0 -2px 10px; -webkit-box-shadow: #EEE 0 -2px 10px; box-shadow: #EEE 0 -2px 10px; border-top: 1px solid #eee; margin: 1em 0 0; padding: 1em 0 1.25em; }
.region-tertiary-content nav ul.menu li { float: left; width: 15%; font-size: 80%; line-height: 1.75; }
.region-tertiary-content nav ul.menu li.expanded { font-weight: bold; font-size: 85%; }
.region-tertiary-content nav ul.menu li a { color: #333; }
.region-tertiary-content nav ul.menu li ul li { float: none; margin: 0; width: 100%; font-size: 93.8%; font-weight: normal; }

#footer { color: white; font-size: 80%; padding: 0.5em 5px 1em; }
#footer ul { margin-top: 0; float: right; width: 50%; text-align: right; list-style: none; }
#footer ul li { display: inline; border-right: 1px solid white; padding: 0 5px 0 5px; }
#footer ul li a { color: white; }
#footer ul li.last { border-right: 0; padding-right: 0; }

/* ============================================================================= Book navigation menu ========================================================================== */
.book-navigation .page-up { /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */ min-width: 2em; white-space: nowrap; }
.book-navigation .menu { margin-left: 0; }

/* ============================================================================= Breadcrumbs ========================================================================== */
#breadcrumb { margin: 6px 0 12px; font-size: 80%; /* If the label is set to show in theme settings the label class is added */ }
#breadcrumb .breadcrumb-label { font-size: 1em; display: inline; padding-right: 5px; color: #555; }
#breadcrumb .breadcrumb-label:after { content: ":"; }
#breadcrumb ol { margin: 0; padding: 0; }
#breadcrumb .with-breadcrumb-label ol { display: inline; }
#breadcrumb li { list-style: none; display: inline; }

/* ============================================================================= Pagers ========================================================================== */
ul.pager { clear: both; margin: 0; text-align: center; }

.item-list ul.pager li { margin: 0; }

ul.pager li { background-image: none; display: inline; list-style-type: none; padding: .5em; }
ul.pager li.pager-current { font-weight: 700; }

.block ul.pager li { margin: 0; }

/* Theme the various states of pager links */
/* ============================================================================= Skip Navigation ========================================================================== */
#skip-link { left: 50%; margin-left: -6.5em; margin-top: 0; padding: 0 0.5em; position: absolute; width: 12em; z-index: 50; }
#skip-link a { background: #444; background: rgba(0, 0, 0, 0.6); color: #fefefe; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; }
#skip-link a:link, #skip-link a:visited { background: #444; background: rgba(0, 0, 0, 0.6); color: #fefefe; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; }
#skip-link a:hover, #skip-link a:focus, #skip-link a:active { outline: 0; }

/* ============================================================================= Tabs (local tasks) ========================================================================== */
#tasks { margin-bottom: 15px; }

ul.primary { border-bottom-color: #ddd; margin: 20px 0; padding: 0 0 0 5px; }
ul.primary li { display: block; float: left; margin: 0 1px -1px; }
ul.primary li a { background-color: #f5f5f5; border-color: #ddd; margin-right: 1px; padding: 0 10px; display: block; float: left; height: 1.5em; line-height: 1.5em; }
ul.primary li a:hover, ul.primary li a:focus { background-color: #eee; border-color: #ddd; }
ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus { background-color: #fefefe; border-bottom-color: #fefefe; }

ul.secondary { border-bottom: 1px solid #ddd; margin: 1em 0 0; padding: 0 .3em 1em; }
ul.secondary li { border-right: 0; list-style: none; padding: 0 10px 0 0; }
ul.secondary li a:hover, ul.secondary li a.active { border-bottom: none; text-decoration: underline; }

/* ============================================================================= Action links ========================================================================== */
ul.action-links { margin: 20px 0 0; list-style: none; }

/* ============================================================================= Field Styling ========================================================================== */
/* Wrapper for any field */
/* Above and inline classes are on the field wrapper */
/* When labels are set to inline in field display settings the clearfix class is automatically added */
.field-label-inline { /* Remove the margin on inline field lables to preserve vertical formatting */ }
.field-label-inline .field-label { margin: 0; }

/* Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues */
.field-label { font-size: 1em; font-weight: 700; font-family: inherit; line-height: inherit; margin-bottom: 0; }

/* Field types (Core) */
/* Image fields use the <figure> and <figcaption> elements from HTML5 */
/* Taxonomy */
.field-type-taxonomy-term-reference { /* The same bottom margin as p, blockquote, ul, ol and dl */ margin-bottom: 1.5em; }
.field-type-taxonomy-term-reference.field-label-inline .field-items { margin: 0; padding: 0; }
.field-type-taxonomy-term-reference.field-label-inline .field-item { display: inline; list-style: none; padding: 0 10px 0 0; }

/* Text */
/* Long text */
/* Text with summary */
/* File */
/* Number/Integer */
/* Decimal */
/* Number float */
/* List */
/* List boolean */
/* List integer */
/* List float */
/* Field types (Contrib) */
/* Named fields */
/* Underscores in field name are replaced with dashes */
/* Image Alignment Theme Settings - included here so you can easily override */
/* Float none setting */
/* Float left setting */
.ia-l .field-type-image figure, .iat-l .field-type-image figure { margin: 5px 20px 15px 0; }

/* Centered setting */
.ia-c .field-type-image figure, .iat-c .field-type-image figure { margin: 5px auto 15px; }

/* Float right setting */
.ia-r .field-type-image figure, .iat-r .field-type-image figure { margin: 5px 0 15px 20px; }

/* ============================================================================= Block Styling ========================================================================== */
/* Main wrapper for most blocks, block_system_main does not have it */
.block { margin-bottom: 20px; }

/* Quotes in Study at King's */
.pullquote { background: #e2dbcb url(images/pullquote.gif) 8px 8px no-repeat; font-size: 85%; padding: 22px 2% 3px 3%; font-family: Georgia, serif; font-style: italic; line-height: 1.6; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; color: #3d382c; margin: 1em 12px 1.2em; }
.pullquote blockquote { margin: 0; }
.pullquote blockquote + p { margin-top: -1em; text-align: right; font-style: normal; }

/* Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it */
/* The first block in the region */
/* The last block in the region */
/* Zebra striping for each block in the region */
/* Zebra striping for each block in the region */
/* Block title */
.block-title { margin: 0; }

/* Block content wrapper */
/* Match item list and block menu margin and padding */
.block-content ul, .block-content ol { padding: 0 0 0 15px; }
.block-content li { margin: 0; padding: 0; }

/* Block for the latest news items in the first category */
/* Block for the latest news items in the first feed */
/* First block created with "Add block" link */
/* "Recent blog posts" block */
/* "Book navigation" block for the current book's table of contents */
/* "Recent comments" block */
/* "Active forum topics" block */
/* "New forum topics" block */
/* Language switcher block */
/* Custom menu block */
/* "Recent content" block */
/* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */
/* "Most recent poll" block */
/* "Author information" block for the profile of the page's author */
/* "Search form" block */
/* "Shortcuts" block */
/* "Popular content" block */
/* "Main menu" block */
/* "Management" block for Drupal management menu */
/* "Navigation" block for Drupal navigation menu */
/* "User menu" block for Drupal user menu */
/* "System help" block */
/* "Main page content" block */
/* "Powered by Drupal" block */
/* "User login form" block */
/* "Who's new" block for a list of the newest users */
/* "Who's online" block for a list of the online users */
/* ============================================================================= Node Styling ========================================================================== */
.node { margin-bottom: 20px; }
.node .node-title { margin: 0; }

/* All nodes are given a node-FOO class that describes the type of content that it is. If you create a new content type called "my-custom-type", it will receive a "node-my-custom-type" class. */
/* ============================================================================= Comment Styling - Comments, comment wrapper, comment form ========================================================================== */
/* Wrapper for the list of comments and its titles */
#comments { margin: 1.5em 0; }
#comments h2.comment-title { margin: 0; }
#comments h2.comment-form { margin: 0; }

/* Wrapper for a single comment */
.comment { margin-bottom: 20px; }

/* Comment title */
.comment-title { margin: 0; }

/* Comment states */
/* Preview of the comment before submitting new or updated comment */
/* "New" marker for comments that are new for the current user */
.new { color: #c00; }

/* Nested comments are indented */
.indented { margin-left: 40px; }

/* ============================================================================= Forms ========================================================================== */
/* Wrapper for a form element (or group of form elements) and its label */
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #c00; }
.form-item label { font-weight: 700; }
.form-item .description { font-size: 0.85em; }

/* Not in form-item because the rules need to work on embedded forms too */
#main-content input { border: 1px solid #BFBFBF; box-shadow: 2px 3px 4px #F1F1F1 inset; margin: 0; padding: 4px 3px 4px 7px; vertical-align: middle; }

/* Highlight marks and form required mark */
.marker, .form-required { color: #c00; }

/* The submit button */
#main-content .button { background-color: #999; border: none; border-radius: 4px 4px 4px 4px; clear: both; color: #FFFFFF; cursor: pointer; font-size: 15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0.75em 0; padding: 0 10px 3px; text-align: center; text-decoration: none; vertical-align: top; box-shadow: none; width: 8em; }

.container-inline div, .container-inline label { display: inline; }

/* Define consistent borders */
fieldset { border: 1px solid #ddd; }

/* Tips for Drupal's input formats */
/* Buttons used by contrib modules like Media */
a.button { -moz-appearance: button; -webkit-appearance: button; }

/* Password confirmation */
.password-parent, .confirm-parent { margin: 0; }

/* For Choir newsletter signup form */
#mc_embed_signup { padding: 0.75em 0; }
#mc_embed_signup .mc-field-group { padding: 0.5em 0; }
#mc_embed_signup .indicates-required { font-size: 85%; color: #777; }
#mc_embed_signup .asterisk { color: red; }

/* ============================================================================= Tables ========================================================================== */
table { margin: 1.5em 0; padding: 0; width: 100%; }
table.sticky-header { z-index: 10; }

th { color: #444; }

.gray-th th { background: #EFEFEF; }

/* For concert diary table (events/index.html) */
.block-upcoming-events-block-7 table { font-size: 93.8%; }
.block-upcoming-events-block-7 table .views-field-field-time { width: 20%; }

#block-views-fellows-list-block-1 table { font-size: 93.8%; }
#block-views-fellows-list-block-1 table .views-field-field-first-names { width: 25%; }
#block-views-fellows-list-block-1 table strong { color: #50D; }

/* For Department contacts page */
td.title { width: 50%; }

td.number { width: 10%; }

table, thead, tbody, tr, th, td { border-color: #ddd; }

table, td, th { vertical-align: middle; }

table.noborder, table.noborder tr, table.noborder tbody { border: 0; }

table.valign-top td { vertical-align: top; }

caption, th, td { text-align: left; }

thead tr { font-weight: 700; background-color: #e5e5e5; }

td, th { border-bottom: 0; margin: 0; padding: 5px 7px; }

tbody tr { border-top: 1px solid #ddd; }

tr { /* Table row striping */   /*&.info, &.even, &:nth-child(2n+2)  { border-bottom: 0; background-color: $ultralight; }
 &.drag {}
 &.drag-previous {}
*/ }
tr.odd, tr.even { background: #fefefe; }
tr.odd td.active { background-color: #fefefe; }
tr.even td.active { background-color: #fefefe; }

/* Forum tables Core sets white-space to nowrap, which makes no sense */
#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager { white-space: normal; }

/* ============================================================================= Messages ========================================================================== */
div.messages { margin-bottom: 10px; margin-top: 10px; }
div.messages ul { margin-top: 0; margin-bottom: 0; }

/* Unpublished nodes */
.node-unpublished p.unpublished, .comment-unpublished p.unpublished { color: pink; color: rgba(239, 170, 170, 0.4); font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; font-size: 50px; font-weight: 700; line-height: 1.2; height: 0; margin: 0; padding: 0; overflow: visible; text-align: center; text-transform: uppercase; word-wrap: break-word; }
.ie6-7 .node-unpublished p.unpublished > *, .ie6-7 .comment-unpublished p.unpublished > * { position: relative; }

/* ============================================================================= Maintenance pages ========================================================================== */
.maintenance-page .container { padding: 40px 0; }
.maintenance-page #site-name, .maintenance-page #page-title { margin: 0; }

.db-offline .container { margin: 0 auto; padding: 40px 0; width: 100%; max-width: 960px; }
.db-offline div.messages { margin: 20px 0 0; }
.db-offline #content { padding: 20px 0; }

/* ============================================================================= Misc overrides for contrib modules ========================================================================== */
/* Admin menu overrides */
#admin-menu { margin: 0; padding: 0; }

/* Devel Module */
.dev-query { background: #eee; padding: 30px; }

/* Styleguide module tweaks */
#styleguide-header { padding: 0 10px; }
#styleguide-header .item-list { font-family: inherit; margin: 0 20px 20px 0; min-height: 260px; width: auto; }

/* ============================================================================= Styles for main content area, not covered above ========================================================================== */
/*
* For landing pages
*/
#content .box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #cfcfcf; margin: 0 0 1em; overflow: hidden; *overflow: visible; *zoom: 1; background: #efefef; padding: 8px 5px 10px; box-shadow: 0px 1px 3px #CCC, 0px 0px 20px #DDD inset; }
#content .box a { color: #444; }
#content .box h2 { margin: 0 0 0.3em; }
#content .box h2 a { color: #8c569c; }
#content .box img { float: left; width: 20%; margin: 7px 15px 5px 5px; border-color: #BBB; border-width: 3px; border-style: double; }
#content .box ul { float: left; width: 35%; margin: 0 5px; }
#content .box ul li { padding-left: 10px; line-height: 1.3; padding-bottom: 0.25em; }

/*
* For subject pages
*/
.thumb-rows { margin-top: 5px; }
.thumb-rows div { clear: both; margin: 0; }
.thumb-rows img { float: left; margin: 5px 1em 0.75em 0; width: 80px; }
.thumb-rows p, .thumb-rows h3 { margin-left: 95px; margin-top: 0; }
.thumb-rows p.posted { font-size: 85%; text-align: left; margin-top: 0.3em; }

/* Tinted box */
.tinted { background: #EFEFEF; border: 1px solid #DDD; margin-bottom: 1em; padding: 10px 15px; }
.tinted h2 { margin-top: 0; }

/* Generic spacing styles */
.xxtm { margin-top: 2em; }

.xtm { margin-top: 1.5em; }

.tm { margin-top: 1em; }

#content .notm { margin-top: 0; }

.bm { margin-bottom: 1em; }

.lobm { margin-bottom: 0.3em; }

.nobm { margin-bottom: 0; }

.xbm { margin-bottom: 1.5em; }

.nobp { padding-bottom: 0; }

.lotm { margin-top: 0.3em; }

.clear-both { clear: both; }

.center { text-align: center; }

.nopadding { padding: 0; }
.nopadding h2 { background: #888; color: white; padding: 3px 10px 4px; }
.nopadding div { padding: 10px 15px; }
.nopadding .fltr-port { padding-top: 0; }

/* Other generic styles */
.gray { color: #666; }

.posted { text-align: right; color: #777777; font-size: 0.85em; margin-top: -0.5em; padding-right: 3px; }

.top-border { border-top: 1px dotted #ccc; padding-top: 0.75em; }

/* For FAQ pages */
.accordion h3 { font-weight: normal; background-image: url("images/accordion-triangles.svg"); background-position: 3px 0.35em; background-repeat: no-repeat; padding-left: 25px; cursor: pointer; background-size: 15px; }
.accordion h3.expanded { background-image: url("images/accordion-triangles.svg"); background-position: 1px -2.25em; margin-bottom: 3px; }
.accordion div p { margin-top: 3px; }

/* Ads in sidebar two */
.sidebar-ad { background: #e2dbcb; padding: 8px 3% 5px 4%; line-height: 1.6; color: #3d382c; margin: 1em 0 1.2em; overflow: hidden; *overflow: visible; *zoom: 1; }
.sidebar-ad img { float: left; width: 30%; margin: 8px 10px 10px 0; }
.sidebar-ad h2 { margin: 0; padding: 0; font-size: 100%; }
.sidebar-ad p, .sidebar-ad ul { font-size: 85%; }
.sidebar-ad a { color: #333; }
.sidebar-ad a:hover { text-decoration: none; }
.sidebar-ad ul a { color: #50D; }
.sidebar-ad ul a:hover { text-decoration: underline; }

.feed-icon, .xml-icon { float: right; }
.feed-icon img::before, .xml-icon img::before { content: "RSS feed: "; }

.sidebar-ad2 { background: #888; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.sidebar-ad2 a { background: none; padding: 0; color: #fff; }
.sidebar-ad2 a:hover { text-decoration: underline; }
.sidebar-ad2 img { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.sidebar-ad2 p { color: #fff; font-size: 100%; margin-bottom: 0; padding: 0 10px 10px; line-height: 1; }
.sidebar-ad2 p.play { background: transparent url("images/play-button.svg") 10px 0 no-repeat; background-size: 17px 17px; padding-left: 33px; }

/* For events */
#content .view-upcoming-events .views-row { background: #F6F6F6; padding: 0 1em 1em 1.5em; border: 1px solid #E9E9E9; margin: 0 0 1.75em 0; }
#content .view-upcoming-events .views-row .views-field-field-time { font-weight: 700; color: #777; }
#content .view-upcoming-events .views-row ul { list-style: none; padding-left: 1.5em; margin-top: 1em; }
#content .view-upcoming-events .views-row ul li { padding-bottom: 3px; padding-left: 0; }
#content .view-upcoming-events .views-row ul li:before { content: ""; }
#content .view-upcoming-events .views-row ul span { color: #777; font-weight: bold; }
#content .view-upcoming-events .views-row img { border: 2px solid #CCC; }
#content .view-upcoming-events .views-row p { margin-top: 0.5em; }

.block-views .view-upcoming-events .views-field-field-time { font-weight: bold; color: #777; }

/* For Fellows gallery */
.page-research-fellows-galleryhtml .region-sidebar-second { display: none; }
.page-research-fellows-galleryhtml .container .content-inner { margin-right: 0; }
.page-research-fellows-galleryhtml .views-row { float: left; width: 20%; text-align: center; padding: 1em 0.1em 0.5em; margin: 1px; border: #ddd solid 1px; height: 210px; font-size: 85%; }
.page-research-fellows-galleryhtml .views-row .fltr-120 { float: none; margin: 0 auto; }
.page-research-fellows-galleryhtml .views-row .view-footer { clear: both; }
.page-research-fellows-galleryhtml .views-row a { position: relative; z-index: 100; }
.page-research-fellows-galleryhtml .views-row img { border: 3px solid #ddd; }
.page-research-fellows-galleryhtml .views-row a img:hover { border: 3px solid #999; }
.page-research-fellows-galleryhtml .views-row img[alt='No photo available'] { border: 0; padding: 2px; }
.page-research-fellows-galleryhtml .views-row img[alt='No photo available']:hover { border: 0; }
.page-research-fellows-galleryhtml .views-row .views-field-field-first-names-value strong, .page-research-fellows-galleryhtml .views-row .views-field-field-first-names-1 strong { font-weight: normal; color: #50D; }

/* For Fellows' profile pages */
.node-type-fellow #content .field-label { float: left; width: 7em; font-size: 100%; color: #666; }
.node-type-fellow #content .field-items { padding-left: 7em; padding-bottom: 0.25em; }
.node-type-fellow #content .field-name-body .field-items { padding-left: 0; }
.node-type-fellow #content .field-name-body .field-items h2 { margin-top: 1em; }

/* For news and choir news summaries */
#content .news-summary .views-row, #content .choir-news .views-row { clear: both; }
#content .news-summary .views-row h2, #content .choir-news .views-row h2 { font-size: 110%; font-weight: normal; line-height: 1.2; margin-bottom: 3px; }
#content .news-summary .views-row .fltl-thumb, #content .choir-news .views-row .fltl-thumb { width: 67px; margin-top: 3px; margin-bottom: 3em; }
#content .news-summary .views-row .fltl-thumb img, #content .choir-news .views-row .fltl-thumb img { border: 2px solid #DDD; }
#content .news-summary .views-row p.posted, #content .choir-news .views-row p.posted { text-align: left; margin-top: -.8em; }

/* For posted date and links under news articles */
.node-type-news #content .field-name-field-posted { text-align: right; color: #555555; font-size: 85%; }
.node-type-news #content .field-name-field-posted .field-items, .node-type-news #content .field-name-field-posted .field-item { display: inline; }
.node-type-news #content .field-name-field-posted h2 { font-size: 100%; color: #555555; font-weight: normal; display: inline; }
.node-type-news #content .posted { margin-top: -1.25em; }

.block-addtoany { text-align: right; margin-top: -0.75em; }

/* For 'Related news' block under each news story */
#block-views-related-by-term-block-1 h2 { margin: 1.75em 0 0 0; font-size: 1.15em; }
#block-views-related-by-term-block-1 table { border: 0; margin-top: 0; }
#block-views-related-by-term-block-1 table tr { border: 0; }
#block-views-related-by-term-block-1 table tr td { vertical-align: top; padding: 3px 0; }
#block-views-related-by-term-block-1 table tr td.views-field-field-posted { width: 25%; text-align: right; }

/* For King's Parade page */
.page-node-472 #content table, .page-node-472 #content tr { border: 0; }
.page-node-472 #content table p, .page-node-472 #content tr p { margin: 1em 0 4px; }
.page-node-472 #content img { border: 1px solid #DDD; }
.page-node-472 #content a[href$='.pdf'] { background: 0; padding: 0; }

/* For Chapel home page banner */
.page-node-146 .block-content ul { padding: 0; }
.page-node-146 h1 { border: 0; height: 1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.page-node-146 .flexslider { margin: 0; }

/* For Listen to services (webcasts) page */
.page-node-4700 .region-sidebar-second #block-menu-menu-right-menu-choir { display: none; }
.page-node-4700 iframe { background: #EFEFEF; border: 1px solid #DDD; padding: 0 0 0 10px; width: 97%; box-shadow: 0 0 15px #DDDDDD inset; }
.page-node-4700 iframe body, .page-node-4700 iframe ul { width: 97%; }

/*
#content .float-box {
	@extend .nobullet;
	li {
		float: left;
		width: 31.5%;
		margin-right: 8px;
		a {
			background: none;
			color: #fff;
			&:hover {
				text-decoration: underline;
			}
			span {
			display: block;
			background: #777;
			@include border-top-radius (6px);
			padding: 0 9px 5px;
			}
			img {
				border-bottom: 1px solid #777;
			}
		}
		
	}
	
}
*/
/* For Library Amazon sidebar */
#block-block-14 { background: #EFEFEF; border: 1px solid #DDD; margin: 0 12px; padding-bottom: 1em; }
#block-block-14 h2 { font-size: 110%; padding-left: 0; }
#block-block-14 p { color: #444; font-size: 80%; line-height: 1.4; margin-bottom: 0; }

/*
* For Images from the Special Collections (Library section) 
* 
*/

.tax-special-collections #donors { background: transparent url(images/library/donors-small.gif) 0 0 no-repeat; }
.tax-special-collections .fltr-port { width: 173px; }
.tax-special-collections .fltr-port img { background: url("images/frame-155px.gif") no-repeat scroll 0 0 transparent; padding: 9px; }
.tax-special-collections .thumb-rows img { border: 1px solid #bbb; padding: 2px; }

/* Generic so can be used on other pages, not just Special Collections */
#content ul.collection-thumbs { margin-left: 0; list-style: none; list-style-image: none; padding-left: 0; margin-top: 1em; }
#content ul.collection-thumbs li { padding-left: 0; text-indent: 0; }
#content ul.collection-thumbs li:before { content: ""; padding-right: 0; }
#content ul.collection-thumbs li { text-indent: -9999px; display: inline; }
#content ul.collection-thumbs li a { display: block; width: 176px; height: 146px; float: left; border-bottom: 0; margin: 0 0 0.5em; padding: 0; background: transparent url(images/library/home-row1.jpg) 0 0 no-repeat; outline: 0; }
#content ul.collection-thumbs li.thumb2 a { background-position: -176px 0; }
#content ul.collection-thumbs li.thumb3 a { background-position: -352px 0; }

/* For Special Collections donors page */
.page-node-4233 #content h2 { background: transparent url(images/library/donors-headings.gif) 0 0 no-repeat; }
.page-node-4233 #content h2#thackeray { background: transparent url(images/library/donors-headings.gif) 0 -20px no-repeat; }
.page-node-4233 #content h2#mann { background: transparent url(images/library/donors-headings.gif) 0 -40px no-repeat; }
.page-node-4233 #content h2#keynes { background: transparent url(images/library/donors-headings.gif) 0 -60px no-repeat; }
.page-node-4233 #content h2#cole { background: transparent url(images/library/donors-headings.gif) 0 -80px no-repeat; }
.page-node-4233 #content h2#beves { background: transparent url(images/library/donors-headings.gif) 0 -100px no-repeat; }

/* For Faerie Queen page */
.page-node-4300 h2 { background: transparent url(images/library/spenser-headings.gif) 0 0 no-repeat; }
.page-node-4300 h2#second { background: transparent url(images/library/spenser-headings.gif) 0 -20px no-repeat; }
.page-node-4300 h2#illustrated { background: transparent url(images/library/spenser-headings.gif) 0 -40px no-repeat; }

/*
* End of Special Collections styles
* 
*/
/* Gallery used in Archive of the month (see old editions, before Zoomify) */
#gallery { margin: 1.5em 0 1em; }
#gallery div { border: 1px solid #DEDEDE; padding: 10px; float: left; width: 156px; margin-right: 5px; margin-bottom: 5px; background: #EFEFEF; height: 23em; }
#gallery div.em23 { height: 23em; }
#gallery div.last { margin-right: 0; }
#gallery div div { background: #FFF; }
#gallery div p { font-size: 0.8em; color: #666; margin: 0.3em 0 0; line-height: 1.5; }
#gallery div.horizontal-scroll-wrapper { background: 0; height: auto; overflow: visible; border: 0; float: none; width: 100%; }

/* Archive of the month */
#gallery .horizontal-scroll-wrapper div { background: #eee; }
#gallery .horizontal-scroll-wrapper div img { border: 1px solid #ddd; }

#content .em20 div, #content #gallery div.em20 { height: 20em; }

/*.section-intranet #main-content h1 {margin: 0.3em 0 0.5em 10%;}*/
/* For intranet home */
.page-node-1316 #main-content h1 { margin: 0; }

#two-column ul .lotm { margin-top: 0.5em; }
#two-column ul ul { margin-bottom: 0; }
#two-column .fltl { float: left; width: 48%; margin-bottom: 1.5em; margin-left: 15px; }
#two-column .fltr { float: right; width: 49%; margin-bottom: 1.5em; }

/*  for College calendar */
#main-content .college-calendar #years { margin: 0 0 1.5em; }
#main-content .college-calendar #years tr.border th, #main-content .college-calendar #years tr.border td { border-bottom: 2px solid white; }
#main-content .college-calendar #years th, #main-content .college-calendar #years td { padding: 0; background: #EEE; text-align: left; border-bottom: 0; vertical-align: center; padding-top: 0; }
#main-content .college-calendar #years th { font-weight: bold; padding: 0px 8px; }
#main-content .college-calendar #years td { width: 90%; }
#main-content .college-calendar #years td ul { list-style: none; margin: 0; padding: 0; }
#main-content .college-calendar #years td ul li { float: left; padding: 0; margin: 0; }
#main-content .college-calendar #years td ul li a:link, #main-content .college-calendar #years td ul li a:visited { padding: 5px 10px; display: block; }
#main-content .college-calendar #years td ul li.active a { color: white; background: #958dad; }
#main-content .college-calendar #years td ul li.inactive { color: #224; }
#main-content .college-calendar .calendar { border-width: 0 0 0 1px; position: relative; left: 0; width: 75em; font-size: 90%; line-height: 1.45; }
#main-content .college-calendar .calendar tr th { width: 14%; border-bottom: 1px solid gray; font-weight: normal; padding-bottom: 5px; text-align: center; background: #FFF; border-left: 0; }
#main-content .college-calendar .calendar caption { color: #402e54; background-color: #FFF; font-weight: bold; text-align: center; padding: 10px 0.33em; font-size: 130%; font-weight: normal; }
#main-content .college-calendar .calendar tr.lastweek td { border-bottom: 1px solid #AAB; }
#main-content .college-calendar .calendar td { vertical-align: top; padding: 0; border: 0px solid gray; border-width: 0 0 1px 1px; height: 8em; background: #FFF; font-size: 90%; width: 14%; }
#main-content .college-calendar .calendar td.sat { border-right: 1px solid gray; }
#main-content .college-calendar .calendar td.sat, #main-content .college-calendar .calendar td.sun { background: #e5dded; }
#main-content .college-calendar .calendar td.sat div.date, #main-content .college-calendar .calendar td.sun div.date { border-width: 0; color: gray; background: transparent; }
#main-content .college-calendar .calendar a:link, #main-content .college-calendar .calendar a:visited, #main-content .college-calendar .calendar a:hover { display: block; margin: 0; }
#main-content .college-calendar .calendar div.event { margin: 0.5em; }
#main-content .college-calendar .calendar div.event span { display: block; }
#main-content .college-calendar .calendar div.event span.time { font-weight: bold; }
#main-content .college-calendar .calendar div.event span.loc { color: #555; font-style: italic; }
#main-content .college-calendar .calendar div.date { float: right; text-align: center; border: 1px solid #DDD; border-width: 0 0 1px 1px; padding: 0.125em 0.25em 0 0.25em; margin: 0; background: #F3F3F3; }

/* For intranet contacts list */
.page-node-2429 table th { background: #EFEFEF; color: #333; }
.page-node-2429 table td { background: #FFF; }
.page-node-2429 table td.title { width: 50%; }
.page-node-2429 table td.number { width: 15%; }
.page-node-2429 table td.email { width: 35%; }

#block-views-banner-slideshow-block-3 { margin-bottom: 10px; margin-top: 12px; /* Stops slides twitching in Firefox */ }
#block-views-banner-slideshow-block-3 ul { margin-left: 0; list-style: none; list-style-image: none; padding-left: 0; margin-bottom: 0; }
#block-views-banner-slideshow-block-3 ul li { padding-left: 0; text-indent: 0; }
#block-views-banner-slideshow-block-3 ul li:before { content: ""; padding-right: 0; }
#block-views-banner-slideshow-block-3 .slides img { margin: 0; }
#block-views-banner-slideshow-block-3 .slides li:after { content: "."; position: absolute; top: 0; left: 0; z-index: -1000; }
#block-views-banner-slideshow-block-3 .flexslider { margin: 0; border: 0; box-shadow: none; overflow: hidden; border-radius: 0; }

/* For home page link boxes at the top */
#links div { background: #EFEFEF; border: 1px solid #DDD; margin: 0 0 4px; padding: 5px 1% 2px; overflow: hidden; *overflow: visible; *zoom: 1; }
#links div h2 { font-size: 100%; margin: 0; }
#links div h2 a { color: #8c569c; }
#links div p { margin: 0; font-size: 90%; }
#links div p a { color: #000; }
#links div img { float: left; margin: 1px 2% 6px 0; border: 1px solid #BBB; padding: 1px; }

#content .home-box h2 { color: white; background: #8c569c; padding: 2px 12px 6px; font-size: 100%; margin: 0; }
#content .home-box h2 a { color: white; }
#content .home-box div { line-height: 1.4; padding: 7px 12px 10px; border: 1px solid #DDD; border-width: 0 1px 1px; background-color: #efefef; min-height:200px }
#content .home-box div p { margin-bottom: 0.5em; }
#content .home-box div p + ul { margin-top: 0.5em; }
#content .home-box div ul li { padding-left: 1em; }
#content .home-box div a { color: #50D; }



#content #home-second-row { clear: both; }
#content #home-second-row .home-box { margin-bottom: 10px; }
#content #home-second-row #prospective div { /*background-image: url("images/home-page/plodge.png");*/ background-position: 0 bottom;background-repeat:no-repeat;background-size:50%;text-align:left; }
/*#content #home-second-row #second div { background-image: url("images/home-page/choir.png"); background-position: 96% bottom; background-repeat: no-repeat; background-size: 33%; text-align: left; }*/

#home-third-row { clear: both; background: #EFEFEF; }
#home-third-row .home-box div { overflow: hidden; *overflow: visible; *zoom: 1; margin-bottom: 10px; }
#home-third-row .home-box div img { display: block; margin: 0 auto; }
#home-third-row .last { margin-right: 0; }

.icons { padding-right: 1px; }
.icons img { margin-left: 10px; }
.icons a { color: #777; }

/* For subject resources */
.view-admissions-notices .posted { margin: 1em 0 1.5em; }

.views-field-field-tags span { float: left; width: 3.25em; font-weight: bold; color: #777; }

.view-taxonomy-term .views-row, .view-admissions-notices .views-row { background: #EFEFEF; padding: 1.5em 2em; margin: 1.5em 0; border-radius: 7px; }

.tax-intranet #main-content { width: 70%; }

.page-node-1316 #main-content, .page-node-2427 #main-content { width: 100%; }

/* For Estates records */
.section-archive-centre table td { vertical-align: top; }

.section-archive-centre table td a[href$='.doc'] { padding-right: 0; background: none; }