html, body {height: 100%;}
* {font-size: 100.01%;}
html {font-size: 75%;}
body {
	margin: 0;
	color: #58595b;
	min-width: 895px;
	background: #e5eef4;
	font: 1em/1.5em arial, helvetica, sans-serif;
}
/* General reset */
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

img {border-style: none;}

input, select, textarea {
	vertical-align: middle;
	font: 100% arial, sans-serif;
}

a {
	color: #298299;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #f062b6;
}

/* General settings */

#wrapper {
	width: 895px;
	margin: 0 auto;
	padding: 176px 0 0;
	position: relative;
	z-index:3;
}

#bg1 {
	position: absolute;
	height: 100px;
	width: 50%;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 1;
	text-indent: -9999px;
}

/* header */

#header {
	width: 100%;
	height: 179px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/bg-header.gif) no-repeat;
	z-index:2;
}

.logo {
	overflow: hidden;
	position: absolute;
	top: 24px;
	left: -65px;
	margin: 0;
	z-index: 3;
}

.logo img {vertical-align: top;}

.logo a{
	display: block;
	width: 252px;
	height: 65px;
}

ul.slogan {
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: 280px;
	z-index: 3;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 19px;
	line-height: 22px;
	color: #999999;
}


ul.slogan li {
	float: left;
	width: 340px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
}


/*
ul.slogan li {
	float: left;
	background: url(../images/bull-slogan.gif) no-repeat 0 9px;
	padding: 0 8px 0 11px;
	margin: 0 5px 0 -5px;
}
/*


/* support-box */
.support-box {
	padding-left: 358px;
	width: 537px;
	margin: 33px 0 24px;
	color: #98c3e0;
	font-size: 16px;
	line-height: 22px;
	overflow: hidden;
}
.support-box p {
	margin: 12px 0 0;
	word-spacing: -1px;
	font-weight: bold;
}
.support-box a {
	float: right;
	margin: 0 0 1px 40px;
	background: url(../images/btn-get-support.gif) no-repeat;
	width: 185px;
	height: 55px;
	text-align: center;
	color: #f062b6;
	line-height: 55px;
	font-weight: bold;
	font-size: 15px;
	padding-right: 9px;
}

.support-box a:hover {text-decoration: underline;}

.nav-holder {
	width: 100%;
	overflow: hidden;
	margin: 0 0 11px;
	height: 24px;
}

/* nav */

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 19px;
	line-height: 22px;
}

#nav li {
	float: left;
	padding: 0 84px 0 22px;
}

#nav a {color: #98c3e0;}

#nav a:hover,

#nav .active a {
	color: #298299;
	text-decoration: none;
}
/* resize-box */
.resize-box {
	float: right;
	display: inline;
	color: #98c3e0;
	font-size: 12px;
	line-height: 22px;
	margin: 0 31px 0 0;
}
.resize-box ul {
	margin: 0;
	padding: 0 3px 0 0;
	list-style: none;
	float: left;
	letter-spacing: -1px;
}
.resize-box ul li {display: inline;}
.resize-box ul a {color: #98c3e0;}
.resize-box ul a:hover {color: #298299;}
.resize-box #increase {font-size: 16px;}
.resize-box #reset {font-size: 14px;}
.resize-box #decrease {font-size: 12px;}
/* header bar */
#header .bar {
	background: url(../images/bg-bar.gif) no-repeat;
	width: 882px;
	height: 28px;
	margin: 0 0 0 4px;
}
.hidden-element {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
}
/* search-form */ 
.search-form {
	float: right;
}
.search-form fieldset {display: inline;}
.search-form legend {display: none;}
.search-form input.text {
	width: 159px;
	height: 15px;
	float: left;
	margin: 7px 14px 0 0;
	line-height: 15px;
	border: 0;
	padding: 0 5px;
	color: #f062b6;
	font-size: 12px;
	background: #fff;
}

.search-form .btn-search {
	overflow: hidden;
	float: left;
	border: none;
	background: url(../images/btn-search.gif) no-repeat;
	width: 61px;
	height: 23px;
	text-align: left;
	color: #fff;
	text-indent: -9999px;
	font-size: 0px;
	line-height: 0px;
	cursor: pointer;
	margin: 3px 7px 0 0;
}

#header .bar ul {
	margin: 0 14px 0 0;
	padding: 0;
	list-style: none;
	float: right;
	display: inline;
	font-size: 11px;
	line-height: 30px;
}

#header .bar ul li {
	float: left;
	padding: 0 0 0 28px;
}

