@import 'reset.css';

/* @group's used to section code within CSS Edit */

/* @group Clearing */

/* =clearfix


   ---------------------------------------------------------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.clear {
	clear: both;
}

/* @end */

/* @group Universal styles */
body {
	background: #fff;
	color: #666;
	font: .75em/1.4em "Trebuchet MS",Verdana,Ariel,sans-serif;
	padding-top: 5px;
	overflow-y : scroll;
}

strong  {
font-weight : bold;
}

em {
	font-style: italic;
}

/* @group Typography */

/* @group Colours */
.pink,
body.why div.article h1,
body.what div.article h1,
body.learning div.article h1,
body.why div.article div.subnav ul li a.active,
body.what div.article div.subnav ul li a.active,
body.learning div.article div.subnav ul li a.active,
body.why div.article div.section div.feature-one h3,
body.why div.article div.section div.feature-two h3,
body.what div.article div.section div.feature-one h3,
body.what div.article div.section div.feature-two h3,
body.learning div.article div.section div.feature-one h3,
body.learning div.article div.section div.feature-two h3,
body.why div.video-container h3,
body.what div.video-container h3,
body.learning div.video-container h3 {
	color: #d50f6c;
}
.blue,
body.employers div.article h1,
body.employers div.article div.subnav ul li a.active,
body.employers div.article div.section div.feature-one h3,
body.employers div.article div.section div.feature-two h3,
body.employers div.video-container h3 {
	color: #0090d1;
}
.green,
body.stakeholders div.article h1,
body.stakeholders div.article h2,
body.stakeholders div.article div.subnav ul li a.active,
body.stakeholders div.article div.section div.feature-one h3,
body.stakeholders div.article div.section div.feature-two h3,
body.stakeholders div.video-container h3 {
	color: #17b017;
}
.orange,
body.success-stories div.article h1,
body.success-stories div.article div.subnav ul li a.active,
body.success-stories div.article div.section div.feature-one h3,
body.success-stories div.article div.section div.feature-two h3,
body.success-stories div.video-container h3,
body.success-stories div.article div.success-story h3 {
	color: #ff5b00;
}
.purple,
body.links-resources div.article h1,
body.links-resources div.article div.subnav ul li a.active,
body.links-resources div.article div.section div.feature-one h3,
body.links-resources div.article div.section div.feature-two h3,
body.links-resources div.video-container h3 {
	color: #794cbf;
}

/* @end */

h1 {
	font-size: 1.6em;
	margin-top: 2px;
	margin-bottom: 1em;
	font-weight:bold;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: .5em;
}
h2.moreMarginTop {
	padding-top: .5em;
}
h2.link {
	font-size: 1.6em;
	margin-top: 1em;
}
h3 {
	font-weight: bold;
}
p {
	margin-bottom: 1.4em;
}

p.no-margin {
	margin: 0;
}

em {
font-style: italic;
}

q {
	display : block;
	font-style : italic;
}

span.quoted {
display : block;
margin-bottom : 10px;
}

a {
	color: #666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.more {
	background: url(../images/arrows/sml-grey.gif) no-repeat 0 6px;
	font-weight: normal;
	display: block;
	padding-left: 12px;
	text-decoration :underline
}

a.more:hover {
	text-decoration :none;
}

.expand {
display : block !important
}


/* @end */

/* @group Layout */
div.article div.section a {
	text-decoration: underline;
}

div.article div.section a:hover {
	text-decoration: none;
}

body div.wrapper {
	background: url(../images/backgrounds/page/top.jpg) no-repeat 0 0;
	width: 986px;
	margin: 0 auto;
	padding-top: 9px;
}
body div.wrapper div.inner-wrapper {
	background: url(../images/backgrounds/page/middle.jpg) repeat-y 0 0;
	padding-top:5px;
}
body div.wrapper div.inner-wrapper div.content {
	background: url(../images/backgrounds/page/fade.jpg) repeat-y 0 100px;
	margin: 0px 0px 5px 14px;
	padding: 30px 5px 20px 5px;
	width: 950px;
}
body div.wrapper div.inner-wrapper div.content div.section {
	margin-top: 12px;
}
body div.wrapper div.footer {
	background: url(../images/backgrounds/page/bottom.jpg) no-repeat 0 0;
	font-size: .9em;
}

