<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
	Website: 	S4C Header &amp; Footer with colour base
	Author: 	Andrew Canham
	Notes:		Responsive header and footer, with static (non-responsive) option.
	Updated:	07/10/12

-----------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------
	
	CONTENTS:

	1. FONTS
	2. RESET
	3. BODY
	4. HEADER
		4.1 Search
		4.2 Navigation
		4.3 Colours
			4.3.1 purple
			4.3.2 green
			4.3.3 orange
			4.3.4 blue
			4.3.5 corp-blue
		4.4 No JS

	5. FOOTER
	6. PRINT
	7. MEDIA QUERIES
	8. STATIC WIDTH
	9. LEGACY
	
-----------------------------------------------------------------------------------------------*//* 1. FONTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/
@font-face {
  font-family: 'S4CSansLight';
  src: url('/hafan/fonts/s4cslt__-webfont.eot');
  src: local('â˜º'), url('/hafan/fonts/s4cslt__-webfont.woff') format('woff'), url('/hafan/fonts/s4cslt__-webfont.ttf') format('truetype'), url('/hafan/fonts/s4cslt__-webfont.svg#webfontTDCjbpgK') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S4CSansRegular';
  src: url('/hafan/fonts/s4csrg__-webfont.eot');
  src: local('â˜º'), url('/hafan/fonts/s4csrg__-webfont.woff') format('woff'), url('/hafan/fonts/s4csrg__-webfont.ttf') format('truetype'), url('/hafan/fonts/s4csrg__-webfont.svg#webfont2KvY9yUn') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S4CSansMedium';
  src: url('/hafan/fonts/s4csmd__-webfont.eot');
  src: local('â˜º'), url('/hafan/fonts/s4csmd__-webfont.woff') format('woff'), url('/hafan/fonts/s4csmd__-webfont.ttf') format('truetype'), url('/hafan/fonts/s4csmd__-webfont.svg#webfontRDTgkqhV') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S4CSansBold';
  src: url('/hafan/fonts/s4csbd__-webfont.eot');
  src: local('â˜º'), url('/hafan/fonts/s4csbd__-webfont.woff') format('woff'), url('/hafan/fonts/s4csbd__-webfont.ttf') format('truetype'), url('/hafan/fonts/s4csbd__-webfont.svg#webfontokCzJG4A') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
* Symbolset
* www.symbolset.com
* Copyright Â© 2012 Oak Studios LLC
*/
@font-face {
  font-family: "SSSocial";
  src: url('/fonts/ss-social-circle.eot');
  src: url('/fonts/ss-social-circle.eot?#iefix') format('embedded-opentype'), url('/fonts/ss-social-circle.woff') format('woff'), url('/fonts/ss-social-circle.ttf') format('truetype'), url('/fonts/ss-social-circle.svg#SSSocialCircle') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SSSocial";
  src: url('/fonts/ss-social-regular.eot');
  src: url('/fonts/ss-social-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/ss-social-regular.woff') format('woff'), url('/fonts/ss-social-regular.ttf') format('truetype'), url('/fonts/ss-social-regular.svg#SSSocialRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ss-icon,
.ss-icon.ss-social,
.ss-icon.ss-social-circle,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"][class*=" ss-social"]:before,
[class*=" ss-"][class*=" ss-social"]:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"][class*=" ss-social"].right:after,
[class*=" ss-"][class*=" ss-social"].right:after {
  font-family: "SSSocial";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.ss-icon.ss-social-circle,
[class^="ss-"].ss-social-circle:before,
[class*=" ss-"].ss-social-circle:before,
[class^="ss-"].ss-social-circle.right:after,
[class*=" ss-"].ss-social-circle.right:after {
  font-weight: bold;
}
[class^="ss-"].right:before,
[class^="ss-"][class*=" ss-social"].right:before {
  display: none;
  content: '';
}
.ss-facebook:before,
.ss-facebook.right:after {
  content: 'ï˜';
}
.ss-twitter:before,
.ss-twitter.right:after {
  content: 'ï˜‘';
}
.ss-linkedin:before,
.ss-linkedin.right:after {
  content: 'ï˜’';
}
.ss-googleplus:before,
.ss-googleplus.right:after {
  content: 'ï˜“';
}
.ss-tumblr:before,
.ss-tumblr.right:after {
  content: 'ï˜&nbsp;';
}
.ss-wordpress:before,
.ss-wordpress.right:after {
  content: 'ï˜¡';
}
.ss-blogger:before,
.ss-blogger.right:after {
  content: 'ï˜¢';
}
.ss-posterous:before,
.ss-posterous.right:after {
  content: 'ï˜£';
}
.ss-youtube:before,
.ss-youtube.right:after {
  content: 'ï˜°';
}
.ss-vimeo:before,
.ss-vimeo.right:after {
  content: 'ï˜±';
}
.ss-flickr:before,
.ss-flickr.right:after {
  content: 'ï™€';
}
.ss-instagram:before,
.ss-instagram.right:after {
  content: 'ï™';
}
.ss-pinterest:before,
.ss-pinterest.right:after {
  content: 'ï™';
}
.ss-dribbble:before,
.ss-dribbble.right:after {
  content: 'ï™&nbsp;';
}
.ss-behance:before,
.ss-behance.right:after {
  content: 'ï™¡';
}
.ss-github:before,
.ss-github.right:after {
  content: 'ï™°';
}
.ss-octocat:before,
.ss-octocat.right:after {
  content: 'ï™±';
}
.ss-paypal:before,
.ss-paypal.right:after {
  content: 'ïš€';
}
.ss-foursquare:before,
.ss-foursquare.right:after {
  content: 'ïš';
}
.ss-skype:before,
.ss-skype.right:after {
  content: 'ïš&nbsp;';
}
.ss-rdio:before,
.ss-rdio.right:after {
  content: 'ïš°';
}
.ss-spotify:before,
.ss-spotify.right:after {
  content: 'ïš±';
}
.ss-lastfm:before,
.ss-lastfm.right:after {
  content: 'ïš²';
}
.ss-mail:before,
.ss-mail.right:after {
  content: 'âœ‰';
}
.ss-like:before,
.ss-like.right:after {
  content: 'ðŸ‘';
}
.ss-rss:before,
.ss-rss.right:after {
  content: 'îŒ';
}
@font-face {
  font-family: "SSStandard";
  src: url('/fonts/ss-standard.eot');
  src: url('/fonts/ss-standard.eot?#iefix') format('embedded-opentype'), url('/fonts/ss-standard.woff') format('woff'), url('/fonts/ss-standard.ttf') format('truetype'), url('/fonts/ss-standard.svg#SSStandard') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ss-icon,
[class^="ss-"]:before,
[class*=" ss-"]:before,
.ss-icon.ss-standard,
[class^="ss-"].ss-standard:before,
[class*=" ss-"].ss-standard:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -moz-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}
.ss-cursor:before {
  content: 'î€';
}
.ss-crosshair:before {
  content: 'âŒ–';
}
.ss-search:before {
  content: 'ðŸ”Ž';
}
.ss-view:before {
  content: 'ðŸ‘€';
}
.ss-attach:before {
  content: 'ðŸ“Ž';
}
.ss-link:before {
  content: 'ðŸ”—';
}
.ss-move:before {
  content: 'î°';
}
.ss-write:before {
  content: 'âœŽ';
}
.ss-writingdisabled:before {
  content: 'î±';
}
.ss-erase:before {
  content: 'âœ';
}
.ss-compose:before {
  content: 'ðŸ“';
}
.ss-lock:before {
  content: 'ðŸ”’';
}
.ss-unlock:before {
  content: 'ðŸ”“';
}
.ss-key:before {
  content: 'ðŸ”‘';
}
.ss-backspace:before {
  content: 'âŒ«';
}
.ss-ban:before {
  content: 'ðŸš«';
}
.ss-trash:before {
  content: 'îƒ';
}
.ss-target:before {
  content: 'â—Ž';
}
.ss-tag:before {
  content: 'î„€';
}
.ss-bookmark:before {
  content: 'ðŸ”–';
}
.ss-flag:before {
  content: 'âš‘';
}
.ss-like:before {
  content: 'ðŸ‘';
}
.ss-dislike:before {
  content: 'ðŸ‘Ž';
}
.ss-heart:before {
  content: 'â™¥';
}
.ss-halfheart:before {
  content: 'î†&nbsp;';
}
.ss-star:before {
  content: 'â‹†';
}
.ss-halfstar:before {
  content: 'î†¡';
}
.ss-sample:before {
  content: 'îˆ€';
}
.ss-crop:before {
  content: 'îˆ';
}
.ss-layers:before {
  content: 'îˆ‚';
}
.ss-phone:before {
  content: 'ðŸ“ž';
}
.ss-phonedisabled:before {
  content: 'îŒ€';
}
.ss-rss:before {
  content: 'îŒ';
}
.ss-facetime:before {
  content: 'îŒ&nbsp;';
}
.ss-reply:before {
  content: 'â†©';
}
.ss-mail:before {
  content: 'âœ‰';
}
.ss-inbox:before {
  content: 'ðŸ“¥';
}
.ss-chat:before {
  content: 'ðŸ’¬';
}
.ss-user:before {
  content: 'ðŸ‘¤';
}
.ss-femaleuser:before {
  content: 'ðŸ‘§';
}
.ss-users:before {
  content: 'ðŸ‘¥';
}
.ss-cart:before {
  content: 'î”€';
}
.ss-creditcard:before {
  content: 'ðŸ’³';
}
.ss-barchart:before {
  content: 'ðŸ“Š';
}
.ss-piechart:before {
  content: 'î•°';
}
.ss-box:before {
  content: 'ðŸ“¦';
}
.ss-home:before {
  content: 'âŒ‚';
}
.ss-globe:before {
  content: 'ðŸŒŽ';
}
.ss-navigate:before {
  content: 'î™°';
}
.ss-compass:before {
  content: 'î™±';
}
.ss-signpost:before {
  content: 'î™²';
}
.ss-location:before {
  content: 'î›';
}
.ss-map:before {
  content: 'î™³';
}
.ss-pin:before {
  content: 'ðŸ“';
}
.ss-database:before {
  content: 'îž&nbsp;';
}
.ss-music:before {
  content: 'â™«';
}
.ss-mic:before {
  content: 'ðŸŽ¤';
}
.ss-volume:before {
  content: 'ðŸ”ˆ';
}
.ss-volumelow:before {
  content: 'ðŸ”‰';
}
.ss-volumehigh:before {
  content: 'ðŸ”Š';
}
.ss-airplay:before {
  content: 'î&nbsp;€';
}
.ss-camera:before {
  content: 'ðŸ“·';
}
.ss-picture:before {
  content: 'ðŸŒ„';
}
.ss-video:before {
  content: 'ðŸ“¹';
}
.ss-play:before {
  content: 'â–¶';
}
.ss-pause:before {
  content: 'î¢&nbsp;';
}
.ss-stop:before {
  content: 'â–&nbsp;';
}
.ss-record:before {
  content: 'â—';
}
.ss-rewind:before {
  content: 'âª';
}
.ss-fastforward:before {
  content: 'â©';
}
.ss-skipback:before {
  content: 'â®';
}
.ss-skipforward:before {
  content: 'â­';
}
.ss-eject:before {
  content: 'â';
}
.ss-repeat:before {
  content: 'ðŸ”';
}
.ss-replay:before {
  content: 'â†º';
}
.ss-shuffle:before {
  content: 'ðŸ”€';
}
.ss-notebook:before {
  content: 'ðŸ““';
}
.ss-grid:before {
  content: 'î¦&nbsp;';
}
.ss-rows:before {
  content: 'î¦¡';
}
.ss-columns:before {
  content: 'î¦¢';
}
.ss-desktop:before {
  content: 'ðŸ’»';
}
.ss-laptop:before {
  content: 'î¨€';
}
.ss-tablet:before {
  content: 'î¨';
}
.ss-cell:before {
  content: 'ðŸ“±';
}
.ss-battery:before {
  content: 'ðŸ”‹';
}
.ss-batteryhigh:before {
  content: 'î¨';
}
.ss-batterymedium:before {
  content: 'î¨‘';
}
.ss-batterylow:before {
  content: 'î¨’';
}
.ss-batteryempty:before {
  content: 'î¨“';
}
.ss-clouddownload:before {
  content: 'î¬€';
}
.ss-download:before {
  content: 'î¬';
}
.ss-cloudupload:before {
  content: 'î­€';
}
.ss-upload:before {
  content: 'î­';
}
.ss-fork:before {
  content: 'î®€';
}
.ss-merge:before {
  content: 'î®';
}
.ss-refresh:before {
  content: 'â†»';
}
.ss-sync:before {
  content: 'î®‚';
}
.ss-loading:before {
  content: 'î®ƒ';
}
.ss-wifi:before {
  content: 'î®„';
}
.ss-connection:before {
  content: 'î®…';
}
.ss-file:before {
  content: 'ðŸ“„';
}
.ss-folder:before {
  content: 'ðŸ“';
}
.ss-quote:before {
  content: 'â€œ';
}
.ss-text:before {
  content: 'î´€';
}
.ss-font:before {
  content: 'î´';
}
.ss-print:before {
  content: 'âŽ™';
}
.ss-fax:before {
  content: 'ðŸ“&nbsp;';
}
.ss-list:before {
  content: 'îµ';
}
.ss-layout:before {
  content: 'î¶&nbsp;';
}
.ss-action:before {
  content: 'î¸€';
}
.ss-expand:before {
  content: 'â¤¢';
}
.ss-contract:before {
  content: 'î¸';
}
.ss-help:before {
  content: 'â“';
}
.ss-info:before {
  content: 'â„¹';
}
.ss-alert:before {
  content: 'âš&nbsp;';
}
.ss-caution:before {
  content: 'â›”';
}
.ss-plus:before {
  content: '+';
}
.ss-hyphen:before {
  content: '-';
}
.ss-dropdown:before {
  content: 'â–¾';
}
.ss-check:before {
  content: 'âœ“';
}
.ss-delete:before {
  content: 'â¡';
}
.ss-settings:before {
  content: 'âš™';
}
.ss-dashboard:before {
  content: 'ï€€';
}
.ss-notifications:before {
  content: 'ðŸ””';
}
.ss-notificationsdisabled:before {
  content: 'ðŸ”•';
}
.ss-clock:before {
  content: 'â²';
}
.ss-stopwatch:before {
  content: 'â±';
}
.ss-calendar:before {
  content: 'ðŸ“†';
}
.ss-calendaradd:before {
  content: 'ï°';
}
.ss-calendarremove:before {
  content: 'ï±';
}
.ss-calendarcheck:before {
  content: 'ï²';
}
.ss-briefcase:before {
  content: 'ðŸ’¼';
}
.ss-cloud:before {
  content: 'â˜';
}
.ss-navigateup:before {
  content: 'ï”€';
}
.ss-navigateright:before {
  content: 'â–»';
}
.ss-navigatedown:before {
  content: 'ï”';
}
.ss-navigateleft:before {
  content: 'â—…';
}
.ss-up:before {
  content: 'â¬†';
}
.ss-upright:before {
  content: 'â¬ˆ';
}
.ss-right:before {
  content: 'âž¡';
}
.ss-downright:before {
  content: 'â¬Š';
}
.ss-down:before {
  content: 'â¬‡';
}
.ss-downleft:before {
  content: 'â¬‹';
}
.ss-left:before {
  content: 'â¬…';
}
.ss-upleft:before {
  content: 'â¬‰';
}
.ss-retweet:before {
  content: 'ï˜€';
}
/* 2. RESET
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/*
		1 Helper classes
		2 Page
		3 Typography
		4 Colour
		5 Elements
		6 Forms
*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* 1 Helper classes */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* 2 Page */
html {
  background: #ffffff;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f3f5f6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
  font-family: verdana, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  color: #000000;
}
/* 3 Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small {
  font-weight: normal;
  color: #bfbfbf;
}
h1,
.h1 {
  margin-bottom: 0.75em;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.2;
}
h2,
.h2 {
  margin-bottom: 0.75em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
}
h3,
.h3 {
  margin-bottom: 1em;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.3;
}
h4,
.h4 {
  margin-bottom: 1.5em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25;
}
h5,
.h5 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1.5em;
}
h6,
.h6 {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
p,
ol,
ul,
dl,
address {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
small {
  font-size: 14px;
  font-size: 1.4rem;
}
ul,
ol {
  margin: 0 0 1.5em 0;
  padding: 0 0 0 0;
}
li ul,
li ol {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
li {
	list-style: none;
}
blockquote {
  margin: 0 0 1.5em -24px;
  padding-left: 24px;
  border-left: 2px solid #c7ced6;
  font-family: Cambria, Georgia, Times, "Times New Roman";
  font-style: normal;
}
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
cite {
  font-style: normal;
}
dl,
dd {
  margin-bottom: 1.5em;
}
dt {
  font-weight: bold;
}
abbr[title] {
  border-bottom: 1px dotted #c7ced6;
  cursor: help;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
ins {
  background-color: #f3f5f6;
  color: #000000;
  text-decoration: none;
}
mark {
  background-color: #f3f5f6;
  color: #000000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: Monaco, Courier New, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sub,
sup {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  vertical-align: baselineheight;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* 4 Colour */
a {
  text-decoration: none;
  color: #013568;
}
a:visited {
  color: #000203;
}
a:hover {
  text-decoration: underline;
  color: #011b35;
}
a:focus {
  outline: thin dotted;
  color: #000000;
}
a:hover,
a:active {
  outline: 0;
}
::-moz-selection {
  background-color: #d6dbe1;
  color: #2d353e;
  text-shadow: none;
}
::selection {
  background-color: #d6dbe1;
  color: #2d353e;
  text-shadow: none;
}
/* 5 Elements */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #c7ced6;
  border-bottom: 1px solid #ffffff;
}
img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin-bottom: 1.5em;
}
figure img {
  margin-bottom: 0.375em;
}
figure figcaption {
  display: block;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  color: #808080;
}
/* 6 Forms */
form {
  margin: 0 0 1.5em 0;
}
form fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 3em;
  *margin-left: -7px;
  padding: 0;
  color: #000000;
  border: 0;
  border-bottom: 1px solid #8c9bab;
  white-space: normal;
}
form legend small {
  font-size: 14px;
  font-size: 1.4rem;
  color: #bfbfbf;
}
form p {
  margin-bottom: 0.75em;
}
form ul {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
form br {
  display: none;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: baseline;
  *vertical-align: middle;
}
input,
button,
select,
textarea {
  font-family: verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
label {
  display: block;
  margin-bottom: 0.1875em;
  font-weight: bold;
  color: #000000;
  cursor: pointer;
}
label input,
label textarea,
label select {
  display: block;
}
input,
textarea,
select {
  display: inline-block;
  width: 100%;
  padding: 4px;
  margin-bottom: 0.375em;
  background-color: #ffffff;
  border: 1px solid #8c9bab;
  color: #000000;
}
input:hover,
textarea:hover,
select:hover {
  border-color: #586879;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible;
}
select,
input[type="file"] {
  height: 28px;
  *margin-top: 4px;
  line-height: 28px;
}
select {
  width: auto;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
}
select[multiple],
select[size] {
  height: auto;
}
textarea {
  resize: vertical;
  height: auto;
  overflow: auto;
  vertical-align: top;
}
input[type="hidden"] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
  font-weight: normal;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.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;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}
input:focus,
textarea:focus {
  border-color: #2d353e, 40%;
  outline: 0;
  outline: thin dotted \9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
input:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
/* 3. BODY
-----------------------------------------------------------------------------------------------
===============================================================================================*/
body {
  /*min-width: 320px;*/
  text-align: left;
}
body.s4c-static {
	min-width: 960px;
}
/* 4. HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
div#s4c-header {
  background: #676461;
  font-family: verdana;
}
div#s4c-header a {
  outline: 0;
}
/* 4.1 Search */
form#s4c-search {
  margin: 0 16px;
  width: auto;
}
form#s4c-search label {
  display: none;
}
form#s4c-search input#searchq {
  background: #fff;
  border: 0;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  behavior: url(/hafan/css/PIE.htc);
  float: left;
  font-family: verdana;
  font-size: 14px;
  line-height: 20px !important;
  padding: 5px 10px;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 192px;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
form#s4c-search input.submit {
  -webkit-appearance: none;
  background: #676461;
  border: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  behavior: url(/hafan/css/PIE.htc);
  color: #fff;
  float: left;
  font-size: 14px;
  letter-spacing: .05em;
  line-height: 20px !important;
  margin-left: 0;
  min-height: 26px;
  padding: 5px 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@-moz-document url-prefix() {
  form#s4c-search input.submit {
    padding: 4px 12px 2px;
  }
}
.lt-ie10 form#s4c-search input.submit {
  padding: 0 12px;
}
.lt-ie8 form#s4c-search {
  left: 0;
  position: absolute;
  right: auto;
  z-index: 2000;
}
.lt-ie8 form#s4c-search input#searchq {
  width: 150px;
}
.lt-ie8 form#s4c-search input.submit {
  width: 70px;
}
.lt-ie8 ul#s4c-nav {
  padding-top: 30px;
}
form#s4c-search input.submit:focus,
form#s4c-search input.submit:hover {
  background: #36312d;
}
/* 4.2 Navigation */
a.s4c-skip-link {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
div#s4c-main-nav {
  background: #676461;
  padding-bottom: 40px;
  position: relative;
  z-index: 50;
}
div#s4c-navigation-group {
  display: none;
}
ul#s4c-nav {
  clear: both;
  margin: 0;
  padding: 12px 0 0;
}
ul#s4c-nav li.s4c-main-nav-item a {
  display: block;
  margin: 0 0 0 16px;
}
ul#s4c-nav li.s4c-main-nav-item.parent-li a {
  padding-bottom: 16px;
}
ul#s4c-nav li.s4c-main-nav-item.parent-li ul.s4c-sub-nav li.s4c-sub-nav-item a {
  padding-bottom: 0;
}
div#s4c-header a {
  color: #fff;
  -moz-transition: color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out;
  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}