#header .bar a {
	color: #fff;
	font-weight: bold;
}

#header .bar a:hover {text-decoration: underline;}
/* main */
#main {
	width: 100%;
	overflow: hidden;
	background: url(../images/bg-content.gif) repeat-y 4px 0;
}
/* sidebar */
#sidebar {
	float: right;
	width: 259px;
	margin: 6px 0 0;
}
.sidebox {background: url(../images/bg-sidebox-c.gif) repeat-y;}
.sidebox .holder {background: url(../images/bg-sidebox-t.gif) no-repeat;}
#sidebar .extra .holder {background: url(../images/bg-sidebox-extra-t.gif) no-repeat;}
.sidebox .frame {
	background: url(../images/bg-sidebox-b.gif) no-repeat 0 100%;
	padding: 25px 9px 4px 0;
	height: 1%;
}
#sidebar .extra .frame {
	background: url(../images/bg-sidebox-extra-b.gif) no-repeat 0 100%;
	padding: 17px 9px 13px 0;
}
#sidebar h3 {
	margin: 0 0 12px;
	color: #298299;
	border-bottom: 1px solid #dcddde;
	padding: 0 21px 4px;
	font-size: 1.083em;
	line-height: 1.231em;
}

#sidebar .extra h3 {margin: 0 0 15px;}
/* services-list */
.services-list {
	margin: 0 0 0 19px;
	padding: 0;
	list-style: none;
	width: 221px;
}

.services-list li {
	background: url(../images/bg-services-list.gif) no-repeat;
	padding: 0 15px 12px 0;
	margin: 0 0 2px;
}

.services-list a {
	display: block;
	width: 206px;
	height: 46px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.services-list a span {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.services-list a:hover span {background-position:0 -46px;}
.one-off span {background: url(../images/one-off.gif) no-repeat;}
.direct-debit span {background: url(../images/direct-debit.gif) no-repeat;}
.support-line span {background: url(../images/support-line.gif) no-repeat;}
.infocenter span {background: url(../images/infocenter.gif) no-repeat;}
.outline-support span {background: url(../images/outline-support.gif) no-repeat;}
.newsletter span {background: url(../images/newsletter.gif) no-repeat;}
.wheel-of-wellbeing span {background: url(../images/wheel-of-wellbeing.gif) no-repeat;}
.work-life-wizard span {background: url(../images/work-life-wizard.gif) no-repeat;}
#sidebar .list {
	margin: 0 35px;
	padding: 0;
	list-style: none;
}
#sidebar .list li {
	margin: 0 0 5px;
}
/* footer */

#footer {
	background: url(../images/bg-footer-c.gif) repeat-y;
	width: 888px;
	font-size: 0.833em;
	line-height: 1.2em;
	color: #298299;
	margin: 0 0 15px;
}

#footer .holder {background: url(../images/bg-footer-t.gif) no-repeat;}

#footer .frame {
	background: url(../images/bg-footer-b.gif) no-repeat 0 100%;
	height: 1%;
	overflow: hidden;
	padding: 13px 25px 8px 5px;
}

#footer p {margin: 0 0 3px;}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
#footer ul li {
	float: left;
	display: inline;
	background: url(../images/separator-footer.gif) no-repeat 0 2px;
	padding: 0 5px 0 8px;
	margin: 0 8px 0 -8px;
}
#footer ul a {color: #215c6b;}
#footer ul a:hover {text-decoration: underline;}
#content {
	width: 621px;
	float: left;
	display: inline;
	padding: 80px 9px 0 0;
	margin: 0 0 0 4px;
	overflow: hidden;
}
/* intro */
.intro {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: -70px 0 0;
}
.intro img {vertical-align: top;}

.intro .text-holder {
	position: absolute;
	bottom: 60px;
	left: 12px;
	width: 453px;
	color: #298299;
}

.intro .text-holderb {
	width: 20px;
	height: 20px;
	background-color:#FF3399;
}