body div.wrapper div.inner-wrapper ul.breadcrumbs {
	clear: both;
	margin: 0 0 4px 10px;
}
body div.wrapper div.inner-wrapper ul.breadcrumbs li {
	display : inline;
	margin-right: 4px;
}
body div.wrapper div.inner-wrapper ul.breadcrumbs li a {
	color: #7b7b7b;
}

body div.wrapper div.inner-wrapper .resources h2{
padding-top : 10px;
}
/* @end */

/* @end */

/* @group Header */
div.header a.logo,
div.header p {
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
div.header a.logo {
	width: 108px;
	height: 71px;
	display: block;
	float: left;
	margin: 0 0 20px 10px;
}
div.header p {
	float : right;
	min-height: 36px;
	width : 260px;
	margin: 20px 10px 0 0;
}
div.header p a {
	display: block;
	width: 174px;
	float: right;
	padding-bottom: 5px;
}
div.header p a:hover {
	border-bottom: 1px solid #000;
}

/* @group Homepage/Terms */
body.homepage div.header a.logo,
body.terms div.header a.logo {
	background-image: url(../images/logo/grey.gif);
}
body.homepage div.header p,
body.terms div.header p {
	background-image: url(../images/contact/grey2.gif);
}
body.homepage div.header p a,
body.terms div.header p a {
	border-bottom: 1px solid #666;
}
body.homepage div.header p a:hover,
body.terms div.header p a:hover {
	border-bottom-color: #fff;
}
/* @end */

/* @group Why, What and Get Learning */
body.why div.header a.logo,
body.what div.header a.logo,
body.learning div.header a.logo {
	background-image: url(../images/logo/pink.gif);
}
body.why div.header p,
body.what div.header p,
body.learning div.header p {
	background-image: url(../images/contact/grey2.gif);
}
body.why div.header p a:hover,
body.what div.header p a:hover,
body.learning div.header p a:hover {
	border-bottom-color: #ffffff;
}
body.why div.header p a,
body.what div.header p a,
body.learning div.header p a {
	border-bottom: 1px solid #d50f6c;
}
/* @end */

/* @group Employers */
body.employers div.header a.logo {
	background-image: url(../images/logo/blue.gif);
}
body.employers div.header p {
	background-image: url(../images/contact/blue.gif);
	width : 415px !important;
	margin-right : 8px;
}
body.employers div.header p a {
	position : relative;
	left : -2px;
	border-bottom: 1px solid #0090d1;
}
body.employers div.header p a:hover {
	border-bottom-color: #ffffff;
}
/* @end */

/* @group Stakeholders */
body.stakeholders div.header a.logo {
	background-image: url(../images/logo/green.gif);
}
body.stakeholders div.header p {
	background-image: url(../images/contact/grey2.gif);
}
body.stakeholders div.header p a {
	border-bottom: 1px solid #17b017;
}
body.stakeholders div.header p a:hover {
	border-bottom-color: #ffffff;
}
/* @end */

/* @group Success Stories */
body.success-stories div.header a.logo {
	background-image: url(../images/logo/orange.gif);
}
body.success-stories div.header p {
	background-image: url(../images/contact/grey2.gif);
}
body.success-stories div.header p a {
	border-bottom: 1px solid #ff5b00;
}
body.success-stories div.header p a:hover {
	border-bottom-color: #ffffff;
}
/* @end */

/* @group Templates & Resources */
body.links-resources div.header a.logo {
	background-image: url(../images/logo/purple.gif);
}
body.links-resources div.header p {
	background-image: url(../images/contact/grey2.gif);
}
body.links-resources div.header p a {
	border-bottom: 1px solid #794cbf;
}
body.links-resources div.header p a:hover {
	border-bottom-color: #ffffff;
}
/* @end */

/* @end */

/* @group Main Nav */

/* @group Common */
body div.wrapper div.inner-wrapper div.content div.header div.main-nav {
	position: relative;
	display: block;
	clear: both;
	width: 950px;
}
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul {
	margin-left: 70px;
}
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li {
	float: left;
}
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li a {
	background: url(../images/nav/white-left.gif) no-repeat 0 0;
	color: #666;
	font-weight: bold;
	display: block;
	position: relative;
	margin-right: 5px;
	padding: 11px 6px 0 14px;
	height: 22px;
	z-index: 25;
	margin-bottom : 10px;}

body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li a:hover,
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li a.current {
	color: #fff;
	text-decoration: none;
}
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li a span.right {
	background: url(../images/nav/white-right.gif) no-repeat 0 0;
	display: block;
	width: 13px;
	height: 34px;
	position: absolute;
	top: 0;
	right: -10px;
	z-index: 25;
}


body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li a span.nowrap {
white-space:nowrap;
display : block
}

body div.wrapper div.inner-wrapper div.content div.header div.main-nav div.shadow {
	background: url(../images/nav/line.png) no-repeat 0 0;
	width: 100%;
	height: 11px;
	position: absolute;
	bottom: 8px;
	left: 0;
	z-index: 20;
}
/* @end */

/* @group Grey/Home */
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.home a:hover,
body.homepage div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.home a {
	background-image: url(../images/nav/grey-left.gif);
	background-color : #797979;
	color : #fff;
}
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.home a:hover span.right,
body.homepage div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.home a span.right {
	background-image: url(../images/nav/grey-right.gif);
}
/* @end */

/* @group Pink/Why,What,Learning */
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.why a:hover,
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.what a:hover,
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.learning a:hover,
body.why div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.why a,
body.what div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.what a,
body.learning div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.learning a {
	background-image: url(../images/nav/pink-left.gif);
	background-color : #da2c7e;
	color : #fff;
}
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.why a:hover span.right,
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.what a:hover span.right,
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.learning a:hover span.right,
body.why div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.why a span.right,
body.what div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.what a span.right,
body.learning div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.learning a span.right {
	background-image: url(../images/nav/pink-right.gif);

}
/* @end */

/* @group Blue/Employers */
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.employers a:hover,
body.employers div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.employers a {
	background-image: url(../images/nav/blue-left.gif);
	color : #fff;
	background-color : #1f9dd7;
}
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.employers a:hover span.right,
body.employers div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.employers a span.right {
	background-image: url(../images/nav/blue-right.gif);
}
/* @end */

/* @group Green/Stakeholders */
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.stakeholders a:hover,
body.stakeholders div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.stakeholders a {
	background-image: url(../images/nav/green-left.gif);
	color : #fff;
	background-color : #33ba33;
}
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.stakeholders a:hover span.right,
body.stakeholders div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.stakeholders a span.right {
	background-image: url(../images/nav/green-right.gif);
}
/* @end */

/* @group Orange/Success */
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.success a:hover,
body.success-stories div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.success a {
	background-image: url(../images/nav/orange-left.gif);
	background-color : #fa6d1f;
	color : #fff;
}
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.success a:hover span.right,
body.success-stories div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.success a span.right {
	background-image: url(../images/nav/orange-right.gif);
}
/* @end */

/* @group Purple/Links */
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.links a:hover,
body.links-resources div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.links a {
	background-image: url(../images/nav/purple-left.gif);
	background-color : #8962c7;
	color : #fff;
}
body div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.links a:hover span.right,
body.links-resources div.wrapper div.inner-wrapper div.content div.header div.main-nav ul li.links a span.right {
	background-image: url(../images/nav/purple-right.gif);
}
/* @end */

/* @end */

/* @group Footer */
body div.wrapper div.footer ul {
	padding-top: 10px;
}
body div.wrapper div.footer ul.nav {
	float: left;
	margin-left: 20px;
}
body div.wrapper div.footer ul.copyright {
	float: right;
	margin-right: 20px;
}
body div.wrapper div.footer ul li {
	float: left;
	margin-right: .4em;
	
}
body div.wrapper div.footer ul li a {
	color: #666;
	padding-right: .2em;
	text-decoration: underline;
}
body div.wrapper div.footer ul li a:hover {
	color: #000;
}
/* @end */

/* @group Article */

/* @group Universal */
body div.article div.section img.section-img {
	margin: 10px 0;
}
body div.article div.section p.top {
	background: url(../images/arrows/top.gif) no-repeat 100% 7px;
	border-bottom: 1px solid #b2b2b2;
	text-align: right;
	padding: 0 10px 2px 0;
}

/* @group Article features */

/* @group Common */
body div.article div.section div.feature-one,
body div.article div.section div.feature-two {
	margin-bottom: 1.5em;
	padding: 6px 6px 0 0;
	padding-bottom: 1em;
	position: relative;
}
body div.article div.section div.feature-one img,
body div.article div.section div.feature-two img {
	margin: 0 10px 0 6px;
}
body div.article div.section div.feature-one h3,
body div.article div.section div.feature-two h3 {
	font-weight: bold;
	padding: .5em 0;
}
body div.article div.section div.feature-one p {
	margin: 0;
}
body div.article div.section div.feature-one div.bottom,
body div.article div.section div.feature-two div.bottom {
	position: absolute;
	bottom: -6px;
	left: 0;
	height: 6px;
	overflow : hidden;
}
/* @end */

/* @group One (100% width) */

body div.article div.section div.feature-one {
	background: url(../images/backgrounds/features/feature-top.gif) no-repeat 0 0;
	width: 461px;
	min-height: 119px;
}
body div.article div.section div.feature-one img,
body div.article div.section div.feature-one h3,
body div.article div.section div.feature-one p,
body div.article div.section div.feature-one a.more {
/*	overflow: auto;*/
}

body div.article div.section div.feature-one a.more {
	overflow-y: auto;
	display : block;
	padding-right : 5px
}
body div.article div.section div.feature-one img {
	float: left;
}
body div.article div.section div.feature-one p {
	padding-right: 30px;
}
body div.article div.section div.feature-one div.bottom {
	background: url(../images/backgrounds/features/feature-bottom.png) no-repeat 0 0;
	width: 461px;
}
/* @end */

/* @group Two (50% width) */
body div.article div.section div.feature-two {
	background: url(../images/backgrounds/features/feature-two-top.gif) no-repeat 0 0;
	width: 224px;
	float: left;
} 

body div.article div.section div.feature-two img {
	margin: 0 10px 0 6px;
}
body div.article div.section div.feature-two div.bottom {
	background: url(../images/backgrounds/features/feature-two-bottom.png) no-repeat 0 0;
	width: 230px;
}
body div.article div.section div.feature-two h3 {
	margin-left: 15px;
}
body div.article div.section div.feature-two p {
	margin: 0 15px;
}
body div.article div.section div.feature-two a.more {
	margin-left: 15px;
	margin-top: 15px;
	min-height : 35px;
}
/* @end */
/* @end */

/* @group Subnav */
body div.article div.subnav {
	width: 240px;
	float: left;
	margin-left: -6px;
}

body div.article div.subnavempty {
	width: 240px;
	float: left;
	margin-left: -6px;
	border-top : solid 1px #fff
}
body div.article div.subnav ul li {
	background: url(../images/subnav/repeat.png) repeat-y 0 0;
	padding: 5px 0 5px 16px;
}
body div.article div.subnav ul li ul li{
	padding: 5px 0 5px 10px;
}
body div.article div.subnav ul li ul li ul li{
	padding: 10px 0 0 10px;
}
body div.article div.subnav ul li.second {
	padding-top: 16px;
}
body div.article div.subnav ul li.second h2 {
	padding-bottom: 0px;
	margin-bottom:0px;
}
body div.article div.subnav ul li.subPadding {
	padding-top: 0px;
}
body div.article div.subnav ul li.penultimate {
	padding-bottom: 16px;
}
body div.article div.subnav ul li a {
	margin-left: 14px;
	font-weight : bold;
	display : block
}
body div.article div.subnav ul li.subsection a {
	background: url(../images/subnav/arrow.gif) no-repeat 0 4px;
}
body div.article div.subnav ul li ul {
	display: none;
}
body div.article div.subnav ul li ul.active {
	display: block;
}
body div.article div.subnav ul li ul li {
	background: none;
}
body div.article div.subnav ul li.first {
	background-position: 0 0;
	background-repeat: no-repeat;
	min-height: 34px;
	position: relative;
	background-image: url(../images/subnav/header-bg-grey.png);
	padding: 6px 0 0 0;}
	
body div.article div.subnav ul li.last {
	background: url(../images/subnav/bottom-shadow.png) no-repeat 0 0;
	height: 10px;
}

/*Header*/
body.why div.article div.subnav ul li.first,
body.what div.article div.subnav ul li.first,
body.learning div.article div.subnav ul li.first {
	background-image: url(../images/subnav/header-bg-pink.png);
}
body.employers div.article div.subnav ul li.first {
	background-image: url(../images/subnav/header-bg-blue.png);
}
body.links-resources div.article div.subnav ul li.first {
	background-image: url(../images/subnav/header-bg-purple.png);
}
body.stakeholders div.article div.subnav ul li.first {
	background-image: url(../images/subnav/header-bg-green.png);
}
body.success-stories div.article div.subnav ul li.first {
	background-image: url(../images/subnav/header-bg-orange.png);
}

body div.article div.subnav ul li.first h2 {
/*	background: url(../images/subnav/header-shadow.png) no-repeat -6px 100%;*/
	color: #fff;
	font-size: 1.2em;
	margin-bottom: 0px;
	padding: 0 0 0 14px;
	min-height: 28px;
	width: 216px;
	position: absolute;
	bottom: -4px;
	left: 6px;
}
body div.article div.subnav ul li.active ul li a {
	background: none;
	color: #666 !important;	
}


body div.article div.subnav ul li h2 a {
	color: #fff;	
}

/* @end */

/* @group See Also */
body div.article div.subnav div.see-also {
	border-top: 1px solid #ebebeb;
	width: 220px;
	margin: 20px 0 0 10px;
}
body div.article div.subnav div.see-also ul{
	border : none !important;
	margin-left : -12px;
}
body div.article div.subnav div.see-also ul li{
	background : none;
	padding-top: 1px;
	padding-bottom: 1px;	
}
body div.article div.subnav div.see-also h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 30px 0 16px 0;
}
body div.article div.subnav div.see-also p {
	margin-bottom: 0;
}
body div.article div.subnav div.see-also a.external {
	background: url(../images/subnav/arrow2.gif) no-repeat 0 2px;
	display: block;
	padding-left: 16px;
	margin: 0 0 1em 10px;
}
/* @end */