div#s4c-header a:focus,
div#s4c-header a:hover {
  color: #c3c3c3;
  text-decoration: none;
}
div#s4c-header a:hover span.ss-icon {
  color: #c3c3c3;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
div.header-toggle,
div#lang-switch,
ul#s4c-nav li {
  line-height: 30px;
  list-style: none;
  font-family: verdana;
  font-size: 14px;
  font-weight: normal;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  behavior: url(/hafan/css/PIE.htc);
}
div.header-toggle {
  bottom: 8px;
  left: 0;
  padding: 8px 16px 6px;
  position: absolute;
  z-index: 100;
}
.lt-ie8 div.header-toggle {
  bottom: 88px;
}
div#lang-switch {
  bottom right;
  margin-bottom: 14px;
  padding: 8px 16px 12px;
}
.lt-ie9 div#lang-switch {
}
div.header-toggle a span.ss-icon,
div#lang-switch a span.ss-icon,
ul#s4c-nav li a span.ss-icon {
  font-size: 14px;
  margin-right: 12px;
  position: relative;
  text-align: center;
  top: .15em;
  width: 26px;
}
div#s4c-header h1.s4c-logo img {
	height: 63px;
}
div#s4c-header h1.s4c-logo {
  height: auto !important;
  margin: 10px 0 10px 14px;
  padding: 0;
}
body.s4c-section1 ul#s4c-nav li#s4c-nav1 a span.ss-icon,
body.s4c-section2 ul#s4c-nav li#s4c-nav2 a span.ss-icon,
body.s4c-section3 ul#s4c-nav li#s4c-nav3 a span.ss-icon,
body.s4c-section4 ul#s4c-nav li#s4c-nav4 a span.ss-icon {
  color: #c3c3c3;
}
body.s4c-section4.s4c-sub-section1 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav1 a,
body.s4c-section4.s4c-sub-section2 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav2 a,
body.s4c-section4.s4c-sub-section3 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav3 a,
body.s4c-section4.s4c-sub-section4 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav4 a,
body.s4c-section4.s4c-sub-section5 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav5 a,
body.s4c-section4.s4c-sub-section6 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav6 a,
body.s4c-section4.s4c-sub-section7 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav7 a {
  color: #c3c3c3;
}
/* 4.2.1 sub-nav */
div.s4c-sub-nav-wrapper {
  display: none;
  padding: 0 0 0 29px;
}
.lt-ie9 div.s4c-sub-nav-wrapper {
}
ul.s4c-sub-nav li.s4c-sub-nav-item:first-child {
  padding-top: 12px;
}
ul.s4c-sub-nav li.s4c-sub-nav-item:last-child {
  padding-bottom: 24px;
}
/* 4.3 Colours */
/* 4.3.1 purple */
body.s4c-purple div#s4c-header {
  background: #99185b;
}
body.s4c-purple div#s4c-header a:focus,
body.s4c-purple div#s4c-header a:hover {
  color: #ff44b2;
}
body.s4c-purple div#s4c-header a:hover span.ss-icon {
  color: #ff44b2;
}
body.s4c-purple form#s4c-search input.submit {
  background: #99185b;
}
body.s4c-purple form#s4c-search input.submit:focus,
body.s4c-purple form#s4c-search input.submit:hover {
  background: #63002c;
}
body.s4c-purple div#s4c-main-nav {
  background: #99185b;
}
body.s4c-section1.s4c-purple ul#s4c-nav li#s4c-nav1 a span.ss-icon,
body.s4c-section2.s4c-purple ul#s4c-nav li#s4c-nav2 a span.ss-icon,
body.s4c-section3.s4c-purple ul#s4c-nav li#s4c-nav3 a span.ss-icon,
body.s4c-section4.s4c-purple ul#s4c-nav li#s4c-nav4 a span.ss-icon {
  color: #ff44b2;
}
body.s4c-section4.s4c-purple.s4c-sub-section1 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav1 a,
body.s4c-section4.s4c-purple.s4c-sub-section2 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav2 a,
body.s4c-section4.s4c-purple.s4c-sub-section3 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav3 a,
body.s4c-section4.s4c-purple.s4c-sub-section4 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav4 a,
body.s4c-section4.s4c-purple.s4c-sub-section5 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav5 a,
body.s4c-section4.s4c-purple.s4c-sub-section6 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav6 a,
body.s4c-section4.s4c-purple.s4c-sub-section7 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav7 a {
  color: #ff44b2;
}