.intro .t,
.intro .b {
	background: url(../images/bg-intro-t.png) no-repeat;
	width: 453px;
	height: 5px;
	overflow: hidden;
}
.intro .b {background: url(../images/bg-intro-b.png) no-repeat;}
.intro .c {
	background: url(../images/bg-intro-c.png);
	height: 1%;
}
.intro .content {
	overflow: hidden;
	padding: 10px 103px 17px 15px;
	font-size: 1.1em;
	line-height: 1.429em;
}
.intro h2 {margin: 0;}
.intro p {margin: 0;}
.intro .more {
	position: absolute;
	bottom: 40px;
	left: 21px;
	font-size: 0.917em;
}
.intro .more .holder {
	background: url(../images/bg-intro-more.png) no-repeat;
	width: 271px;
	height: 22px;
	padding: 2px 15px 0;
}
.intro .more a {position: relative;}
/* news-and-events */ 
.news-and-events {
	width: 630px;
	margin: 0 -9px 0 0;
	background: url(../images/bg-news-and-events-c.gif) repeat-y;
	position: relative;
}
.news-and-events .holder {background: url(../images/bg-news-and-events-t.gif) no-repeat;}
.news-and-events .frame {
	height: 1%;
	overflow: hidden;
	background: url(../images/bg-news-and-events-b.gif) no-repeat 0 100%;
	padding: 50px 0 5px;
}
.news-and-events strong.title {
	position: absolute;
	top: 2px;
	left: 4px;
	display: block;
	overflow: hidden;
	color: #98c3e0;
	font-size: 16px;
	line-height: 38px;
}
.news-and-events strong.title span {
	float: left;
	background: url(../images/news-events-title.png) no-repeat;
	height: 37px;
	padding: 0 0 0 3px;
}
.news-and-events strong.title em {
	float: left;
	background: url(../images/news-events-title-r.png) no-repeat;
	width: 13px;
	height: 37px;
}
.news-and-events .col {
	float: left;
	width: 270px;
	padding: 0 30px 0 10px;
}
.news-and-events .event {
	margin: 0 0 15px;
	height: 1%;
	overflow: hidden;
}
.news-and-events strong.heading {
	font-size: 1.167em;
	line-height: 1.357em;
	display: block;
	margin: 0 0 3px;
}
.news-and-events p {
	margin: 0 0 10px;
	line-height: 1.333em;
}
/* heading-content */
.heading-content {
	width: 100%;
	margin: -33px 0 27px;
	position: relative;
}
.heading-content:after {
	content: "";
	display: block;
	clear: both;
}
.heading-content h2 {
	margin: 0;
	font-size: 1.667em;
	line-height: 28px;
	color: #fff;
	height: 1%;
	overflow: hidden;
}
.heading-content h2 strong {
	float: left;
	background: #f062b6;
	padding: 4px 57px 1px 7px;
}
.heading-content h2 span {
	background: url(../images/bg-h2-r.png) no-repeat;
	width: 4px;
	height: 33px;
	float: left;
}
.heading-content div.sub-nav {
	height: 1%;
}
/* sub-nav */
div.sub-nav ul,
div.sub-nav ul ul {
	margin: 0;
	padding: 2px 0 3px;
	list-style: none;
	float: left;
	font-size: 0.917em !important;
	line-height: 20px;
	background: #98c3e0;
}
div.sub-nav ul li {
	float: left;
	background: url(../images/separator-sub-nav.gif) no-repeat 0 6px;
	padding: 0 6px 0 8px;
	margin: 0 2px 0 -2px;
}
div.sub-nav li:hover a,
div.sub-nav li.hover a {
	cursor:pointer;
}
div.sub-nav li:hover,
div.sub-nav li.hover { position:relative;}
div.sub-nav li.hover .drop,
div.sub-nav li:hover .drop {display: block;}
div.sub-nav ul .drop {
	width:120px;
	position:absolute;
	left:0;
	top:100%;
	z-index:100;
	display: none;
}
div.sub-nav ul ul {
	background: url(../images/bg-drop.png);
	font-size: 11px !important;
	line-height: 14px;
	float: none;
	padding: 4px 0 0;
	height: 1%;
}
div.sub-nav li:hover ul li,
div.sub-nav li.hover ul li {
	vertical-align:top;
	float:none;
	padding: 3px 7px;
	margin: 0;
	background: none;
	position: relative;
}
div.sub-nav ul li:hover a,
div.sub-nav ul li.hover a{color: #298299 !important;}
div.sub-nav li:hover ul a,
div.sub-nav li.hover ul a {
	height:1%;
	color: #fff !important;
	padding: 0 0 0 1px;
}
div.sub-nav ul ul a:hover {color: #298299 !important;}
div.sub-nav span {
	float: left;
	background: url(../images/bg-sub-nav-r.png) no-repeat;
	width: 5px;
	height: 25px;
}
div.sub-nav a {color: #fff;}
div.sub-nav a:hover,
div.sub-nav .active a {
	color: #298299;
	text-decoration: none;
}
div.sub-nav .active a {font-weight: bold;}
/* post-holder */
.post-holder {padding: 0 6px;}
.post {margin: 0 0 31px;}
/* post-nav */
.post-nav {
	width: 100%;
	overflow: hidden;
	margin: 0 0 10px;
	line-height: 16px;
}
.post-nav a {color: #a2c9e3;}
.post-nav a:hover {text-decoration: underline;}
.post-holder .post-nav ul {
	margin: 0 0 -2px !important;
	padding: 0 !important;
	list-style: none;
	text-align: right;
	font-size: 0.917em;
	line-height: 14px;
}
.post-holder .post-nav ul li {
	display: inline !important;
	padding: 0 2px 0 8px !important;
	background: url(../images/separator-post-nav.gif) no-repeat 0 50%;
}
.post-holder .post-nav ul li:first-child {background: none !important;}
.post-holder h3 {
	margin: 0 0 6px;
	font-size: 1.5em;
	line-height: 1.111em;
	color: #298299;
}
.post .date em {
	font-style: normal;
	color: #e580bc;
	font-size: 0.833em;
}
.post-holder .date {margin: -6px 0 3px;}
.post-holder p {margin: 0 0 10px;}
.post-holder ul {
	margin: 0 0 0 37px;
	padding: 4px 0 0;
	list-style: none;
}
.post-holder ul li {
	background:url(../images/bull.gif) no-repeat 0 8px;
	padding: 0 0 4px 11px;
}
.paging {
	height: 1%;
	overflow: hidden;
	padding: 0 13px 0 0;
}
.bottom-paging {
	width: 100%;
	overflow: hidden;
	margin: -10px 0 30px;
}
.paging a {
	float: right;
	color: #98c3e0 !important;
}
.paging a:hover {text-decoration: underline;}
.paging ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	overflow: hidden;
	line-height: 20px !important;
}
.paging ul li {
	float: left;
	display: inline;
	background: url(../images/separator-paging.gif) no-repeat 0 3px;
	padding: 0 5px 0 7px;
	color: #298299;
	margin: 0 2px 0 -2px;
}
.paging ul li a {float: left !important;}
.paging form {
	float: right;
	display: inline;
	margin: 0 14px 0 0;
	white-space: nowrap;
}
.paging form label {
	float: left;
}
.paging form span {float: left;}
.paging form input.text {
	width: 17px;
	float: left;
	line-height: 14px;
	border: 0;
	padding: 3px 2px;
	margin: 0 3px;
	text-align: center;
	background: #e5eef4;
	color: #a2c9e3;
}
.paging form legend {display: none;}
.paging fieldset {display: inline;}
.form .checkbox {
	width: 15px;
	height: 15px;
	margin: 0;
	float:left;
}
.form .btn-login {
	width: 1px;
	height: 1px;
	overflow: hidden;
	float: left;
}
.post-holder .note {
	width: 100%;
	overflow: hidden;
	color: #298299;
	margin: 0 0 13px;
}
.post-holder .more a {
	text-decoration: underline;
	color: #a7cce4;
}
.post-holder .more a:hover {text-decoration: none;}
strong.entry-title {
	font-size: 14px;
	display: block;
}
.post-holder ol {
	margin: 0;
	padding: 0 0 0 50px;
	color: #298299;
}
.post-holder ol span {color: #58595b;}
.post-holder ol li {padding: 0 0 4px;}
.post-holder blockquote{
	margin: 0 45px 0 37px;
	padding: 10px 0 0;
}
.post-holder blockquote p{
	font-style: italic;
	color: #298299;
}
.post-holder blockquote cite{
	font-style:normal;
	display:block;
	text-align: right;
	margin:0;
	padding: 20px 0 0;
}
.post-holder blockquote p:before,
.post-holder blockquote p:after{
	content:'';
	display:block;
	clear:both;
}
.post-holder .item {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
}
.post-holder .item .image {width: 313px;}
.post-holder .item .image img {
	display: block;
	margin: 0 0 3px;
}
.post-holder .item div.alignleft {
	float: left;
	margin: 3px 6px 0 0;
}
* html .post-holder .item div.alignleft {margin-right: 3px;}
.post-holder .item div.alignright{
	float: right;
	margin: 3px 0 0 6px;
}
.post-holder .item div.aligncenter{
	margin: 0 auto 20px;
}
.item .image .text-holder {
	font-size: 0.75em;
	line-height: 2em;
	background: #298299;
	color: #fff;
	padding: 5px 8px;
}
.item .image .text-holder p {margin: 0;}
.index {background: none !important;}
.index .intro {
	background: url(../images/bg-content.gif) repeat-y 0 0;
	margin-right: -9px;
	padding: 0 9px 0 0;
}