/* @group Video list */
div.video-container {
	clear: both;
	margin-bottom: 30px;
}
div.video-container a.video {
	display: block;
	width: 140px;
	float: left;
	margin-right: 15px;
}
div.video-container p {
	margin-bottom: 0;
}
/* Links */
div.video-container a.watch {
	background-position: 0 1px;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 18px;
	margin-left: 5px;
}
body.why div.video-container a.watch,
body.what div.video-container a.watch,
body.learning div.video-container a.watch {
	background-image: url(../images/arrows/round-pink.gif);
}
body.employers div.video-container a.watch {
	background-image: url(../images/arrows/round-blue.gif);
}
body.stakeholders div.video-container a.watch {
	background-image: url(../images/arrows/round-green.gif);
}
body.success-stories div.video-container a.watch {
	background-image: url(../images/arrows/round-orange.gif);
}
body.links-resources div.video-container a.watch {
	background-image: url(../images/arrows/round-purple.gif);
} 

/* @end */

/* @group Video player */
p.video-nav {
	margin: 38px 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #b2b2b2;
	width : 456px;
}
p.video-nav a{
font-weight : bold;
}
p.video-nav a.back {
	display: block;
	float: left;
}
p.video-nav span.prev-next {
	display: block;
	float: right;
}
p.video-nav span.prev-next a.prev {
	background: url(../images/arrows/tiny-left.gif) no-repeat 0 55%;
	padding-left: 8px;
}
p.video-nav span.prev-next a.next {
	background: url(../images/arrows/tiny-right.gif) no-repeat 100% 58%;
	padding-right: 8px;
}
/* @end */