/* dark-purple */
body.s4c-dark-purple div#s4c-header {
  background: #63002c;
}
body.s4c-dark-purple div#s4c-header a:focus,
body.s4c-dark-purple div#s4c-header a:hover {
  color: #ff44b2;
}
body.s4c-dark-purple div#s4c-header a:hover span.ss-icon {
  color: #ff44b2;
}
body.s4c-dark-purple form#s4c-search input.submit {
  background: #63002c;
}
body.s4c-dark-purple form#s4c-search input.submit:focus,
body.s4c-dark-purple form#s4c-search input.submit:hover {
  background: #99185b;
}
body.s4c-dark-purple div#s4c-main-nav {
  background: #63002c;
}
body.s4c-section1.s4c-dark-purple ul#s4c-nav li#s4c-nav1 a span.ss-icon,
body.s4c-section2.s4c-dark-purple ul#s4c-nav li#s4c-nav2 a span.ss-icon,
body.s4c-section3.s4c-dark-purple ul#s4c-nav li#s4c-nav3 a span.ss-icon,
body.s4c-section4.s4c-dark-purple ul#s4c-nav li#s4c-nav4 a span.ss-icon {
  color: #ff44b2;
}
body.s4c-section4.s4c-dark-purple.s4c-sub-section1 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav1 a,
body.s4c-section4.s4c-dark-purple.s4c-sub-section2 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav2 a,
body.s4c-section4.s4c-dark-purple.s4c-sub-section3 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav3 a,
body.s4c-section4.s4c-dark-purple.s4c-sub-section4 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav4 a,
body.s4c-section4.s4c-dark-purple.s4c-sub-section5 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav5 a,
body.s4c-section4.s4c-dark-purple.s4c-sub-section6 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav6 a,
body.s4c-section4.s4c-dark-purple.s4c-sub-section7 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav7 a {
  color: #ff44b2;
}

