/* Normalize.css - see http://necolas.github.io/normalize.css/ */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}a{background:transparent;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;},input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer; border-top:none; border-left:none; border-right:none;}button[disabled],html input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

/* ========================

FILE INFO
-----------------
{so we can keep track of things / know who to blame ;) }

Skills for Care core styling - covers all typography, base template elements (menu, footer etc), core responsive elements and reusable components

Initially created by: Antony Doyle - 4/10/13;

Updated by: Mark Sansom - 14/04/14;

-----------------


Reference - quick search Z* to jump to section
    
    ** Please be sure to add any further sections to the indexlist below **

Z0. General information
Z1. Colour reference
Z2. Base styles - body, html, base font size, user styles (non-prefixed classes for use in the editor) etc
Z3. Grid Classes - rows etc
Z4. Mobile grid
Z5. Base typography
Z6. Components
    Z6.1. Main Menu
    Z6.2. Header
    Z6.3. Accessibility bar (links etc at the very top of the page)
    Z6.4. Icons
    Z6.5. Footer elements
    Z6.6. Buttons
    Z6.7. Main Components
    Z6.8. Mini Template Components
Z7. Media Queries
    Z7.1. Desktop grid
    Z7.0 Components
        Z7.1. Main Menu
        Z7.2. Header
    	Z7.3. Accessibility bar (links etc at the very top of the page)
		Z7.4. Icons
		Z7.5. Footer elements
		Z7.6. Buttons
		Z7.7. Main Components
		Z7.8. Mini Template Components
=========================== */


/* Z0 --- General information 

	The grid system uses two classes to allow flexible layouts. One class determines the width of the element on small screens, the other for large screens. 
	
	It uses a 12 column grid system, with each class being prefixed by the screen size (large or small) followed by the number of columns it spans (cunning, eh?). So a 50% width element would span 6 columns, therefore on a large screen it should have the class "sys_large-6", on a small screen it would have the class "sys_small-6" and so on.

	Each grid element should also have the .sys_columns class. So, to create a 50% width div, you'd use <div class="sys_large-6 sys_small-6 sys_columns"> </div>

	The sys_row classes are used to confine the width (think, wrapper classes). 

=================== */


/* Z1 --- Colour reference - this can probably be removed after implementation. 

	Base Colours

		Text  / Dark Grey:	#4d4d4d	
		Blue:				#0065bd		
			Underline:	#00288c
		Orange:				
			Care Careers  #e37222 	
			Underline:   #ca3305
		Fushia:				
			Employing your own care & support 	#a1006b		
			Underline:	#66002d
		Red:				
			Research intelligence & innovation	#b70f34		
			Underline:	#83010b
		Plum:				
			Events	#662046		
			Underline:	#290413
		Lilac:				
			Social Work	#786592		
			Underline:	#382854
		Indigo:				#3b0083
		Dark Green:			#005157
		Light Green:		
			Standards	#91be3e		
			Underline:	#528e0f
		Green:				
			Skills	#00af3e		
			Underline:	#00780f
		Mint Green:			
			Qualifications & Apprenticeships	#96cbb3		
			Underline:	#58a27e
		Petrol Blue:		
			Finding & Keeping Wokers	#008b95		
			Underline:	#004c57
		Yellow:					
		Mid Grey:			#d7d7d7
		Light Grey:			
			Footer text	#dde2e0		
			Underline:	#c0c8c5
		Very Light Grey:	
			Menu only	#f2f2f2

*/


/* Z2 --- Base styles */
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
} /* box-sizing to set a proper, logical box model on all elements - needs a pollyfil for IE6, 7 & 8 - can detect with modernizr (must use a custom build for that though) */

html, body {
	font-size:1em;
	-webkit-font-smoothing: antialiased;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#4d4d4d;
	height: 100%;
}

body {
	-webkit-tap-highlight-color:#78aace;
}

::selection {
	background:#78aace;color:#ffffff;
}

::-moz-selection {
	background:#78aace;color:#ffffff;
}
img {
	-ms-interpolation-mode: bicubic;
}
img::selection {
	background:transparent;
}

img::-moz-selection {
	background:transparent;
}

textarea, input { 
	outline: none; 
}

/* User editor styles - to be applied to elements in the editor by the user. Generic flaot left/right classes, plus a "hide" element because you never know... */


.left {
	float: left !important; 
}
.right {
 	float: right !important; 
}
.hide {
 	display: none; 
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Z3  --- Grid classes - rows etc */

.sys_row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 60.000em;
	*zoom: 1; 
}

/*.sys_row:before, .sys_row:after {
    content: " ";
    display: table; 
}*/

.sys_row:after {
    clear: both; 
}
  
.sys_column,
.sys_columns {
	position: relative;
	padding-left: 0.625em;
	padding-right: 0.625em;
	width: 100%;
	float: left; 
}

.sys_columns.sys_end {float:right;}

/* Z4 --- Mobile Grid - */

.sys_column,.sys_columns {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    float: left;
}

  .sys_small-1 {
    position: relative;
    width: 8.33333%; 
}

  .sys_small-2 {
    position: relative;
    width: 16.66667%; 
}

  .sys_small-3 {
    position: relative;
    width: 25%; 
}

  .sys_small-4 {
    position: relative;
    width: 33.33333%; 
}

  .sys_small-5 {
    position: relative;
    width: 41.66667%; 
}

  .sys_small-6 {
    position: relative;
    width: 50%; 
}

  .sys_small-7 {
    position: relative;
    width: 58.33333%; 
}

  .sys_small-8 {
    position: relative;
    width: 66.66667%; 
}

  .sys_small-9 {
    position: relative;
    width: 75%; 
}

  .sys_small-10 {
    position: relative;
    width: 83.33333%; 
}

  .sys_small-11 {
    position: relative;
    width: 91.66667%; 
}

  .sys_small-12 {
    position: relative;
    width: 100%; 
}

[class*="sys_column"] + [class*="sys_column"]:last-child {
    float: right; 
}
/* Z5 --- Base Typography */

p {
	margin-top:0;
	margin-bottom:1em;
	font-size: 0.875em;
	line-height:1.60em; 
	font-weight:500; 
}