/* @end */

/* @group Homepage */
body.homepage div.article {
	position: relative;
}
body.homepage div.article div.section {
	background: url(../images/logo/lg_skills_pledge.gif) no-repeat 98% 0;
	width: 710px;
	float: left;
	position: absolute;
	left: -10px;
}
body.homepage div.article div.aside {
	width: 220px;
	float: right;
	margin-top: 45px;
}

body.homepage div.article div.section h1 {
	display: none;
}
body.homepage div.article div.section div.welcome {
	width: 380px;
	margin: 5px 0 0 10px;
}
body.homepage div.article div.section p {
	margin-bottom: .8em;
}
body.homepage div.article div.section p.first {
	color: #F63D2B;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-bottom : 1em !important;
}

/* @group Feature boxes */

body.homepage div.article div.section div.feature-boxes {
	background: url(../images/backgrounds/features/homepage-feature-bottom.png) no-repeat 0 100%;
	width: 722px;
	margin: 140px 0 0 -4px;
	padding-bottom: 25px;
}


body.homepage div.article div.section .divide{
	background: url(../images/backgrounds/features/im_home_feat_divider.gif) no-repeat -5px 20px;
	height : 120px;
}


body.homepage div.article div.section div.feature-boxes div.learners,
body.homepage div.article div.section div.feature-boxes div.employers,
body.homepage div.article div.section div.feature-boxes div.stakeholders {
	float: left;
	width: 240px;
}