/* 4.3.2 green */
body.s4c-green div#s4c-header {
  background: #858e00;
}
body.s4c-green div#s4c-header a:focus,
body.s4c-green div#s4c-header a:hover {
  color: #edf500;
}
body.s4c-green div#s4c-header a:hover span.ss-icon {
  color: #edf500;
}
body.s4c-green form#s4c-search input.submit {
  background: #858e00;
}
body.s4c-green form#s4c-search input.submit:focus,
body.s4c-green form#s4c-search input.submit:hover {
  background: #4d5700;
}
body.s4c-green div#s4c-main-nav {
  background: #858e00;
}
body.s4c-section1.s4c-green ul#s4c-nav li#s4c-nav1 a span.ss-icon,
body.s4c-section2.s4c-green ul#s4c-nav li#s4c-nav2 a span.ss-icon,
body.s4c-section3.s4c-green ul#s4c-nav li#s4c-nav3 a span.ss-icon,
body.s4c-section4.s4c-green ul#s4c-nav li#s4c-nav4 a span.ss-icon {
  color: #edf500;
}
body.s4c-section4.s4c-green.s4c-sub-section1 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav1 a,
body.s4c-section4.s4c-green.s4c-sub-section2 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav2 a,
body.s4c-section4.s4c-green.s4c-sub-section3 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav3 a,
body.s4c-section4.s4c-green.s4c-sub-section4 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav4 a,
body.s4c-section4.s4c-green.s4c-sub-section5 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav5 a,
body.s4c-section4.s4c-green.s4c-sub-section6 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav6 a,
body.s4c-section4.s4c-green.s4c-sub-section7 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav7 a {
  color: #edf500;
}

/* dark-green */
body.s4c-dark-green div#s4c-header {
  background: #4d5700;
}
body.s4c-dark-green div#s4c-header a:focus,
body.s4c-dark-green div#s4c-header a:hover {
  color: #edf500;
}
body.s4c-dark-green div#s4c-header a:hover span.ss-icon {
  color: #edf500;
}
body.s4c-dark-green form#s4c-search input.submit {
  background: #4d5700;
}
body.s4c-dark-green form#s4c-search input.submit:focus,
body.s4c-dark-green form#s4c-search input.submit:hover {
  background: #858e00;
}
body.s4c-dark-green div#s4c-main-nav {
  background: #4d5700;
}
body.s4c-section1.s4c-dark-green ul#s4c-nav li#s4c-nav1 a span.ss-icon,
body.s4c-section2.s4c-dark-green ul#s4c-nav li#s4c-nav2 a span.ss-icon,
body.s4c-section3.s4c-dark-green ul#s4c-nav li#s4c-nav3 a span.ss-icon,
body.s4c-section4.s4c-dark-green ul#s4c-nav li#s4c-nav4 a span.ss-icon {
  color: #edf500;
}
body.s4c-section4.s4c-dark-green.s4c-sub-section1 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav1 a,
body.s4c-section4.s4c-dark-green.s4c-sub-section2 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav2 a,
body.s4c-section4.s4c-dark-green.s4c-sub-section3 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav3 a,
body.s4c-section4.s4c-dark-green.s4c-sub-section4 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav4 a,
body.s4c-section4.s4c-dark-green.s4c-sub-section5 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav5 a,
body.s4c-section4.s4c-dark-green.s4c-sub-section6 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav6 a,
body.s4c-section4.s4c-dark-green.s4c-sub-section7 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav7 a {
  color: #edf500;
}

/* 4.3.3 orange */
body.s4c-orange div#s4c-header {
  background: #d57d01;
}
body.s4c-orange div#s4c-header a:focus,
body.s4c-orange div#s4c-header a:hover {
  color: #fff200;
}
body.s4c-orange div#s4c-header a:hover span.ss-icon {
  color: #fff200;
}
body.s4c-orange form#s4c-search input.submit {
  background: #d57d01;
}
body.s4c-orange form#s4c-search input.submit:focus,
body.s4c-orange form#s4c-search input.submit:hover {
  background: #bf3e02;
}
body.s4c-orange div#s4c-main-nav {
  background: #d57d01;
}
body.s4c-section1.s4c-orange ul#s4c-nav li#s4c-nav1 a span.ss-icon,
body.s4c-section2.s4c-orange ul#s4c-nav li#s4c-nav2 a span.ss-icon,
body.s4c-section3.s4c-orange ul#s4c-nav li#s4c-nav3 a span.ss-icon,
body.s4c-section4.s4c-orange ul#s4c-nav li#s4c-nav4 a span.ss-icon {
  color: #fff200;
}
body.s4c-section4.s4c-orange.s4c-sub-section1 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav1 a,
body.s4c-section4.s4c-orange.s4c-sub-section2 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav2 a,
body.s4c-section4.s4c-orange.s4c-sub-section3 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav3 a,
body.s4c-section4.s4c-orange.s4c-sub-section4 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav4 a,
body.s4c-section4.s4c-orange.s4c-sub-section5 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav5 a,
body.s4c-section4.s4c-orange.s4c-sub-section6 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav6 a,
body.s4c-section4.s4c-orange.s4c-sub-section7 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav7 a {
  color: #fff200;
}