h1 {font-size:36px; line-height:40px; font-weight:300; color:#0065bd;margin-top:0;}
h2 {font-size:24px;line-height:30px;font-weight:300;color:#0065bd;margin-top: 0px;}
h3 {font-size:22px;line-height:30px;font-weight:300;color:#333;}
h4 {font-size:18px;line-height:20px;font-weight:300;color:#0065bd;}
h5 {font-size:14px; line-height:20px; font-weight:700; color:#0065bd;}
h6 {font-size:14px; line-height:20px; font-weight:700; color:#333;}

a {
	color:#0065bd;
	text-decoration: none;
}

a:hover, a:focus {
	cursor: pointer;
	text-decoration: underline;
}
/* Highlight inline links when tabbed to for accessibility */
p a:focus, .sys_ticker a:focus {
	background:#0065bd;
	color:#fff;
}

.sys_footer ul li a:focus {
	background:#c0c8c5;
	color:#000;

}
/* Z6 --- Components */


	/* Z6.1 --- Main Menu*/


	/* off canvas stuff */


.sys_nav {
	float:left;
	position:absolute;
	left: -330px;
	background: #f2f2f2;
	z-index: 98;
	   
	margin-left: -10px;
	width: 280px;
}

	/* Main styles */
.sys_mainContent {
    position: relative;
    margin-bottom: 25px;
}
.sys_menuOn, .sys_menuBtn {
	color: #333;
    padding: 10px 35px 10px 10px;
    display: block;
    float: right;
    text-decoration: none;
    font-size: 1em;
    font-weight: normal;
    background: url(../images/icons/menuIcon.png) 100% 7px no-repeat;
}
.sys_menuOn:hover, .sys_menuBtn:hover, .sys_menuOn:focus, .sys_menuBtn:focus {
	text-decoration: none;
}
.sys_menuOn > span, .sys_menuBtn > span {
}
.sys_menuOn {
    display: none;
}

.sys_nav {
 
}
.sys_nav > .sys_columns {
	padding-right:0;
	padding-left:0.625em;
}

ul.sys_mainMenu {
	list-style: none;
	padding:0;
	margin:0;
}

ul.sys_mainMenu li {
	display:block;
	text-align: left;
	vertical-align: top;
}

ul.sys_mainMenu a {
	color:#fff;
	text-decoration: none;
	font-size: 13px;
	padding:10px 5px 10px 15px;
	display: block;
	height: 50px;;
	font-weight:bold;
	position: relative;
	background: #0065bd;
	-moz-transition:none;
	-webkit-transition:none;
	-ms-transition:none;
	transition:none;
	line-height: 2em;
	border-bottom: 1px solid #fff;
}
ul.sys_mainMenu a:hover {
	height:50px;
	margin-top:0;
}

ul.sys_mainMenu li.sys_orange a {
    width:100%;
}

ul.sys_mainMenu li.sys_petrol a {
    width:100%;
}

ul.sys_mainMenu li.sys_fushia a {
    width:100%;
}

ul.sys_mainMenu li.sys_red a {
    width:100%;
}

ul.sys_mainMenu li.sys_lime a {
    width:100%;
}

ul.sys_mainMenu li.sys_green a {
    width:100%;
}

ul.sys_mainMenu li.sys_mint a {
    width:100%;
}

ul.sys_mainMenu li.sys_lilac a {
    width:100%;
}
.sys_dropdown, ul.sys_mainMenu li .sys_simpleListMenu {
    display: none;
}
.sys_dropdown, ul.sys_mainMenu li .sys_simpleListMenu .sys_children {
    display:none;   
}
/* Sidenav */
.sys_sideNav {
	width:99%;
}
.sys_sideNav.sys_navNarrow {
	width:99%;
}
.sys_sideNav ul {
	margin:0;
	padding:0;
	list-style: none;
}
.sys_sideNav ul li {
	min-height:29px;
	position: relative;
}
.sys_sideNav ul li a {
	margin:0;
	padding:5px 10px ;
	display: block;
	font-size: 0.875em;
	width:100%;
	color:#333;
	position: relative;
	min-height: 29px;
    z-index: 9999;
}
.sys_sideNav ul li ul li {
	background: #f2f2f2;
}
.sys_sideNav ul li ul li a {
	padding-left:20px;
}

.sys_sideNav ul li .sys_selected > a {
    font-weight:bold;
    color:#0065bd;
}

.sys_sideNav ul li .sys_selected > a:hover {
    color:#fff;
    background:#0065bd;
	text-decoration: none;
    font-weight:normal;
}
.sys_sideNav ul li .sys_selected > a:hover {
    font-weight:bold !important;
}
.sys_sideNav ul li .sys_selected  > a:hover:after {
    content: "";
	display: block;
	width:15px;
	height:29px;
	background-color:transparent;
	background-image: none;
	background-position:  top;
	background-repeat:  no-repeat;
	position: absolute;
	right: -12px;
	right: -12px;
	top: 0px;
	float:right;
    z-index: 10008;
}
.sys_sideNav ul li > a:hover, .sys_sideNav ul li > a:focus, .sys_sideNav ul li.sys_selected > a  {
	color:#fff;
	background:#0065bd;
	text-decoration: none;
}

.sys_sideNav ul li > a:after, .sys_sideNav ul li.sys_selected  > a:after {
	content: "";
	display: block;
	width:15px;
	height:29px;
	background-color:transparent;
	background-image: none;
	background-position:  top;
	background-repeat:  no-repeat;
	position: absolute;
	right: -12px;
	right: -12px;
	top: 0px;
	float:right;
    z-index: 10008;
}
.sys_sideNav ul li.sys_selected  > a:after {
	background-image: url(../images/components/sidenavMask.png);
}

.sys_sideNav ul li > a:hover:after, .sys_sideNav ul li.sys_selected > a:after, .sys_sideNav ul li .sys_selected  > a:hover:after {
	background-color:#0065bd;
	background-image: url(../images/components/sidenavMask.png);
}

.sys_dropdown.show-menu li a:first-of-type, ul.sys_mainMenu li .sys_simpleListMenu.show-menu li a:first-of-type {
	margin-top:0px;
}
	/* Z6.2 --- header */
    
.sys_search-query-control .sys_searchsense ul {
        position: absolute;
        background-color: rgb(255, 255, 255);
        padding: 0;
        list-style: none;
        margin: 0;
        box-shadow: 0 2px 5px rgba(0,0,0,0.6);
        top:139px;
        z-index:999;
        width:196px;
}

.sys_search-query-control .sys_searchsense ul li a {
    display: block;
    padding: 10px;
}
    
.sys_headWrap {
	overflow:hidden;
	z-index: 99;
	position: relative;
}
.sys_header {
	margin-bottom:30px;
}

.sys_secondaryMenu {
	text-align: center;
	margin-top:10px;
}
input.sys_headerSearch, input.sys_searchbox {
    height: 28px;
    border: 0;
    padding: 0 5px;
    float: left;
    background: #fff;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 14px;
    margin: 0;
    margin-left: 1px;
    line-height: 28px;
    width: 139px;
	border-radius:3px 2px 2px 3px;
}
#SearchQueryControl_SearchButton {
    height: 28px;
    position: relative;
    left: -2px;
    border: 0;
    font-size: 14px;
    color: #333;
    text-indent: -9999999px;
    padding: 0;
    width: 30px;
    margin: 0;
    -webkit-appearance: none;
    border-radius: 0;
    float: right;
    background: url(../images/icons/searchmag.gif) no-repeat center center #ccc; 
}

label.sys_search-label{
    display:none;
}

	/* Z6.3 --- accessibility header bar */
.sys_accessibility {
	background: #0065bd;
	color:#fff;
	min-width: 320px;
}
.sys_accessibility > .sys_row > div {
	height:40px;
}
.sys_accessibility a {
	color:#fff;
	text-decoration: none;
	margin-top:12px;
	display: inline-block;
	zoom: 1;
    *
	display: inline;
}
.sys_accessibility a:hover, .sys_accessibility a:focus {
	text-decoration: underline;
}
.sys_accessibility .sys_rightLinks {
	text-align: right;
}
.sys_accessibility .sys_rightLinks a {
	margin-left: 4px;
}
.sys_accessibility .sys_rightLinks a:first-of-type {
	border-right:1px solid #fff;
	padding-right:10px;
}
.sys_accessibility .sys_leftLinks a {
	margin-right:5px;
}
.sys_menuWrap > .sys_row > .sys_columns > div {
    display:none; 
}
	/* Z6.4 --- Icons */
    
.sys_share > .at16nc {
    background: none !important;
}

ul.sys_toolBarMenu li a.sys_print, .sys_printpage {
    background: url('/Site-Elements/images/icons/30px-blue.png') -20px -70px no-repeat;
    text-indent: -999999px;
    width: 32px;
    height: 32px;
    display: block;
}

ul.sys_toolBarMenu li a.sys_print:hover, .sys_printpage:hover, .sys_printpage:focus, ul.sys_toolBarMenu li a.sys_print:focus {
    background: url('/Site-Elements/images/icons/30px-blue.png') -20px -170px no-repeat;
}

.sys_toolBarMenu {
  display: none;
}
.sys_menuWrap {
	border-top:4px solid #0065bd;
	box-shadow: 0 5px 5px #dde2e0;
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	display:block;
	margin-bottom: 10px;
}
.no-boxshadow .sys_menuWrap {
	background: url('../images/Shadows/top-shadow.jpg') repeat-x 0 100%;
	padding-bottom: 15px;
}

ul.sys_toolBarMenu li a.sys_fav {
	background:url('../images/icons/30px-blue.png') -220px -71px no-repeat;
}
ul.sys_toolBarMenu li a.sys_fav:hover, ul.sys_toolBarMenu li a.sys_fav:focus {
	background:url('../images/icons/30px-blue.png') -220px -171px no-repeat;
}

ul.sys_toolBarMenu li a.sys_share {
	background:url('../images/icons/30px-blue.png') -220px -20px no-repeat;
}
ul.sys_toolBarMenu li a.sys_share:hover, ul.sys_toolBarMenu li a.sys_share:focus {
	background:url('../images/icons/30px-blue.png') -220px -120px no-repeat;
}

ul.sys_toolBarMenu li a.sys_print {
	background:url('../images/icons/30px-blue.png') -20px -70px no-repeat;
}
ul.sys_toolBarMenu li a.sys_print:hover, ul.sys_toolBarMenu li a.sys_print:focus {
	background:url('../images/icons/30px-blue.png') -20px -170px no-repeat;
}

ul.sys_toolBarMenu li a.sys_email {
	background:url('../images/icons/30px-blue.png') -100px -69px no-repeat;
}
ul.sys_toolBarMenu li a.sys_email:hover, ul.sys_toolBarMenu li a.sys_email:focus {
	background:url('../images/icons/30px-blue.png') -100px -169px no-repeat;
}

/* General icon styles - can be applied to pretty much any element */
.sys_icon {
	width:30px;
	height:30px;
	display: inline-block;
	zoom: 1;
    *display: inline;
	text-decoration: none;
	text-indent: -999999px;
	margin-left:10px;
	background-image:url('../images/icons/30px-blue.png');
	background-color:transparent;
	background-repeat: no-repeat;
}
.sys_footer .sys_icon {
	background-image:url('../images/icons/30px-light.png');
}
.sys_yt {
	background-position: -60px -20px;
}
a.sys_yt:hover, a.sys_yt:focus {
	background-position:  -60px -120px;
}
.sys_lin {
	background-position:  -100px -21px;
}
a.sys_lin:hover, a.sys_lin:focus {
	background-position:  -100px -121px;
}
.sys_fb {
	background-position:  -133px -20px;
}
a.sys_fb:hover, a.sys_fb:focus {
	background-position:  -133px -120px;
}
.sys_twt {
	background-position:  -180px -19px;
}
.sys_footer .sys_twt {
	background-position:  -180px -19px;
}
a.sys_twt:hover, a.sys_twt:focus {
	background-position:  -180px -119px;
}
.sys_blg {
	background-position:  -260px -20px;
}
a.sys_blg:hover, a.sys_blg:focus {
	background-position:  -260px -120px;
}
.sys_rss {
	background-position:  -20px -20px
}
a.sys_rss:hover, a.sys_rss:focus {
	background-position:  -20px -120px;
}
.sys_search {
	background-position:  -140px -70px;
}
a.sys_search:hover, a.sys_search:focus {
	background-position:  -140px -170px;
}
.sys_news {
	background-position:  -60px -71px;
}
a.sys_news:hover, a.sys_news:focus {
	background-position:  -60px -171px;
}
.sys_cal {
	background-position:  -180px -70px;
}
a.sys_cal:hover, a.sys_cal:focus {
	background-position: -180px -170px;
}
.sys_leftArrow {
	background-position:  -260px -75px;
}
a.sys_leftArrow:hover, a.sys_leftArrow:focus {
	background-position:  -260px -175px;
}
.sys_rightArrow {
	background-position:  -290px -74px;
}
a.sys_rightArrow:hover, a.sys_rightArrow:focus {
	background-position:  -290px -174px;
}

	/* Z6.5 -- Footer elements */

.sys_footer {
	background: #0065bd;
	color: #ffffff;
	padding-top:20px;
	padding-bottom:20px;
	margin-top: 20px;
}
.sys_footer p {
		font-size: 1em;
}
.sys_footer a {
	color: #ffffff;
	text-decoration: none;
}
.sys_footer a:hover, .sys_footer a:focus {
	text-decoration: underline;
}
.sys_footer ul {
	margin:0;
	padding:0;
	list-style: none;
	margin-bottom:35px;
}
.sys_footer .sys_push {
	padding-left: 0;
}
.sys_footer ul li {
	font-size: 1em;
	margin-bottom:5px;
}
.sys_footer h3 {
	color: #ffffff;
	margin-top:-5px;
}
.sys_row.sys_badges {
	margin-top:30px;
}
.sys_badges img, .sys_badges a {
	margin-right: 30px;
	margin-bottom:15px;
}
.sys_badges p {
	margin-bottom:0;
}
.sys_badges small {
	display: block;
}


/* Z6.6 --- buttons */

.sys_button {
	color:#fff;
	padding:10px 15px 8px 15px;
	background:rgb(0,101,189);
	border-width: 4px;
	border-style: solid;
	border-bottom-color: #00288c;
	text-decoration:none;
	display:inline-block;
	zoom: 1;
    *
	display: inline;
	font-weight: normal;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.sys_button:hover, .sys_button:focus {
	background:#00288c;
	text-decoration: none;
}
.sys_header a.sys_button {
	font-size: 0.875em;
	padding: 10px;
	margin-top:5px;
	width:48%;
}
a.sys_footerButton {
	border-color: #ffffff;
}
a.sys_footerButton:hover, a.sys_footerButton:focus {
	background:#ffffff;
	text-decoration: none;
	color:#0065bd;
}

	/* Z6.7 -- Main components */

.sys_mainContent input[type=text] {
	border: 1px solid #0065bd;
}
.sys_mainContent select {
	border: 1px solid #0065bd;
}
/* Unfortunate extra classes for adding the "curled page" shadow to some elements */
.sys_boxWrap {
	margin-bottom:20px;
	padding-bottom: 20px;
}
/* Section cards */
.sys_twtLink {
	display: block;
	text-decoration: none;
	float: left;
}
.sys_homeTopRegion {
	border-bottom: 2px solid #0065bd;
	position: relative;
	overflow: hidden;
}
.sys_homeCards {
	padding-bottom:30px;
	padding-top:10px;
	position: relative;
	overflow: hidden;
	border-bottom: 2px solid #0065bd;
}
.sys_cards > .sys_shadowWrap {
	border-bottom-style: solid;
	border-bottom-width:5px;
	margin-top:20px;
	overflow: hidden;
}
.no-boxshadow .sys_cards > .sys_shadowWrap {
	border:1px solid #cfcfcf;
}

.sys_cardImg {
	display:none;
}
.sys_cardContent {
	height:139px;
	float: left;
	padding: 0 20px;
}
.sys_greenCard {
	border-bottom-color:#00af3e; 
}
.sys_orangeCard {
	border-bottom-color:#e37222; 
}
.sys_tealCard {
	border-bottom-color:#008b95; 
}
.sys_fushiaCard {
	border-bottom-color:#a1006b; 
}
.sys_lilacCard {
	border-bottom-color:#786592; 
}
.sys_mintCard {
	border-bottom-color:#96cbb3; 
}
.sys_cardContent h2 {
	margin-top:10px;
	margin-bottom: 15px;
}
.sys_greenCard h2 {
	color:#00af3e; 
}
.sys_orangeCard h2 {
	color:#e37222; 
}
.sys_tealCard h2 {
	color:#008b95; 
}
.sys_fushiaCard h2 {
	color:#a1006b; 
}
.sys_lilacCard h2 {
	color:#786592; 
}
.sys_mintCard h2 {
	color:#96cbb3; 
}
/* Generic, section dependent cards */
.sys_sectionCard {
    border-bottom-color:#0065bd; 
}
.sys_sectionCard .sys_cardContent h2 {
	color:#0065bd; 
}

/* tabs */
.sys_tabContent {
	display: none;
}
.sys_tabs {
	background: #f2f2f2 url(../images/components/tabsBottom.png) 100% 100% repeat-x;
	min-height:300px;
}
.sys_tabs ul {
	list-style: none;
	margin:0;
	padding:0;
	overflow: hidden;
}
.sys_tabs > ul > li {
	display: none;
}
.sys_accordionTab {
	padding:19px 10px 30px 10px;
	color:#333;
	text-align: left;
	display: block;
}
.sys_accordionTab.sys_selectedTab {
	background:#0065bd;
    color:#fff !important;
    padding:19px 10px 20px 10px;
}
.sys_tabContent {
	padding:10px;
}
.sys_tabContent ul li {
	margin-bottom:15px;
	display: block;
	overflow: hidden;
	float:left;
	width:50%;
}
.sys_large-4 .sys_tabContent ul li {
	width:100%;
}
.sys_tabContent ul li a {
	color:#333;
	text-decoration: none;
	font-size: 14px;
	display: block;
	float:left;
	width:215px;
	margin: 0 10px;
}
.sys_tabContent ul li img {
	width:24px;
	height:24px;
	margin-bottom:30px;
	display: block;
	float:left;
	margin-left: 10px;
	margin-right: 10px;
}

/* news feature */
.sys_newsListing, .sys_eventsListing {
	border-bottom:1px solid transparent;
	margin-bottom:20px;
}
.sys_homeListHead {
	padding:10px 10px 10px 0px;
}
.sys_newslistingMain {
	padding:0;
	margin:0;
	width:100%;
	margin-bottom: 20px;
}
.sys_homeListHead {
	width:100%;
	height:50px;
	overflow: hidden;
}
.sys_homeListHead .sys_icon {
	float:left;
}
.sys_homeListHead h3 {
	float:left;
	margin-top:0px;
	margin-left:10px;
	color:#0065bd;
}
.sys_smallRight {
	padding:5px 10px 4px 10px;
	float:right;
	font-size: 13px;
}
.sys_featurelistwithimage-control.sys_news-featurelistwithimage-control {
    overflow: hidden;
    position: relative;
}
.sys_featurelistwithimage-control ul {
	list-style: none;
	margin:148px 0 0 0;
	padding:0;
}
.sys_featurelistwithimage-control ul li {
	display: block;
	width:100%;
	margin-bottom:2px;
	padding:0;
}
.sys_featurelistwithimage-control ul li.sys_selected {
	background:#dddee0 url(../Images/icons/selectedArrow.png) 0 0 no-repeat;
	box-shadow: 0 2px 2px #dde2e0, inset 0 2px 2px #dde2e0;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2), inset 0 2px 2px rgba(0,0,0,0.2);
}
.sys_featurelistwithimage-control ul li a {
	display: block;
	white-space: nowrap;
	line-height: 2em;
	padding:5px 5px 0 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	text-decoration: none;
	font-size: 0.875em;
	color:#333;
	height:39px;
}
.sys_featurelistwithimage-control ul li:hover, .sys_featurelistwithimage-control ul li:focus {
	background:#dddee0 url(../Images/icons/selectedArrow.png) 0 0 no-repeat;
	box-shadow: 0 2px 2px #dde2e0, inset 0 2px 2px #dde2e0;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2), inset 0 2px 2px rgba(0,0,0,0.2);
}
.sys_featurelistwithimage-control ul li img {
	display: none;
	box-shadow: 0 0 3px #dde2e0;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.sys_featurelistwithimage-control ul li.sys_selected img {
	position: absolute;
	top: 0;
	left:0;
	margin-bottom: 50px;
	display: block;
    width:100%;
    height:148px;
}
.sys_featurelistwithimage-control ul li.sys_more-link {
	display: none;
}

/* Events listing */

.sys_shadowWrap {
	box-shadow: 0 0 3px #dde2e0;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.no-boxshadow .sys_shadowWrap .sys_homeListHead {
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

.no-boxshadow .sys_newslistingMain, .no-boxshadow  .sys_eventsListingMain, .no-boxshadow .sys_twitterFeed {
	border-bottom: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

.sys_eventsListingMain {
	display: block;
	overflow: hidden;
	padding-top:29px;
	margin-bottom: 20px;
	background: #fff
}
.sys_eventsListingMain ul {
	list-style: none;
	padding:0;
	margin:0;
}
.sys_eventsListingMain ul li {
	min-height: 60px;
	display: block;
}
.sys_eventsListingMain ul li div.sys_miniDate {
	width:31px;
	height:34px;
	border: 1px solid #662046;
	text-align: center;
	float: left;
	display: inline;
	margin-right:20px;
	margin-left:10px;
}
.sys_eventsListingMain ul li div.sys_miniDate > span {
	display: block;
	background:#662046;
	color:#fff;
	font-size:12px;
	text-transform: uppercase;
	text-align: center;
}
.sys_eventsListingMain ul li a > span {
	display: inline;
	width:225px;
	font-size: 14px;
	float: left;
    color:#333;
}

.sys_eventsBtn {
	background: #662046;
	border-color:#290413;
}
.sys_eventsBtn:hover {
	background: #290413;
	border-color:#290413;
}

/* paging */


.sys_paginginfo {
    font-size:14px;
	display: block;
	float:left;
	height: 32px;
	padding-top: 15px;
}
.sys_flickrpager {
	display: block;
	overflow: hidden;
	margin-top:10px;
    width: 100%;
}
.sys_flickrpager .sys_navigation {
	display: block;
	width:auto;
	overflow: hidden;
	float: right;
}
.sys_flickrpager .sys_navigation span {
	display: block;
	float:left;
}
.sys_flickrpager .sys_navigation span.sys_navigationprevious span, .sys_flickrpager .sys_navigation span.sys_navigationprevious a {
	text-indent: -9999999px;
	display: block;
	background: url('../Images/icons/30px-blue.png') no-repeat -260px -75px;
	width: 10px;
	height: 20px;
	margin: 10px 5px;
}
.sys_flickrpager .sys_navigation span.sys_navigationprevious a:hover, .sys_flickrpager .sys_navigation span.sys_navigationprevious a:focus {
	background: url('../images/icons/30px-blue.png') no-repeat -260px -175px;
}	
.sys_flickrpager .sys_navigation span.sys_navigationnext span, .sys_flickrpager .sys_navigation span.sys_navigationnext a {
	text-indent: -9999999px;
	display: block;
	background: url('../images/icons/30px-blue.png') no-repeat -290px -74px;
	width: 10px;
	height: 20px;
	margin: 10px 5px;
}
.sys_flickrpager .sys_navigation span.sys_navigationnext a:hover, .sys_flickrpager .sys_navigation span.sys_navigationnext a:focus {
	background: url('../images/icons/30px-blue.png') no-repeat -290px -174px;
}	
span.sys_page span, span.sys_page a, span.sys_ellipsis {
	display: block;
	padding: 6px 10px;
	border:1px solid #f5f5f5;
	margin:5px;
}
span.sys_page a:hover{
	display: block;
	padding: 6px 10px;
	margin:5px;
	background:#f5f5f5;
	text-decoration: none;
	border-bottom:1px solid #0065bd;
}

/* Search Results */
.sys_searchTitle {
    width: 100%; 
    padding:0 10px
}
.sys_search-search-control {
    position: relative;
    width: 100%;
    float: left;
    background: #f2f2f2;
    margin-right:20px;
    padding:10px;
}
.sys_searchTitle {
    width: 100%;
    float: right;
    margin-bottom: 0;   
}
.sys_searchTitle h1 {
    margin-bottom:0;   
}
.sys_search-control {
    position: relative;
    width: 100%;
    float: left;
}
.sys_search-options {
    padding: 15px 0;
}
.sys_options-inner .sys_basic-search-row input.sys_searchbox {
    margin-top:15px;
    margin-bottom:20px;
}
#SearchResultsExtended_SimpleSearchControl_SearchButton {
    display:none;   
}
.sys_search-control .sys_subitem {
    background: none;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.sys_search-control .sys_subitem > div {
    box-shadow: 0 0 3px #dde2e0;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    overflow:hidden;
}
.sys_search-control .sys_subitem h3 {
    padding: 16px;
    margin-bottom:0;
    margin-top: 0;
}
.sys_search-summary {
    margin:0 16px 16px 16px;
    overflow: hidden;
}
.sys_search-summary dl {
    margin-top:0;   
}
.sys_search-summary dd {
    margin:0;
    font-size:14px;
    line-height:21px
}
.sys_search-summary dt {
    margin-right:10px;
    font-weight:bold;
}
.sys_search-control .sys_subitem .sys_icon {
    width: 70px;
    height: 70px;
    position: relative;
    left: 5px;
    float: left;
    margin-bottom: 15px;
    background: none;
    margin-right: 25px;
}   
.sys_search-control .sys_subitem .sys_icon.sys_0 {
    background: url(../images/icons/fileIcon.png) no-repeat -120px -26px;
}

.sys_search-control .sys_subitem .sys_icon.sys_21 {
    background: url(../images/icons/fileIcon.png) -306px -26px;
}

.sys_search-control .sys_subitem .sys_icon.sys_17 {
    background: url(../images/icons/fileIcon.png) no-repeat -120px -119px;
}

.sys_search-control .sys_subitem .sys_icon.sys_18 {
    background: url(../images/icons/fileIcon.png) -26px -119px;
}
.sys_search-control .sys_subitem .sys_icon.sys_19 {
    background: url(../images/icons/fileIcon.png) no-repeat -213px -119px;
}

dd.sys_search-description {
    margin-bottom:15px;   
}

/* advanced search */

.sys_advanced-search-options select {
    width: 100%;
    padding: 5px;
    margin-top: 10px;
}
.sys_advanced-search-options .sys_search-type-label {
    margin-top: 10px;
    display: block;
}
.sys_advanced-search-options input.sys_searchbox {
    margin-top: 10px;
    margin-bottom: 10px;
}
.sys_advanced-search-options .sys_button.sys_addbutton, .sys_advanced-search-options .sys_button.sys_removebutton {
    padding: 5px 10px 4px 10px;
    font-size: 13px;  
    margin-bottom:10px;
    margin-right:25px;
}
.sys_advanced-search-options input.sys_searchbox {
    width: 100%;
    padding: 5px;
    padding-right: 5px;
    border: 1px solid #0065bd;
    background: #fff none;
}
/* Z6.8 -- mini template components */

.sys_imageRight {
	position: relative;
}

.sys_imageleft {
	position: relative;
}

span.sys_captionImage  {
	position: absolute;
	bottom: 0;
	min-height:25px;
	width:100%;
	display: block;
	background:#f2f2f2;
	padding:5px;
	color:#333;
	font-size: 12px;
}
.sys_imageFloatR {
	float:right;
	margin-bottom:0;
	margin-left:10px;
    width:380px;
}
.sys_imageFloatL {
	float:left;
	margin-bottom:0;
	margin-right:10px;
    width:380px;
}

.sys_imageShadow {
	padding-bottom: 20px;
}
/* Z7 */


	/* Z7.1 - Desktop grid */

@media only screen and (min-width: 768px) {

	.sys_large-1 {
		position: relative;
		width: 8.33333%; 
	}

	.sys_large-2 {
		position: relative;
		width: 16.66667%; 
	}

	.sys_large-3 {
		position: relative;
		width: 25%; 
	}

	.sys_large-4 {
		position: relative;
		width: 33.33333%; 
	}

	.sys_large-5 {
		position: relative;
		width: 41.66667%; 
	}

	.sys_large-6 {
		position: relative;
		width: 50%; 
	}

	.sys_large-7 {
		position: relative;
		width: 58.33333%; 
	}

	.sys_large-8 {
		position: relative;
		width: 66.66667%; 
	}

	.sys_large-9 {
		position: relative;
		width: 75%; 
	}

	.sys_large-10 {
		position: relative;
		width: 83.33333%; 
	}

	.sys_large-11 {
		position: relative;
		width: 91.66667%; 
	}

	.sys_large-12 {
		position: relative;
		width: 100%; 
	}

	.sys_mainContent {
	    position: relative;
	    margin-bottom: 25px;
	    margin-top: 80px;
	}


	/*	Z7.1. Main Menu */
	.sys_mainContent {
	    position: static;
	}
	.sys_nav {
		float:none;
		position:static;
		left:0;
		min-height:0;
		background: transparent;
		margin-left: auto;
		width: 100%;
	}
	.sys_menuBtn, .sys_menuOn {
		display: none;
	}
	.sys_menuWrap {
	    border-top:4px solid #0065bd;
	    box-shadow: 0 5px 5px #dde2e0;
	    display:block;
  	}
	.sys_toolBarMenu {
	    display: block;
	}
	.sys_nav {
	    padding:0;
	}
	ul.sys_mainMenu {
		list-style: none;
		padding:0;
		margin:0;
		overflow: visible;
	}
	ul.sys_mainMenu li {
	    display: inline-block;
	    zoom: 1;
	    *display: inline;
	    text-align: center;
	    vertical-align: top;
	    overflow: visible;
	}
	ul.sys_mainMenu > li > a {
		color:#333;
		text-decoration: none;
		font-size: 13px;
		padding:10px;
		display: block;
		height: 55px;
		line-height: 1em;
		font-weight:bold;
		position: relative;
		background: #f2f2f2;
		-moz-transition:all 0.2s linear;
		-webkit-transition:all 0.2s linear;
		-ms-transition:all 0.2s linear;
		transition:all 0.2s linear;
		border-bottom:none;
		border-top-width:6px;
	    border-top-style: solid;
	}
	ul.sys_mainMenu a {
	color:#fff;
	text-decoration: none;
	font-size: 13px;
	padding:10px 5px 10px 15px;
	display: block;
	height: 50px;
	font-weight:bold;
	position: relative;
	background: #0065bd;
	-moz-transition:none;
	-webkit-transition:none;
	-ms-transition:none;
	transition:none;
	line-height: 2em;
	border-bottom: 1px solid #fff;
}
.sys_secondaryMenu ul.sys_mainMenu li a {
	color: #fff;
	background: rgb(0,101,189);
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #00288c;
	text-decoration: none;
	display: inline-block;
	zoom: 1;
	font-weight: normal;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	height:45px;
	font-size: 0.875em;
	padding: 10px;
	margin-top: 35px;
	width: auto
}
	.sys_nav ul.sys_mainMenu a:hover, ul.sys_mainMenu a:focus, ul.sys_mainMenu li.sys_selected a {
	    height:65px;
	    margin-top:-10px;
	}
	ul.sys_mainMenu li.sys_orange a {
	    border-top-color: #e37222;
	    width:105px;
	}
	ul.sys_mainMenu li.sys_orange a:hover {
	    color: #e37222;
	}
	ul.sys_mainMenu li.sys_petrol a {
	    border-top-color: #008b95;
	    width:125px;
	}
	ul.sys_mainMenu li.sys_petrol a:hover {
	    color: #008b95;
	}
	ul.sys_mainMenu li.sys_fushia a {
	    border-top-color: #a1006b;
	    width:150px;
	}
	ul.sys_mainMenu li.sys_fushia a:hover {
	    color: #a1006b;
	}
	ul.sys_mainMenu li.sys_red a {
		border-top-color: #b70f34;
		width:163px;
	}
	ul.sys_mainMenu li.sys_red a:hover {
		color:#ffffff;
	}
	ul.sys_mainMenu li.sys_lime a {
		border-top-color: #91be3e;
		width:89px;
	}
	ul.sys_mainMenu li.sys_lime a:hover {
	    color:#91be3e;
	}
	ul.sys_mainMenu li.sys_green a {
		border-top-color: #00af3e;
		width:54px;
	}
	ul.sys_mainMenu li.sys_green a:hover {
	    color:#00af3e;
	}
	ul.sys_mainMenu li.sys_mint a {
		border-top-color: #96cbb3;
		width:126px;
	}
	ul.sys_mainMenu li.sys_mint a:hover {
	    color: #96cbb3;
	}
	ul.sys_mainMenu li.sys_lilac a {
		border-top-color: #786592;
		width:96px;
	}
	ul.sys_mainMenu li.sys_lilac a:hover {
	    color: #786592;
	}
	.sys_nav {
	   padding-left:inherit;
	}
	.sys_dropdown, ul.sys_mainMenu li .sys_simpleListMenu {
		max-height: 0;
		width:300px;
        overflow: hidden;
        transition: max-height 0.3s ease;
        z-index:999999;
        display: block;
        position:absolute;
	}
	ul.sys_mainMenu li ul.sys_dropdown, ul.sys_mainMenu li ul.sys_simpleListMenu {
		position:absolute;
        z-index:999999;
		margin-left:-45px;
		top: 55px;
	}
	ul.sys_mainMenu li:hover ul.sys_dropdown, ul.sys_mainMenu li a:focus ul.sys_dropdown, ul.sys_mainMenu li:hover ul.sys_simpleListMenu, ul.sys_mainMenu li a:focus ul.sys_simpleListMenu {
		max-height:500px;
		position:absolute;
        z-index:999999;
		margin-left:-40px;
	}
	ul.sys_mainMenu li:hover ul.sys_dropdown li, ul.sys_mainMenu li:focus ul.sys_dropdown li, ul.sys_mainMenu li:hover ul.sys_simpleListMenu li, ul.sys_mainMenu li:focus ul.sys_simpleListMenu li {
		display: block;
		overflow: visible;
		-webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
	}
	ul.sys_mainMenu li ul.sys_dropdown li a, ul.sys_mainMenu li ul.sys_simpleListMenu li a {
		height:auto;
        min-height:40px;
		width:250px;
		background: #f2f2f2;
		border-top-width: 1px;
		border-top-style: solid;
		color:#333;
		text-align: left;
		line-height: 1.6em;
	}
	ul.sys_mainMenu li:hover ul.sys_dropdown li a, ul.sys_mainMenu li:hover ul.sys_simpleListMenu li a {
		height:auto;
        min-height:40px;
		width:250px;
		background: #f2f2f2;
		border-top-width: 1px;
		color:#333;
		text-align: left;
		line-height: 1.6em;
        margin-top: 0;
	}
	ul.sys_mainMenu li:hover ul.sys_dropdown li a:hover, ul.sys_mainMenu li ul.sys_dropdown li a:focus, ul.sys_mainMenu li:hover ul.sys_simpleListMenu li a:hover, ul.sys_mainMenu li ul.sys_simpleListMenu li a:focus {
		height:auto;
        min-height:40px;
		margin-top:0;
		background:#dde2e0;
	}
	/*	Z7.2. Header */
	.sys_footer .sys_push {
		padding-left: 40px;
	}
	.sys_secondaryMenu {
		display: block;
		text-align: right;
		margin-top:0;
	}

	.sys_secondaryMenu ul.sys_mainMenu li ul.sys_simpleListMenu {
		list-style: none;
		margin:0;
		padding:0;
	}
	.sys_secondaryMenu ul.sys_mainMenu li {
		display: inline-block;
		zoom:1;
		*display: inline;
	}

	/*	Z7.3. Accessibility bar (links etc at the very top of the page) */

	.sys_accessibility .sys_rightLinks a {
		margin-left:5px;
	}
    .sys_accessibility .sys_leftLinks a {
        margin-right:10px;
    }
    .sys_accessibility a {
    	font-size: 0.875em;
    }
	/*	Z7.4. Icons */
	ul.sys_toolBarMenu {
		float:right;
		list-style: none;
		margin:5px 0 5px 5px;
        height:50px;
	}
	ul.sys_toolBarMenu li {
		display: inline-block;
		zoom: 1;
        *display: inline;
		margin-left:10px;
        float:left;
	}
	ul.sys_toolBarMenu li a {
		text-indent: -999999px;
		width:32px;
		height:32px;
		display:block;
	}
    .sys_menuWrap > .sys_row > .sys_columns > div {
        width: 75%;
        float: left;
        margin-top: 12px;  
        display:block;
    }
	/*	Z7.5. Footer elements */
	.sys_footer ul {
		margin-bottom:0;
	}

	/*	Z7.6. Buttons   */

	.sys_header a.sys_button {
		font-size: 0.875em;
		padding: 10px;
		margin-top:40px;
		width:auto;
	}


	/* Z7.7. Main Components */

	.sys_boxWrap {
		margin-bottom:20px;
		padding-bottom: 20px;
		background:url(../images/shadows/shadow-4-column.png) 0 100% no-repeat;
	}
	.sys_newsListing, .sys_eventsListing {
		border-bottom:1px solid transparent;
		margin-bottom:20px;
		background:url(../images/shadows/shadow-4-column.png) 0 100% no-repeat;
	}
	.sys_imageShadow {
		padding-bottom: 20px;
		background: url(../images/shadows/shadow-5-column.png) 0 100% no-repeat;
	}
	.sys_threeColBox {
		background: url(../images/shadows/shadow-3-column.png) 0 100% no-repeat;
	}
	.sys_twoColBox {
		background: url(../images/shadows/shadow-2-column.png) 0 100% no-repeat;
	}
	.sys_twoColBox2 {
		background: url(../images/shadows/shadow-3-column.png) 0 100% no-repeat;
	}
	/*	Z7.8. Mini Template Components */

    .sys_accordionTab.sys_selectedTab {
    	background:#0065bd url(http://www.skillsforcare.org.uk/Care-careers/Think-Care-Careers/SiteElements/Images/components/tabBlueWide.png) -25px 0 repeat-x;
    	display: block;
    	font-size:16px;
    	font-weight:bold;
    	padding:25px 10px 20px 10px;
    	color:#fff !important;
    	text-decoration: none;
    }
	.sys_tabs > ul > li {
		display: block;
		float:left;
		overflow: hidden;
		background:url(../Images/components/tabheadbg.png) 0 0 repeat-x;
		width:149px;
	}
	.sys_tabs > ul > li:first-of-type {
		margin-right:1px;
	}
	.sys_large-4 .sys_tabs > ul > li.sys_selectedTab {
		background:url(../images/components/tabBlueNarrow.png) 0 0 repeat-x;
	}
	.sys_large-8 .sys_tabs > ul > li.sys_selectedTab, .sys_large-9 .sys_tabs > ul > li.sys_selectedTab {
		background:url(../images/components/tabBlueWide.png) 0 0 repeat-x;
	}
	.sys_tabs > ul > li > a {
		display: block;
		width:140px;
		height:90px;
		padding:10px 15px;
		color:#333;
		text-decoration: none;
	}
	.sys_tabs > ul > li.sys_selectedTab a {
		font-weight: bold;
		color:#fff;
	}

	.sys_large-9 .sys_boxWrap {
		background: url(../images/shadows/shadow-9-column.png) 0 100% no-repeat;
	}
	.sys_large-8 .sys_tabs, .sys_large-9 .sys_tabs {
		background: #f2f2f2 url(../images/components/tabsBottom.png) 100% 100% repeat-x;
		min-height:300px;
		margin-top:25px;
	}
	.sys_large-8 .sys_tabs ul, .sys_large-9 .sys_tabs ul {
		list-style: none;
		margin:0;
		padding:0;
		overflow: hidden;
	}
	.sys_large-8 .sys_tabs > ul > li, .sys_large-9 .sys_tabs > ul > li {
		display: none;
	}
	.sys_large-8 .sys_accordionTab, .sys_large-9 .sys_accordionTab {
		background:url(../images/components/tabheadbg.png) 0 0 repeat-x;
		display: block;
		font-size:16px;
		font-weight:bold;
		padding:19px 10px 30px 10px;
		text-decoration: none;
		color:#333;
		text-align: center;
	}
	.sys_large-8 .sys_accordionTab.sys_selectedTab, .sys_large-9 .sys_accordionTab.sys_selectedTab {
		background:url(../images/components/tabBlueWide.png) -25px 0 repeat-x;
		display: block;
		font-size:16px;
		font-weight:bold;
		padding:25px 10px 45px 10px;
		color:#fff;
		text-decoration: none;
		width:50%;
	}

	.sys_large-8 .sys_tabContent ul li a, .sys_large-9 .sys_tabContent ul li a {
		color:#333;
		text-decoration: none;
		font-size: 14px;
		display: block;
		float:left;
		/*width:85%;*/
		margin: 0 10px;
	}

	.sys_large-8 .sys_tabs > ul > li, .sys_large-9 .sys_tabs > ul > li {
		display: block;
		float:left;
		overflow: hidden;
		background:url(../images/components/tabheadbg.png) 0 0 repeat-x;
		width:49.9%;
	}

	.sys_large-8 .sys_tabs > ul > li > a, .sys_large-9 .sys_tabs > ul > li > a {
		display: block;
		width:100%;
		height:90px;
		padding:15px 15px;
		color:#333;
		text-decoration: none;
	}
	.sys_large-8 .sys_tabs > ul > li.sys_selectedTab a, .sys_large-9 .sys_tabs > ul > li.sys_selectedTab a {
		font-weight: bold;
		color:#fff;
	}
	.sys_large-8 .sys_accordionTab, .sys_large-9 .sys_accordionTab {
		display: none;
	}
	.sys_large-8 .sys_cardImg {
		width:139px;
		height:139px;
		float: left;
		overflow: hidden;
		display: block;
	}
	.sys_large-8 .sys_cardContent {
		width: 151px;
		padding:10px;
	}
	.sys_large-8 .sys_cardContent h3 {
		margin-top:0;
	}

	.sys_sideNav.sys_navNarrow {
		width:73%;
	}
    .sys_search-search-control {
        position: relative;
        width: 22%;
        float: left;
        background: #f2f2f2;
        margin-right:20px;
        padding:10px;
    }
    .sys_searchTitle {
        width: 75%;
        float: right;
        margin-bottom: 0; 
        padding:0 10px
    }

    .sys_search-control {
        position: relative;
        float: left;
    }
    .sys_search-control .sys_subitem {
        background: url(../images/shadows/shadow-9-column.png) 0 100% no-repeat;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}

/* Little tweaks */

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

	ul.sys_mainMenu li.sys_menuSwitch:hover ul.sys_dropdown {
		max-height:500px;
		position:absolute;
        z-index:999999;
		margin-left:-100px;
	}
}


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

	.footer-logo {display:none;}
}


.sys_footer img {display:inline;margin-right:10px;}

.footer-logo img {margin-right:20px;}


.footer-logo {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
.footer-logo:before, .footer-logo:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 48%;
    height: 2px;
    content: '\a0';
    background-color: white;
}
.footer-logo:before {
    margin-left: -50%;
    text-align: right;
}


.sys_linkfooter {
	background: #f5f4f1;
	color: #ffffff;
	padding-top:20px;
	padding-bottom:20px;
}

.sys_linkfooter .fl1 a {display:block;border: #462a88 solid 4px;background:#4d4d4d;margin:10px;min-height:200px;padding:10px;color:white;font-size:24px;text-align:center;}
.sys_linkfooter .fl2 a {display:block;border: #7ac143 solid 4px;background:#4d4d4d;margin:10px;min-height:200px;padding:10px;color:white;font-size:24px;text-align:center;}
.sys_linkfooter .fl3 a {display:block;border: #ab0873 solid 4px;background:#4d4d4d;margin:10px;min-height:200px;padding:10px;color:white;font-size:24px;text-align:center;}
.sys_linkfooter .fl4 a {display:block;border: #cd1543 solid 4px;background:#4d4d4d;margin:10px;min-height:200px;padding:10px;color:white;font-size:24px;text-align:center;}

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

.sys_linkfooter .fl1 a {min-height:1px;}
.sys_linkfooter .fl2 a {min-height:1px;}
.sys_linkfooter .fl3 a {min-height:1px;}
.sys_linkfooter .fl4 a {min-height:1px;}

.job-roles img {display:none;}

}



.job-role-wrap .sys_large-3  {
    padding-left: 0em;
    padding-right: 0em;}

.job-role-wrap h3 {margin-top:0px;margin-bottom:0px;}


.job-roles h4 {-webkit-margin-after: 0em;-webkit-margin-before: 0em}
.job-roles h4 a {color:#7ac143;}
.job-roles a {color:#333;}


.case-study-wrap {border-bottom: 3px solid #cd1543;margin-bottom:5px;padding-bottom:10px;}

.case-study-wrap {border-bottom: 3px solid #cd1543;margin-bottom:5px;padding-bottom:10px;}

.case-study-wrap .sys_large-3  {
    padding-left: 0em;
    padding-right: 0em;}

.case-study-wrap h3 {margin-top:0px;margin-bottom:0px;}

.case-study h4 {-webkit-margin-after: 0em;-webkit-margin-before: 0em}
.case-study h4 a {color:#cd1543;}
.case-study a {color:#cd1543;}

.study-ind {border:3px solid #333;padding:5px;margin-bottom: 1.25em;}


#loadMore {border:#cd1543 solid 4px;padding-top:10px;padding-bottom:10px;padding-right:20px;padding-left:20px;background:#cd1543;color:#fff;margin-left: 5px;}


/*  MENU */


/* main menu
----------------------------*/
#ddmenu
{
    display:block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align:center; 
    letter-spacing:normal;
}

#ddmenu ul
{ 
    margin:0 auto;
    padding:0;
    text-align:center; 
    width:100%;
    font-size:0;
    display:inline-block;
    list-style:none;
    position:relative;
    z-index:999999990; 
border-bottom:3px solid #0065bd;
}

#ddmenu li
{
    margin:0;
    padding:0;
    font-size:14px;
    display:inline-block;
    *
    display:inline;
    zoom:1; /*for IE6-7*/
    position:relative;
    color: #fff;
    background: #0065bd;
    line-height: 1.5em; 
    line-break: normal;
    vertical-align:middle;
    transition:background-color 0.2s;
    outline:none;
    -moz-user-select:none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#ddmenu .full-width {
    position:static;
}

#ddmenu .over
{
    color:#FFF;
    background-color: #0065bd;
}

#ddmenu .over.no-sub {
    
}

#ddmenu .top-heading
{
    font-weight:bold;
    margin: 5px 10px;
    color:inherit;
    text-decoration:none;
    display:inline-block;
    outline:0;
    cursor:pointer;
}


#ddmenu a, #ddmenu a:link, #ddmenu a:hover
{
    color:inherit;
}
#ddmenu a:hover
{
    text-decoration:underline;
}

#ddmenu a:focus
{
    outline:1px dotted #09F;
}

#ddmenu .caret
{
    color:inherit;
    left:-18px;
    width: 0;
    height: 0;
    overflow:hidden;/*for IE6*/
    vertical-align:middle;
    margin-bottom:2px;
    border-top: 4px solid;/*caret size is 4px now*/
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    position:relative;
}  
        

#ddmenu .dropdown
{
    width:auto;
    left:0px;
    color:#000000;
    padding:0;
    margin:0;
    display:none;
    position:absolute;
    overflow:hidden;
    top:100%;
    border-bottom: 3px solid #0065bd;
}

#ddmenu .full-width .dropdown {
    width:100%;
    padding:0;
    margin:0;
}

#ddmenu .offset300 {
    left:-300px;right:auto;
}

#ddmenu .right-aligned {
    left:auto;
    right:0px;
}

#ddmenu .over .dropdown
{
    display:block;
}

#ddmenu .dd-inner {
    text-align:center;
    padding:20px;
    margin:0px;
    background-color:#FFF;
    white-space:nowrap;
    font-size:13px;
}

#ddmenu ul ul
{ 
    margin:0;padding:0;text-align:left;width:auto;background:none;border:none;display:block;position:static;z-index:0;border-radius:0;
}

#ddmenu ul ul li
{
    font-size:13px;
    padding:6px 0; /*It determines the line height*/
    color:inherit;
    line-height:1;
    margin:0;
    display:block;
    position:static;
    background:none;
    border:none;
    transition:none;
    border-radius:0;
}
  

#ddmenu .dropdown a
{
    color: #444;
    line-height:1;
    text-decoration:none;
    transition:color 0.4s;
}

#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus
{
    text-decoration:underline;
    color:#0065bd;
}

#ddmenu .column
{
    text-align:left;
    vertical-align:top;/*or middle*/
    display:inline-block;
    *
    display:inline;*
    zoom:1;
    white-space:normal;
    width:auto;
    min-width: 100px;
    /* padding: 0 48px; */
    margin-left: 30px;
    margin-right: 30px;
    /* border-right:1px solid #999; */
}

#ddmenu .column-first
{
    text-align:left;
    vertical-align:top;/*or middle*/
    display:inline-block;
    *
    display:inline;*
    zoom:1;
    white-space:normal;
    width:auto;
    min-width: 300px;
    /* padding: 0 48px; */
    margin-left: 30px;
    margin-right: 30px;
    /* border-right:1px solid #999; */
}

#ddmenu .dd-inner ul:last-child
{
    border-right:none;
}

#ddmenu h3 {
  font-weight: 500;
  line-height: 1.1;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 24px;
}

#ddmenu .top-heading {/* text-transform:uppercase; */}


#ddmenuLink {display:none;}



#ddmenu .menu-icon   
{
    display:none; 
}


@media only screen and (min-width:861px)
	
{
	#ddmenu li
{
 margin-right: 4px;
 width: 130px;
 }

  #ddmenu .column-first li
{
 margin-right: 0px;
 width: 300px;
 }

 #ddmenu .no-sub {height:52px;}
	
}


@media only screen and (max-width: 860px) 
{
    #ddmenu .column.mayHide {
        display:none;
    }
	
	.blanco {display:none !important;visibility: hidden !important;}
	.menu-description {margin-bottom:10px !important;}
	

    #ddmenu ul {
        width: 100%; 
        display: none;
        border-radius:0; 
         
    }
	
    #ddmenu li {
        position:relative;
        display:block;
        font-size: 14px;
        text-align:left;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        border-radius:0;
        margin-right: 0px;
        width: 100%;
    }

    #ddmenu .full-width {
       position:relative;
    }
    
    #ddmenu .dropdown {
        position:relative;
        *top:auto;/*for IE7*/
        border:none;
        border-radius:0;
        box-shadow:none;
        background-color:#FFF;
    }
    
    #ddmenu .offset300 {
        left:0;
    }
    
    #ddmenu .full-width .dropdown{
        width:auto;
    }
    
    #ddmenu .dd-inner
    {
        margin:0;
        background:none;
        text-align:left;
    }
    
    #ddmenu .column {
        width:auto;
        padding:0;
        border:none;
        display:block;
        margin-left: 0px;
    margin-right: 0px;
    }

     #ddmenu .column-first {
        width:auto;
        padding:0;
        border:none;
        display:block;
        margin-left: 0px;
    margin-right: 0px;
    }

    /*move the arrow icon to right*/
    #ddmenu .caret {
        position:absolute;
        left:auto;
        right:14px;
        top: 19px;
        border-width:5px;
    }


    #ddmenu .menu-icon {
        font-size:32px;/*icon size*/
        display: block;
        position: relative;
        width: 40px;
        height:36px;
        text-align:center;
        cursor: pointer;
        -moz-user-select:none;
        -webkit-user-select: none;
        background-color: #0065bd;
        border-radius: 3px;
        margin-bottom:6px;
        margin-left: auto;
        margin-right: 11px;
    }

    #ddmenu .menu-icon::before {
        content: "";
        position: absolute;
        top: 0.25em;
        left: 4px;
        width: 1em;
        height: 0.125em;
        border-top: 0.275em double #F1F1F3;
        border-bottom: 0.100em solid #F1F1F3;
        box-sizing: content-box;
    }

    #ddmenu .menu-icon-active {
        background-color: #F1F1F3;
    }

    #ddmenu .menu-icon-active::before {
      border-color: #0065bd;
    }
}

.first-col-menu {padding-right:0px !important;padding-left:0px !important;margin-left:0px !important; margin-right:0px !important;}
.menu-description {line-height:1.2 !important;}

.sub-nav-btn{width:150px;color:white !important;display:block;position:relative;border-radius:3px;border:none;border-bottom:2px solid #004c57;background:#008b95;padding:9px 20px 8px 10px;color:#2D3039;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition:background-color 0.3s;}
.sub-nav-btn:hover,.sub-nav-btn:focus{text-decoration:none;background-color:#004c57;}
.sub-nav-btn:visited,.sub-nav-btn:active{color:#fff;}
.sub-nav-btn:after{background-image:url("http://www.skillsforcare.org.uk/Site-Elements/images/d-l.png");background-image:url("http://www.skillsforcare.org.uk/Site-Elements/images/d-l.png");background-size:28px 32px;height:32px;width:28px;background-position:0px -640px;content:"";position:absolute;top:50%;right:0;margin-top:-16px;margin-right:5px;}