/* @group h2 */
body.homepage div.article div.section div.feature-boxes h2 {
	font-size: 1.4em;
	padding: 17px 0 12px 0;
	margin-top: -49px;
	min-height: 30px;
}
body.homepage div.article div.section div.feature-boxes a {
	font-weight: normal;
}
body.homepage div.article div.section div.feature-boxes h2 a {
	font-weight: bold;
}
body.homepage div.article div.section div.feature-boxes div.learners h2 {
	background: url(../images/backgrounds/features/homepage-feature-header.png) no-repeat 0 0;
	padding-left: 15px;
}
body.homepage div.article div.section div.feature-boxes div.employers h2 {
	background: url(../images/backgrounds/features/homepage-feature-header.png) no-repeat -240px 0;
}
body.homepage div.article div.section div.feature-boxes div.stakeholders h2 {
	background: url(../images/backgrounds/features/homepage-feature-header.png) no-repeat -480px 0;
}
body.homepage div.article div.section div.feature-boxes div.learners h2 a,
body.homepage div.article div.section div.feature-boxes div.learners a:hover {
	color: #d50f6c;
}
body.homepage div.article div.section div.feature-boxes div.employers h2 a,
body.homepage div.article div.section div.feature-boxes div.employers a:hover {
	color: #0090d1;
}
body.homepage div.article div.section div.feature-boxes div.stakeholders h2 a,
body.homepage div.article div.section div.feature-boxes div.stakeholders a:hover {
	color: #17b017;
}
/* @end */