/* dark orange */
body.s4c-dark-orange div#s4c-header {
  background: #bf3e02;
}
body.s4c-dark-orange div#s4c-header a:focus,
body.s4c-dark-orange div#s4c-header a:hover {
  color: #fff200;
}
body.s4c-dark-orange div#s4c-header a:hover span.ss-icon {
  color: #fff200;
}
body.s4c-dark-orange form#s4c-search input.submit {
  background: #bf3e02;
}
body.s4c-dark-orange form#s4c-search input.submit:focus,
body.s4c-dark-orange form#s4c-search input.submit:hover {
  background: #d57d01;
}
body.s4c-dark-orange div#s4c-main-nav {
  background: #bf3e02;
}
body.s4c-section1.s4c-dark-orange ul#s4c-nav li#s4c-nav1 a span.ss-icon,
body.s4c-section2.s4c-dark-orange ul#s4c-nav li#s4c-nav2 a span.ss-icon,
body.s4c-section3.s4c-dark-orange ul#s4c-nav li#s4c-nav3 a span.ss-icon,
body.s4c-section4.s4c-dark-orange ul#s4c-nav li#s4c-nav4 a span.ss-icon {
  color: #fff200;
}
body.s4c-section4.s4c-dark-orange.s4c-sub-section1 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav1 a,
body.s4c-section4.s4c-dark-orange.s4c-sub-section2 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav2 a,
body.s4c-section4.s4c-dark-orange.s4c-sub-section3 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav3 a,
body.s4c-section4.s4c-dark-orange.s4c-sub-section4 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav4 a,
body.s4c-section4.s4c-dark-orange.s4c-sub-section5 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav5 a,
body.s4c-section4.s4c-dark-orange.s4c-sub-section6 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav6 a,
body.s4c-section4.s4c-dark-orange.s4c-sub-section7 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav7 a {
  color: #fff200;
}



/* 4.3.4 blue */
body.s4c-blue div#s4c-header {
  background: #1b6e8b;
}
body.s4c-blue div#s4c-header a:focus,
body.s4c-blue div#s4c-header a:hover {
  color: #4ed6fe;
}
body.s4c-blue div#s4c-header a:hover span.ss-icon {
  color: #4ed6fe;
}
body.s4c-blue form#s4c-search input.submit {
  background: #1b6e8b;
}
body.s4c-blue form#s4c-search input.submit:focus,
body.s4c-blue form#s4c-search input.submit:hover {
  background: #00364d;
}
body.s4c-blue div#s4c-main-nav {
  background: #1b6e8b;
}
body.s4c-section1.s4c-blue ul#s4c-nav li#s4c-nav1 a span.ss-icon,
body.s4c-section2.s4c-blue ul#s4c-nav li#s4c-nav2 a span.ss-icon,
body.s4c-section3.s4c-blue ul#s4c-nav li#s4c-nav3 a span.ss-icon,
body.s4c-section4.s4c-blue ul#s4c-nav li#s4c-nav4 a span.ss-icon {
  color: #4ed6fe;
}
body.s4c-section4.s4c-blue.s4c-sub-section1 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav1 a,
body.s4c-section4.s4c-blue.s4c-sub-section2 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav2 a,
body.s4c-section4.s4c-blue.s4c-sub-section3 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav3 a,
body.s4c-section4.s4c-blue.s4c-sub-section4 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav4 a,
body.s4c-section4.s4c-blue.s4c-sub-section5 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav5 a,
body.s4c-section4.s4c-blue.s4c-sub-section6 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav6 a,
body.s4c-section4.s4c-blue.s4c-sub-section7 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav7 a {
  color: #4ed6fe;
}

/* dark-blue */
body.s4c-dark-blue div#s4c-header {
  background: #00364d;
}
body.s4c-dark-blue div#s4c-header a:focus,
body.s4c-dark-blue div#s4c-header a:hover {
  color: #4ed6fe;
}
body.s4c-dark-blue div#s4c-header a:hover span.ss-icon {
  color: #4ed6fe;
}
body.s4c-dark-blue form#s4c-search input.submit {
  background: #00364d;
}
body.s4c-dark-blue form#s4c-search input.submit:focus,
body.s4c-dark-blue form#s4c-search input.submit:hover {
  background: #1b6e8b;
}
body.s4c-dark-blue div#s4c-main-nav {
  background: #00364d;
}
body.s4c-section1.s4c-dark-blue ul#s4c-nav li#s4c-nav1 a span.ss-icon,
body.s4c-section2.s4c-dark-blue ul#s4c-nav li#s4c-nav2 a span.ss-icon,
body.s4c-section3.s4c-dark-blue ul#s4c-nav li#s4c-nav3 a span.ss-icon,
body.s4c-section4.s4c-dark-blue ul#s4c-nav li#s4c-nav4 a span.ss-icon {
  color: #4ed6fe;
}
body.s4c-section4.s4c-dark-blue.s4c-sub-section1 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav1 a,
body.s4c-section4.s4c-dark-blue.s4c-sub-section2 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav2 a,
body.s4c-section4.s4c-dark-blue.s4c-sub-section3 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav3 a,
body.s4c-section4.s4c-dark-blue.s4c-sub-section4 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav4 a,
body.s4c-section4.s4c-dark-blue.s4c-sub-section5 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav5 a,
body.s4c-section4.s4c-dark-blue.s4c-sub-section6 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav6 a,
body.s4c-section4.s4c-dark-blue.s4c-sub-section7 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav7 a {
  color: #4ed6fe;
}

/* 4.3.5 corp-blue */
body.s4c-corp-blue div#s4c-header {
  background: #63808a;
}
body.s4c-corp-blue div#s4c-header a:focus,
body.s4c-corp-blue div#s4c-header a:hover {
  color: #94e6ff;
}
body.s4c-corp-blue div#s4c-header a:hover span.ss-icon {
  color: #94e6ff;
}
body.s4c-corp-blue form#s4c-search input.submit {
  background: #63808a;
}
body.s4c-corp-blue form#s4c-search input.submit:focus,
body.s4c-corp-blue form#s4c-search input.submit:hover {
  background: #455560;
}
body.s4c-corp-blue div#s4c-main-nav {
  background: #63808a;
}
body.s4c-section1.s4c-corp-blue ul#s4c-nav li#s4c-nav1 a span.ss-icon,
body.s4c-section2.s4c-corp-blue ul#s4c-nav li#s4c-nav2 a span.ss-icon,
body.s4c-section3.s4c-corp-blue ul#s4c-nav li#s4c-nav3 a span.ss-icon,
body.s4c-section4.s4c-corp-blue ul#s4c-nav li#s4c-nav4 a span.ss-icon {
  color: #94e6ff;
}
body.s4c-section4.s4c-corp-blue.s4c-sub-section1 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav1 a,
body.s4c-section4.s4c-corp-blue.s4c-sub-section2 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav2 a,
body.s4c-section4.s4c-corp-blue.s4c-sub-section3 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav3 a,
body.s4c-section4.s4c-corp-blue.s4c-sub-section4 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav4 a,
body.s4c-section4.s4c-corp-blue.s4c-sub-section5 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav5 a,
body.s4c-section4.s4c-corp-blue.s4c-sub-section6 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav6 a,
body.s4c-section4.s4c-corp-blue.s4c-sub-section7 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav7 a {
  color: #94e6ff;
}

/* dark-corp-blue */
body.s4c-dark-corp-blue div#s4c-header {
  background: #455560;
}
body.s4c-dark-corp-blue div#s4c-header a:focus,
body.s4c-dark-corp-blue div#s4c-header a:hover {
  color: #94e6ff;
}
body.s4c-dark-corp-blue div#s4c-header a:hover span.ss-icon {
  color: #94e6ff;
}
body.s4c-dark-corp-blue form#s4c-search input.submit {
  background: #455560;
}
body.s4c-dark-corp-blue form#s4c-search input.submit:focus,
body.s4c-dark-corp-blue form#s4c-search input.submit:hover {
  background: #63808a;
}
body.s4c-dark-corp-blue div#s4c-main-nav {
  background: #455560;
}
body.s4c-section1.s4c-dark-corp-blue ul#s4c-nav li#s4c-nav1 a span.ss-icon,
body.s4c-section2.s4c-dark-corp-blue ul#s4c-nav li#s4c-nav2 a span.ss-icon,
body.s4c-section3.s4c-dark-corp-blue ul#s4c-nav li#s4c-nav3 a span.ss-icon,
body.s4c-section4.s4c-dark-corp-blue ul#s4c-nav li#s4c-nav4 a span.ss-icon {
  color: #94e6ff;
}
body.s4c-section4.s4c-dark-corp-blue.s4c-sub-section1 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav1 a,
body.s4c-section4.s4c-dark-corp-blue.s4c-sub-section2 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav2 a,
body.s4c-section4.s4c-dark-corp-blue.s4c-sub-section3 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav3 a,
body.s4c-section4.s4c-dark-corp-blue.s4c-sub-section4 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav4 a,
body.s4c-section4.s4c-dark-corp-blue.s4c-sub-section5 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav5 a,
body.s4c-section4.s4c-dark-corp-blue.s4c-sub-section6 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav6 a,
body.s4c-section4.s4c-dark-corp-blue.s4c-sub-section7 ul#s4c-nav li#s4c-nav4 ul.s4c-sub-nav li#s4c-sub-nav7 a {
  color: #94e6ff;
}

/* 4.4 No JS */
.no-js div#lang-switch {
}
.no-js div.header-toggle {
  display: none;
}
.no-js div#s4c-main-nav {
  padding-bottom: 0;
}
.no-js div#s4c-navigation-group {
  display: block;
}
.no-js div.s4c-sub-nav-wrapper {
  display: block;
}
/* 5. FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
div#s4c-footer {
  background: #c3c3c3;
  clear: both;
  font-family: verdana;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 24px 0 0;
  behavior: url(/hafan/css/PIE.htc);
}
div#s4c-footer ul {
  margin-left: 0;
  padding: 0 20px;
}
div#s4c-footer li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 30px;
  line-height: 1.5em;
  list-style: none;
  padding-bottom: 12px;
}
div#s4c-footer h1 {
  border: 0;
  color: #676461;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 30px;
  line-height: 3rem;
  margin-bottom: 0.75em !important;
  padding-left: 16px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
div#s4c-footer a {
  color: #fff;
  font-weight: normal;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
div#s4c-footer a:hover {
  color: #36312d;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
div#s4c-footer div.article {
  float: left;
  margin-right: 20px;
  padding-bottom: 16px;
  width: 224px;
}
div#s4c-copyright {
  background: #36312d;
  clear: both;
  padding: 24px 16px 32px;
  text-align: right;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  behavior: url(/hafan/css/PIE.htc);
}
div#s4c-copyright p {
  color: #c3c3c3;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  line-height: 2.4rem;
}
div#s4c-copyright p {
  margin: 0;
}
div#s4c-footer div.s4c-footer-skip {
  padding: 0 0 24px 16px;
}
div#s4c-footer div.s4c-footer-skip a {
  color: #676461;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
div#s4c-footer div.s4c-footer-skip a:hover {
  color: #36312d;
}
div#s4c-footer div.s4c-footer-skip a span {
  font-size: 14px;
  margin-right: 12px;
  position: relative;
  text-align: center;
  top: .15em;
  width: 26px;
}
div#s4c-footer-wrapper {
  border-top: 1px solid #fff;
  display: none;
  padding-top: 24px;
}
.no-js div#s4c-footer-wrapper {
  display: block;
}
/* 6. PRINT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
@media print {
  ul.s4c-social-networking-icons,
  form#s4c-search,
  div#s4c-main-nav,
  div#lang-switch,
  div#s4c-footer {
    display: none;
  }
  div#s4c-header a:link:after,
  div#s4c-header a:visited:after {
    content: "";
  }
}
/* 7. MEDIA QUERIES
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/* 7.1 Footer breakpoints */
@media only screen and (min-width: 488px) {
  div#s4c-footer div.footer1,
  div#s4c-footer div.footer3 {
    clear: left;
  }
  div#s4c-footer div.footer5 {
    border-top: 1px solid #fff;
    clear: both;
    padding-top: 12px;
    width: 100%;
  }
  div#s4c-footer div.footer5 ul {
    display: inline;
  }
  div#s4c-footer div.footer5 li {
    display: inline;
    margin-right: 40px;
  }
  div#s4c-footer-wrapper {
    border-top: none;
    padding-top: 0;
  }
  div#s4c-footer-wrapper {
    display: block !important;
  }
  div.s4c-footer-skip {
    display: none;
  }
}
@media only screen and (min-width: 976px) {
  div#s4c-footer div.footer3 {
    clear: none;
  }
  div#s4c-footer div.footer5 h1 {
    display: inline;
    margin-right: 40px;
  }
}
/* 7.2 Header breakpoints */
@media only screen and (min-width: 560px) and (max-width: 1059px) {
  .js div#s4c-header h1.s4c-logo {
    margin: 10px 0 10px 14px;
    padding: 0;
  }
  .js div#s4c-main-nav {
    padding-bottom: 0;
    padding-top: 80px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 200;
  }
  .js.lt-ie8 div#s4c-main-nav {
    width: 300px;
  }
  .js div.header-toggle {
    left: auto;
    height: 30px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 18px;
    width: 200px;
  }
  .js div#lang-switch,
  .js ul#s4c-nav li {
    text-align: right;
  }
  .js div.header-toggle a span.ss-icon,
  .js div#lang-switch a span.ss-icon,
  .js ul#s4c-nav li a span.ss-icon {
    display: block;
    float: right;
    margin-left: 22px;
    margin-right: 0;
    text-align: right;
  }
  .js div.header-toggle a span.ss-icon,
  .js div#lang-switch a span.ss-icon {
    margin: 0;
  }
  .js ul#s4c-nav li a span.ss-icon {
    margin: 0 16px 0 0;
  }
  .lt-ie8.js ul#s4c-nav li a span.ss-icon {
    display: inline;
  }
  .js div#lang-switch {
    margin-bottom: 10px;
  }
  .lt-ie9.js div#lang-switch {
  }
  .js form#s4c-search {
    margin: 0 2px 0 26px;
  }
  .lt-ie8.js form#s4c-search {
    margin-left: 10px;
  }
  .js div.s4c-sub-nav-wrapper {
    padding: 0 41px 0 0;
  }
}
@media only screen and (min-width: 1060px) {
  div#s4c-header h1.s4c-logo {
    margin: 10px 0 10px 14px;
    padding: 0;
  }
  div#s4c-header h1.s4c-logo img {
  	height: 84px;
  }
  .lt-ie8 div#s4c-header {
    height: 80px;
  }
  div#s4c-main-nav {
    background: none !important;
    padding: 0 0 0 0;
    position: relative;
  }
  .lt-ie8 div#s4c-main-nav {
    padding: 0;
    position: static;
  }
  div#s4c-navigation-group {
    display: block !important;
  }
  div.header-toggle {
    display: none;
  }
  h1.s4c-logo {
    float: left;
    width: auto;
  }
  form#s4c-search {
    margin: 0;
    position: absolute;
    right: 16px;
    top: 24px;
  }
  .lt-ie8 form#s4c-search {
    left: auto;
    right: 0;
  }
  ul#s4c-nav {
    clear: none;
    float: left;
    padding: 0;
    margin-left: 20px;
  }
  .lt-ie8 ul#s4c-nav {
    display: block;
    padding: 30px 0 20px;
  }
  ul#s4c-nav li {
    float: left;
    margin: 0 10px;
  }
  .lt-ie8 ul#s4c-nav li {
    float: none;
    display: inline;
  }
  div#lang-switch a,
  ul#s4c-nav li div.s4c-main-nav-link a,
  ul#s4c-nav li.s4c-main-nav-item.parent-li div.s4c-main-nav-link a {
    display: block;
    margin-left: 10px;
    padding: 33px 0 18px 0;
  }
  .lt-ie8 div#lang-switch a,
  .lt-ie8 ul#s4c-nav li div.s4c-main-nav-link a,
  .lt-ie8 ul#s4c-nav li.s4c-main-nav-item.parent-li div.s4c-main-nav-link a {
    display: inline;
    margin-left: 10px;
    padding: 33px 0 18px 0;
  }
  .lt-ie8 div#lang-switch {
    padding-top: 30px;
  }
  div#lang-switch a span.ss-icon,
  ul#s4c-nav li a span.ss-icon {
    margin-right: 6px;
  }
  div#lang-switch {
    float: left;
    margin-bottom: 0;
    margin-left: 10px;
    padding: 0;
  }
  .lt-ie9 div#lang-switch {
  }
  div#lang-switch a {
    margin-right: 10px;
  }
  ul#s4c-nav div.s4c-main-nav-link {
    position: relative;
  }
  .lt-ie8 ul#s4c-nav div.s4c-main-nav-link {
    display: inline;
  }
  body.s4c-section1 ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
  body.s4c-section2 ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
  body.s4c-section3 ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
  body.s4c-section4 ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
    border: 8px solid transparent;
    border-top-color: #676461;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: 8px;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 250;
  }
  body.s4c-section1.s4c-orange ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
  body.s4c-section2.s4c-orange ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
  body.s4c-section3.s4c-orange ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
  body.s4c-section4.s4c-orange ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
    border-top-color: #d57d01;
  }
  body.s4c-section1.s4c-green ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
  body.s4c-section2.s4c-green ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
  body.s4c-section3.s4c-green ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
  body.s4c-section4.s4c-green ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
    border-top-color: #858e00;
  }
  body.s4c-section1.s4c-purple ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
  body.s4c-section2.s4c-purple ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
  body.s4c-section3.s4c-purple ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
  body.s4c-section4.s4c-purple ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
    border-top-color: #99185b;
  }
  body.s4c-section1.s4c-blue ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
  body.s4c-section2.s4c-blue ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
  body.s4c-section3.s4c-blue ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
  body.s4c-section4.s4c-blue ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
    border-top-color: #1b6e8b;
  }
  body.s4c-section1.s4c-corp-blue ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
  body.s4c-section2.s4c-corp-blue ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
  body.s4c-section3.s4c-corp-blue ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
  body.s4c-section4.s4c-corp-blue ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
    border-top-color: #63808a;
  }
  div.s4c-sub-nav-wrapper {
    background: #36312d;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.15);
    left: 0;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    z-index: 150;
  }
  ul#s4c-nav ul.s4c-sub-nav li.s4c-sub-nav-item:first-child {
    margin-left: 268px;
    padding-top: 0;
  }
  ul#s4c-nav ul.s4c-sub-nav li.s4c-sub-nav-item:last-child {
    padding-bottom: 0;
  }
  ul#s4c-nav ul.s4c-sub-nav li {
    display: inline;
  }
  ul#s4c-nav ul.s4c-sub-nav a {
    display: inline;
    padding: 0;
  }
  .lt-ie8 ul#s4c-nav div.s4c-sub-nav-wrapper {
    top: 80px;
    width: 820px;
  }
  /* colours */
  body.s4c-orange div.s4c-sub-nav-wrapper {
    background: #bf3e02;
  }
  body.s4c-orange div#s4c-header ul.s4c-sub-nav a {
    color: #ffb794;
  }
  body.s4c-orange div#s4c-header ul.s4c-sub-nav a:focus,
  body.s4c-orange div#s4c-header ul.s4c-sub-nav a:hover {
    color: #fff200;
  }

  body.s4c-dark-orange div.s4c-sub-nav-wrapper {
    background: #d57d01;
  }
  body.s4c-dark-orange div#s4c-header ul.s4c-sub-nav a {
    color: #fff200;
  }
  body.s4c-dark-orange div#s4c-header ul.s4c-sub-nav a:focus,
  body.s4c-dark-orange div#s4c-header ul.s4c-sub-nav a:hover {
    color: #fff;
  }

  body.s4c-purple div.s4c-sub-nav-wrapper {
    background: #63002c;
  }
  body.s4c-purple div#s4c-header ul.s4c-sub-nav a {
    color: #b85083;
  }
  body.s4c-purple div#s4c-header ul.s4c-sub-nav a:focus,
  body.s4c-purple div#s4c-header ul.s4c-sub-nav a:hover {
    color: #ff44b2;
  }

  body.s4c-dark-purple div.s4c-sub-nav-wrapper {
    background: #99185b;
  }
  body.s4c-dark-purple div#s4c-header ul.s4c-sub-nav a {
    color: #ff44b2;
  }
  body.s4c-dark-purple div#s4c-header ul.s4c-sub-nav a:focus,
  body.s4c-dark-purple div#s4c-header ul.s4c-sub-nav a:hover {
    color: #fff;
  }

  body.s4c-green div.s4c-sub-nav-wrapper {
    background: #4d5700;
  }
  body.s4c-green div#s4c-header ul.s4c-sub-nav a {
    color: #a4ad56;
  }
  body.s4c-green div#s4c-header ul.s4c-sub-nav a:focus,
  body.s4c-green div#s4c-header ul.s4c-sub-nav a:hover {
    color: #edf500;
  }

  body.s4c-dark-green div.s4c-sub-nav-wrapper {
    background: #858e00;
  }
  body.s4c-dark-green div#s4c-header ul.s4c-sub-nav a {
    color: #edf500;
  }
  body.s4c-dark-green div#s4c-header ul.s4c-sub-nav a:focus,
  body.s4c-dark-green div#s4c-header ul.s4c-sub-nav a:hover {
    color: #fff;
  }

  body.s4c-blue div.s4c-sub-nav-wrapper {
    background: #00364d;
  }
  body.s4c-blue div#s4c-header ul.s4c-sub-nav a {
    color: #718c99;
  }
  body.s4c-blue div#s4c-header ul.s4c-sub-nav a:focus,
  body.s4c-blue div#s4c-header ul.s4c-sub-nav a:hover {
    color: #4ed6fe;
  }

  body.s4c-dark-blue div.s4c-sub-nav-wrapper {
    background: #1b6e8b;
  }
  body.s4c-dark-blue div#s4c-header ul.s4c-sub-nav a {
    color: #4ed6fe;
  }
  body.s4c-dark-blue div#s4c-header ul.s4c-sub-nav a:focus,
  body.s4c-dark-blue div#s4c-header ul.s4c-sub-nav a:hover {
    color: #fff;
  }

  body.s4c-corp-blue div.s4c-sub-nav-wrapper {
    background: #455560;
  }
  body.s4c-corp-blue div#s4c-header ul.s4c-sub-nav a {
    color: #98a1a5;
  }
  body.s4c-corp-blue div#s4c-header ul.s4c-sub-nav a:focus,
  body.s4c-corp-blue div#s4c-header ul.s4c-sub-nav a:hover {
    color: #94e6ff;
  }

  body.s4c-dark-corp-blue div.s4c-sub-nav-wrapper {
    background: #63808a;
  }
  body.s4c-dark-corp-blue div#s4c-header ul.s4c-sub-nav a {
    color: #94e6ff;
  }
  body.s4c-dark-corp-blue div#s4c-header ul.s4c-sub-nav a:focus,
  body.s4c-dark-corp-blue div#s4c-header ul.s4c-sub-nav a:hover {
    color: #fff;
  }

  .no-js div#s4c-header {
    margin-bottom: 40px;
  }
  .no-js div#lang-switch {
  }
}
/* 8. STATIC WIDTH
-----------------------------------------------------------------------------------------------
===============================================================================================*/
body.s4c-static div#s4c-main-nav {
  background: none !important;
  padding: 0 0 0 0;
  position: static;
}
.lt-ie9 body.s4c-static div#s4c-main-nav {
  padding: 0;
  width: auto;
}
body.s4c-static div#s4c-header h1.s4c-logo {
  float: left;
  margin-left: 0;
  width: auto;
}
body.s4c-static div#s4c-navigation-group {
  display: block !important;
}
body.s4c-static div.header-toggle {
  display: none !important;
}
body.s4c-static div.s4c-header-inner {
  margin: auto;
  width: 920px;
}
body.s4c-static ul#s4c-nav {
  clear: none;
  float: left;
  margin-left: 0;
  padding: 0;
}
body.s4c-static ul#s4c-nav div.s4c-main-nav-link {
  position: relative;
}
body.s4c-static div#lang-switch,
body.s4c-static ul#s4c-nav li {
  float: left;
  line-height: 1.3em;
  margin: 0 10px;
  text-align: center;
}
body.s4c-static div#lang-switch {
  padding: 0;
}
.lt-ie9 body.s4c-static div#lang-switch {
  padding: 0;
}
.lt-ie8 body.s4c-static div#lang-switch {
  padding: 0;
}
body.s4c-static div#lang-switch a,
body.s4c-static ul#s4c-nav li div.s4c-main-nav-link a,
body.s4c-static ul#s4c-nav li.s4c-main-nav-item.parent-li div.s4c-main-nav-link a {
  display: block;
  margin-left: 10px;
  padding: 23px 0 24px 0;
}
body.s4c-static div#lang-switch a span.ss-icon,
body.s4c-static ul#s4c-nav li a span.ss-icon {
  display: block;
  float: none;
  margin-right: 0;
  text-align: center;
  width: auto;
}
body.s4c-static.s4c-section1 ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
body.s4c-static.s4c-section2 ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
body.s4c-static.s4c-section3 ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
body.s4c-static.s4c-section4 ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
  border: 8px solid transparent;
  border-top-color: #676461;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  top: 100%;
  width: 0;
  z-index: 250;
}
body.s4c-static form#s4c-search {
  float: right;
  margin: 0;
  position: relative;
  right: 0;
  top: 24px;
  z-index: 2000;
}
body.s4c-section1.s4c-orange ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
body.s4c-section2.s4c-orange ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
body.s4c-section3.s4c-orange ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
body.s4c-section4.s4c-orange ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
  border-top-color: #d57d01;
}
body.s4c-section1.s4c-dark-orange ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
body.s4c-section2.s4c-dark-orange ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
body.s4c-section3.s4c-dark-orange ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
body.s4c-section4.s4c-dark-orange ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
  border-top-color: #bf3e02;
}
body.s4c-section1.s4c-green ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
body.s4c-section2.s4c-green ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
body.s4c-section3.s4c-green ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
body.s4c-section4.s4c-green ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
  border-top-color: #858e00;
}
body.s4c-section1.s4c-dark-green ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
body.s4c-section2.s4c-dark-green ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
body.s4c-section3.s4c-dark-green ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
body.s4c-section4.s4c-dark-green ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
  border-top-color: #4d5700;
}
body.s4c-section1.s4c-purple ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
body.s4c-section2.s4c-purple ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
body.s4c-section3.s4c-purple ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
body.s4c-section4.s4c-purple ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
  border-top-color: #99185b;
}
body.s4c-section1.s4c-dark-purple ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
body.s4c-section2.s4c-dark-purple ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
body.s4c-section3.s4c-dark-purple ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
body.s4c-section4.s4c-dark-purple ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
  border-top-color: #63002c;
}
body.s4c-section1.s4c-blue ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
body.s4c-section2.s4c-blue ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
body.s4c-section3.s4c-blue ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
body.s4c-section4.s4c-blue ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
  border-top-color: #1b6e8b;
}
body.s4c-section1.s4c-dark-blue ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
body.s4c-section2.s4c-dark-blue ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
body.s4c-section3.s4c-dark-blue ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
body.s4c-section4.s4c-dark-blue ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
  border-top-color: #00364d;
}
body.s4c-section1.s4c-corp-blue ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
body.s4c-section2.s4c-corp-blue ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
body.s4c-section3.s4c-corp-blue ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
body.s4c-section4.s4c-corp-blue ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
  border-top-color: #63808a;
}
body.s4c-section1.s4c-dark-corp-blue ul#s4c-nav li#s4c-nav1 div.s4c-main-nav-link a:after,
body.s4c-section2.s4c-dark-corp-blue ul#s4c-nav li#s4c-nav2 div.s4c-main-nav-link a:after,
body.s4c-section3.s4c-dark-corp-blue ul#s4c-nav li#s4c-nav3 div.s4c-main-nav-link a:after,
body.s4c-section4.s4c-dark-corp-blue ul#s4c-nav li#s4c-nav4 div.s4c-main-nav-link a:after {
  border-top-color: #455560;
}
body.s4c-static div.s4c-sub-nav-wrapper {
  background: #36312d;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.15);
  left: 0;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  z-index: 150;
}
.lt-ie8.s4c-static ul#s4c-nav div.s4c-sub-nav-wrapper {
  width: 820px;
}
body.s4c-static ul.s4c-sub-nav {
  margin: auto;
  width: 920px;
}
body.s4c-static ul#s4c-nav ul.s4c-sub-nav li.s4c-sub-nav-item:first-child {
  margin-left: 250px;
  padding-top: 0;
}
body.s4c-static ul#s4c-nav ul.s4c-sub-nav li.s4c-sub-nav-item:last-child {
  padding-bottom: 0;
}
body.s4c-static ul#s4c-nav ul.s4c-sub-nav li {
  display: inline;
}
body.s4c-static ul#s4c-nav ul.s4c-sub-nav a {
  display: inline;
  margin: 0;
  padding: 0;
}
.lt-ie8 body.s4c-static ul#s4c-nav ul.s4c-sub-nav {
  top: 80px;
  width: 820px;
}