/* @group Paragraphs/Links */
body.homepage div.article div.section div.feature-boxes div.learners p {
	margin: 0 10px 1em 15px;
}
body.homepage div.article div.section div.feature-boxes div.learners a.more {
	margin-left: 15px;
}

body.homepage div.article div.section div.feature-boxes div.employers p {
	margin-right: 18px;
}
body.homepage div.article div.section div.feature-boxes div.stakeholders p {
	margin-right: 12px;
}
/* @end */

/* @end */

/* @end */

/* @group Why, What, Get */

/* @end */

/* @group Employers */

/* @end */

/* @group Stakeholders */

/* @end */

/* @group Success stories */
body.success-stories div.article img {
	margin: 1em 0;
}
body.success-stories div.article .empty h3{
	padding-top: 85px;

}

body.success-stories div.article div.success-story-container {
margin-left : -6px;
width : 720px;
}

body.success-stories div.article div.success-story {
	background: url(../images/backgrounds/success-stories/top.gif) no-repeat 0px 0px;
	float: left;
	width: 238px;
	margin: 0 0 30px 0px;
	min-height :280px;
	padding: 0px;
	position: relative;}
body.success-stories div.article div.success-story div.bottom {
	background: url(../images/backgrounds/success-stories/bottom.png) no-repeat 0 0;
	width: 237px;
	height: 6px;
	position: absolute;
	bottom: -6px;
}
body.success-stories div.article div.success-story h3 {
	margin: .5em 15px 0 15px;
}
body.success-stories div.article div.success-story p {
	margin: 0 15px;

}
div.success-story a.more {
	margin-left: 15px;
	margin-top: 15px;
	min-height : 35px;
	display : block
}
body.success-stories div.article div.success-story img,
body.success-stories div.aside div.aside-feature img {
	margin: 0;
}

body.success-stories div.article div.success-story img{
	margin-left : 4px;
	width: 230px;
}

body.success-stories div.article div.success-story img{
	margin-left : 0px;
	width: 238px;
}

.aside .aside-feature img.plain-top {
	margin-left: -6px;
}

/* @end */

/* @group Links */

/* @end */

/* @group Terms, sitemap, etc */
body.terms div.article div.section ul {
	margin-bottom: 1em;
}
body.terms div.article div.section ul li a {
	background: url(../images/arrows/sml-grey.gif) no-repeat 0 5px;
	font-size: 1.2em;
	padding-left: 15px;
	margin-bottom: .8em;
	display: block;
}
body.terms div.article div.section ul li ul li {
	margin-left: 15px;
}
body.terms div.article div.section ul li ul li a {
	font-size: 1em;
}