/* colors */
/* orange */
body.s4c-static.s4c-orange div.s4c-sub-nav-wrapper {
  background: #bf3e02;
}
body.s4c-static.s4c-orange div#s4c-header ul.s4c-sub-nav a {
  color: #ffb794;
}
body.s4c-static.s4c-orange div#s4c-header ul.s4c-sub-nav a:focus,
body.s4c-static.s4c-orange div#s4c-header ul.s4c-sub-nav a:hover {
  color: #fff200;
}
/* dark-orange */
body.s4c-static.s4c-dark-orange div.s4c-sub-nav-wrapper {
  background: #d57d01;
}
body.s4c-static.s4c-dark-orange div#s4c-header ul.s4c-sub-nav a {
  color: #fff200;
}
body.s4c-static.s4c-dark-orange div#s4c-header ul.s4c-sub-nav a:focus,
body.s4c-static.s4c-dark-orange div#s4c-header ul.s4c-sub-nav a:hover {
  color: #fff;
}
/* purple */
body.s4c-static.s4c-purple div.s4c-sub-nav-wrapper {
  background: #63002c;
}
body.s4c-static.s4c-purple div#s4c-header ul.s4c-sub-nav a {
  color: #b85083;
}
body.s4c-static.s4c-purple div#s4c-header ul.s4c-sub-nav a:focus,
body.s4c-static.s4c-purple div#s4c-header ul.s4c-sub-nav a:hover {
  color: #ff44b2;
}
/* dark-purple */
body.s4c-static.s4c-dark-purple div.s4c-sub-nav-wrapper {
  background: #99185b;
}
body.s4c-static.s4c-dark-purple div#s4c-header ul.s4c-sub-nav a {
  color: #ff44b2;
}
body.s4c-static.s4c-dark-purple div#s4c-header ul.s4c-sub-nav a:focus,
body.s4c-static.s4c-dark-purple div#s4c-header ul.s4c-sub-nav a:hover {
  color: #fff;
}
/* green */
body.s4c-static.s4c-green div.s4c-sub-nav-wrapper {
  background: #4d5700;
}
body.s4c-static.s4c-green div#s4c-header ul.s4c-sub-nav a {
  color: #a4ad56;
}
body.s4c-static.s4c-green div#s4c-header ul.s4c-sub-nav a:focus,
body.s4c-static.s4c-green div#s4c-header ul.s4c-sub-nav a:hover {
  color: #edf500;
}
/* dark-green */
body.s4c-static.s4c-dark-green div.s4c-sub-nav-wrapper {
  background: #858e00;
}
body.s4c-static.s4c-dark-green div#s4c-header ul.s4c-sub-nav a {
  color: #edf500;
}
body.s4c-static.s4c-dark-green div#s4c-header ul.s4c-sub-nav a:focus,
body.s4c-static.s4c-dark-green div#s4c-header ul.s4c-sub-nav a:hover {
  color: #fff;
}
/* blue */
body.s4c-static.s4c-blue div.s4c-sub-nav-wrapper {
  background: #00364d;
}
body.s4c-static.s4c-blue div#s4c-header ul.s4c-sub-nav a {
  color: #718c99;
}
body.s4c-static.s4c-blue div#s4c-header ul.s4c-sub-nav a:focus,
body.s4c-static.s4c-blue div#s4c-header ul.s4c-sub-nav a:hover {
  color: #4ed6fe;
}
/* dark-blue */
body.s4c-static.s4c-dark-blue div.s4c-sub-nav-wrapper {
  background: #1b6e8b;
}
body.s4c-static.s4c-dark-blue div#s4c-header ul.s4c-sub-nav a {
  color: #4ed6fe;
}
body.s4c-static.s4c-dark-blue div#s4c-header ul.s4c-sub-nav a:focus,
body.s4c-static.s4c-dark-blue div#s4c-header ul.s4c-sub-nav a:hover {
  color: #fff;
}
/* corp-blue */
body.s4c-static.s4c-corp-blue div.s4c-sub-nav-wrapper {
  background: #455560;
}
body.s4c-static.s4c-corp-blue div#s4c-header ul.s4c-sub-nav a {
  color: #98a1a5;
}
body.s4c-static.s4c-corp-blue div#s4c-header ul.s4c-sub-nav a:focus,
body.s4c-static.s4c-corp-blue div#s4c-header ul.s4c-sub-nav a:hover {
  color: #94e6ff;
}
/* dark-corp-blue */
body.s4c-static.s4c-dark-corp-blue div.s4c-sub-nav-wrapper {
  background: #63808a;
}
body.s4c-static.s4c-dark-corp-blue div#s4c-header ul.s4c-sub-nav a {
  color: #94e6ff;
}
body.s4c-static.s4c-dark-corp-blue div#s4c-header ul.s4c-sub-nav a:focus,
body.s4c-static.s4c-dark-corp-blue div#s4c-header ul.s4c-sub-nav a:hover {
  color: #fff;
}

body.s4c-static div#s4c-footer-wrapper {
  border: 0;
  display: block !important;
  margin: auto;
  padding: 0;
  width: 920px;
}
body.s4c-static div#s4c-footer div.article {
  border: 0;
  clear: none;
  float: left;
  padding: 0;
  width: 164px;
}
body.s4c-static div#s4c-footer div.footer5 li {
  display: block;
  margin: 0;
}
body.s4c-static div#s4c-footer h1,
body.s4c-static div#s4c-footer ul {
  padding: 0;
}
body.s4c-static div#s4c-footer div.footer5 h1,
body.s4c-static div#s4c-footer div.footer5 ul {
  display: block;
}
body.s4c-static div#s4c-footer div.s4c-footer-skip {
  display: none !important;
}
/* 9. LEGACY
-----------------------------------------------------------------------------------------------
===============================================================================================*/
div#s4c-content-wrapper {
  padding-top: 24px;
}
</pre></body></html>