body.terms div.article div.section ul.circle {
	margin-left: 30px;
}
body.terms div.article div.section ul.circle li {
	list-style-type: disc;
	margin-bottom: 0;
}
body.terms div.article div.section ul.circle li a {
	background: none;
	margin-bottom: 0;
	padding-left: 0;
	font-size: 1em;
}
body.terms div.article div.section ul.access-keys {
	margin: 0 0 2em 20px;
}
/* @end */


/* @end */

/* @group Template Layout */
body div.wrapper div.inner-wrapper div.content div.article div.section {
	margin-left: 10px;
}

/* @group Template 1 */
body.template-1 div.wrapper div.inner-wrapper div.article div.section {
	width: 470px;
	margin: 20px auto 0 !important;
}


/* @end */

/* @group Template 2 */
body.template-2 div.wrapper div.inner-wrapper div.content div.article div.section {
	width: 550px;
	float: left;
}


/* @end */

/* @group Template 3 */
body.template-3 div.wrapper div.inner-wrapper div.content div.article div.section {
	width: 461px;
	float: left;
}
body.template-3 div.wrapper div.inner-wrapper div.content div.article div.features {
	width: 248px;
	float: right;
	margin-right: -12px;
}
div.wrapper div.inner-wrapper div.content div.article div.section p.first {
	font-weight: bold;
	margin-bottom: .5em;
}
div.wrapper div.inner-wrapper div.content div.article div.section h2.extraSpacing {
	margin-top: 1em;
}
/* @end */

/* @group Template 4 */
/* Like template 2, but 2nd col is wider */
body.template-4 div.wrapper div.inner-wrapper div.content div.article div.section {
	width: 705px;
	float: left;
}

body.template-4 div.wrapper div.inner-wrapper div.content div.article div.section p.first {
	width: 70%;
}
/* @end */

/* @end */

/* @group Aside feature */

/* @group Homepage */
body.homepage div.article div.aside div.aside-feature {
	margin-bottom: 1.4em;
	padding-bottom: 2em;
}

body.homepage div.article div.aside div.aside-feature h3 {
	font-weight: bold;
	width: 130px;
}
body.homepage div.article div.aside div.aside-feature p {
	width: 130px;
	margin-bottom: 0;
/*	border : solid 1px #ff0*/
}
body.homepage div.article div.aside ul li a {
	background: url(../images/arrows/sml-grey.gif) no-repeat 0px 5px;
	display: block;
	margin-left: 8px;
	padding-left: 10px;
	font-weight : normal;
	text-decoration : underline;
	width: 130px;
}

body.homepage div.article div.aside ul li a:hover {
	text-decoration : none;
}

body.homepage div.article div.aside div.feat{
	width : 108px;
	height : 88px;
	position : absolute;
	margin-left : 110px;
}

body.homepage div.article div.aside div.full p, body.homepage div.article div.aside div.full h3{
	width: 160px;
}

body.homepage div.article div.aside div.divider{
	height : 1px;
	border-bottom : solid 1px #ccc;
	margin-bottom : 10px;
	margin-top : -10px;
}

body.homepage div.article div.aside div.mountain {
	background: url(../images/backgrounds/features/lg_careers_advice.png) no-repeat right top;
}
body.homepage div.article div.aside div.clock {
	background: url(../images/backgrounds/features/lg_ttg.png) no-repeat right top;
}
body.homepage div.article div.aside div.question {
	background: url(../images/backgrounds/features/lg_apprenticeships.png) no-repeat right top;
}
body.homepage div.article div.aside div.direct {
	background: url(../images/logo/lg_realhelpnow.gif) no-repeat right 10px;
}

body.homepage div.article div.aside div.recent-updates  {
	height : 200px /*delete this line*/
}

body.homepage div.article div.aside div.recent-updates h3 {
	font-weight: bold;
}
body.homepage div.article div.aside div.recent-updates ul li {
	margin-bottom: 2em;
}
/* @end */

/* @group Level 1 */
body div.wrapper div.inner-wrapper div.content div.features div.aside-feature {
	background: url(../images/backgrounds/features/aside-feature-top.gif) repeat-y 0 0;
	margin-bottom: 10px;
	padding: 6px 6px 12px 6px;
	position: relative;
	margin-top: 8px;
}
body div.wrapper div.inner-wrapper div.content div.features div.aside-feature div.bottom {
	background: url(../images/backgrounds/features/aside-feature-bottom.png) no-repeat 0 0;
	width: 240px;
	height: 6px;
	
	position: absolute;
	bottom: -6px;
	left: 0;
}

body div.wrapper div.inner-wrapper div.content div.features div.aside-feature img {
	margin-bottom: 10px;
	margin-top: -8px;
}
body div.wrapper div.inner-wrapper div.content div.features div.aside-feature h4,
body div.wrapper div.inner-wrapper div.content div.features div.aside-feature blockquote {
	color: #ff5b00;
	font-weight: bold;
	margin: 0 8px;
}
body div.wrapper div.inner-wrapper div.content div.features div.aside-feature blockquote {
	margin-top: 8px;
}
body div.wrapper div.inner-wrapper div.content div.features div.aside-feature p {
	margin: 0 8px;
}
body div.wrapper div.inner-wrapper div.content div.features div.aside-feature a {
	margin-top : 10px;
	margin-left: 16px;
}
div.features .empty h4{
	padding-top :15px;
}
.section h4 {
font-weight : bold;
}

/* @end */

/*table styles*/
table { 
width : 98%;
margin-bottom : 10px;
}

table th{ 
border-bottom : solid 1px #ccc;
font-weight : bold;
padding : 3px;
}

table td{ 
border-top : solid 1px #ccc;
padding : 5px;
}
table td.lineBottom{ 
border-bottom : solid 1px #ccc;
padding : 5px;
}

table.columns th{ 
border-right : solid 1px #ccc;
font-weight : bold;
padding : 5px;
width : 60px;
}

table.columns td{ 
border-left : solid 1px #ccc;
border-top : none;
border-bottom : solid 1px #ccc;
padding : 5px;
}

ol.numeric {
list-style-type : decimal;
margin-left : 30px;
margin-bottom : 10px;
}

ul.disc {
list-style-type : disc;
margin-left : 30px;
margin-bottom : 10px;
}

ul.disc li ul {
	list-style-type: circle;
	margin-left: 40px;
}

ul.small {
	margin-top: 20px;
}

ul.small li {
	font-size: .9em;
}
ul li sup,
ul.small li sup {
	vertical-align: super;
	font-size: .8em;
}

ul li sup 

ol.alpha {
list-style-type : lower-alpha;
margin-left : 30px;
margin-bottom : 10px;
}


/* @end */

.nonactive{
color : #000 !important;
}

.toplevel {
font-weight : bold;
}

/*Image Switch*/

#theme1 #backgroundTarget { /*tulip red*/
		 background: url(../images/backgrounds/tulip.png) no-repeat 98% 0;
	}
#theme1 #firstParaTarget {
		color: #F63D2B;
	}
#theme0 #backgroundTarget { /*swan orange*/
		 background: url(../images/backgrounds/swan.png) no-repeat 98% 0;
	}
#theme0 #firstParaTarget {
		 color: #ff5b00;
	}
/*Image Switch END*/



ul.showMeTheMoney{
	display:block;
}

img.vertical {
float : right;
padding-left : 10px;
}


/*fomrs*/

#formContainer fieldset div{
margin-bottom : 10px;
}

#formContainer fieldset div label{
float : left;
display : block;
text-align : right;
width : 200px;
margin-right : 10px;
}

div.ofOptPrefCheckBoxContainer {
float : left;
display : block;
width : 30px;
clear : left;}

div.ofOptPreflabelContainer, #ctl00_ContentPlaceholder_lblAcceptPrivacy {
float : left;
width : 440px !important;
display : block;
text-align : left !important;
}

.vcard {position : relative;
float : right
}

.article {
margin-top : 150px !important;
}

.skip {
visibility : hidden;
position : absolute
}

.nort {
margin-right : 0px !important;
}

.center {
text-align : center;
}

.overlayone {
display : none;
background :#fff;
position : relative;
width : 300px;
height : 24px;
position : relative;
top : 38px;
}

.features .employers img {
position : relative;
left : -4px;
}
img.homepageimage {
	float:left;
	margin-top:70px;}