/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, 
.hide {
	position: absolute;
	top: -999em;
	left: -999em;
	height: 1px;
	width: 1px;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.container:after,
#header:after,
#navigation:after,
.row:after,
.section-intro > div > div:after,
.location .vcard:after,
.panels:after,
.steps .nav:after,
.latest-news:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}


/* 1.4 Default Styles
------------------------------------------------------------------------------*/

body {
	font: 81.3%/1.5 Arial, Helvetica, sans-serif;
	color: #666;
	background: #fff;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

input, textarea, select {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	 overflow: auto;
}

button {
	overflow: visible;
	margin: 0;
	padding: 0;
}

a, a:visited {
	text-decoration: none;
	color: #684383;
	
}

a:hover, a:active, a:focus {
	text-decoration: underline;
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}


/* 2.2 Header
------------------------------------------------------------------------------*/

#header {
	margin-bottom: 50px;
	background: #bda3cf;
}

#header .container {
	padding: 27px 0 53px;
}

#header .site-name,
#header .site-name span {
	display: block;
	overflow: hidden;
	width: 215px;
	height: 17px;
}

#header .site-name {
	float: left;
	position: relative;
	top: 19px;
	left: 24px;
}

#header .site-name span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/common/sprite.png) no-repeat;
}

#header a.site-name span {
	cursor: pointer;
}

.search {
	float: right;
	position: relative;
	width: 270px;
	margin-right: -5px;
}

.search .field {
	float: left;
	width: 225px;
	height: 23px;
	background: url(../images/common/sprite.png) -225px -1px no-repeat;
}

.search .field input {
	width: 215px;
	height: 17px;
	padding: 5px 5px 2px;
	border: none;
	color: #333;
	background: none;
}

.js .search label {
	position: absolute;
	top: 4px;
	left: 6px;
	cursor: text;
}

.search label {
	color: #333;
}

.search button {
	float: left;
	width: 28px;
	height: 28px;
	overflow: hidden;
	margin-left: 10px;
	text-indent: -1000em;
	border: none;
	background: url(../images/common/sprite.png) -460px 0 no-repeat;
	cursor: pointer;
}


/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation {
	position: absolute;
	bottom: 0;
	right: 63px;
	width: 100%;
	padding-top: 16px;
}

#navigation ul {
	margin: 0;
	text-align: right;
}

#navigation > ul > li {
	display: inline-block;
}

#navigation > ul > li > a,
#navigation > ul > li > a > span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background: url(../images/common/sprite.png) -540px -81px no-repeat;
	text-align: center;
	white-space: nowrap;
}

#navigation > ul > li > a {
	padding-right: 5px;
	font-weight: bold;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	color: #fff;
	background-position: 100% -81px;
}

#navigation > ul > li > a:hover,
#navigation > ul > li > a:focus,
#navigation > ul > li > a:active {
	text-decoration: none;
}

#navigation > ul > li > a > span {
	min-width: 71px;
	padding-left: 5px;
}

#navigation > ul > li > a > span span {
	display: block;
	position: relative;
	z-index: 10;
	height: 35px;
	margin: 0 -3px;
	padding: 0 10px;
	background: url(../images/common/bg_nav-active.png) -1000px 0 no-repeat;
	cursor: pointer;
}

#navigation > ul > li.active > a > span span,
#navigation > ul > li.open > a > span span,
#navigation > ul > li:hover > a > span span {
	background-position: 50% 100%;
}

#navigation .sub-nav {
	display: none;
	position: absolute;
	top: 100%;
	left: 73px;
	z-index: 5;
	width: 944px;
	height: 20px;
	padding: 10px 0;
	background: url(../images/common/sprite.png) 0 -31px no-repeat;
}

#navigation .sub-nav ul {
	text-align: center;
}

#navigation .sub-nav li {
	display: inline-block;
	font-size: 11px;
	border-left: 1px solid #ccc;
}

#navigation .active .sub-nav,
#navigation .open .sub-nav,
#navigation li:hover .sub-nav {
	display: block;
}

#navigation li:hover .sub-nav {
	z-index: 7;
}

#navigation li.active.hidden .sub-nav {
	display: none;
}

#navigation .sub-nav a {
	display: inline-block;
	padding: 0 9px;
	border-left: 1px solid #fff;
	font-weight: bold;
	color: #666;
}

#navigation .sub-nav li:first-child,
#navigation .sub-nav li:first-child a {
	border-left: none;
}

#navigation .sub-nav .active a {
	color: #694383;
}


/* 2.4 Content
------------------------------------------------------------------------------*/

#content {
	float: right;
	width: 650px;
}

/* Headers */
h2 {
	font: bold 18px "Arial Rounded MT Bold", Arial, sans-serif;
	color: #674383;
}

/* Text Content */
.intro {
	font-weight: bold;
}

ul, ol, table, p {
	margin-bottom: 23px;
}

.apply {
	text-align: right;
}

/* Breadcrumbs */
.breadcrumbs {
	margin-bottom: 8px;
}

.breadcrumbs h2 {
	display: inline-block;
	font-size: 13px;
	color: #666;
}

.breadcrumbs ul {
	display: inline-block;
	margin: 0;
}

.breadcrumbs li {
	display: inline-block;
	margin-left: 9px;
	padding-left: 14px;
	font-weight: bold;
	color: #b6b2ae;
	background: url(../images/common/bg_breadcrumbs-separator.png) no-repeat;
}

.breadcrumbs li:first-child {
	padding-left: 0;
	background: none;
}

/* Lists */
.bulleted-a li {
	padding-left: 21px;
	background: url(../images/common/bullet_a.png) 0 4px no-repeat;
}

.section-intro ul,
.bulleted-b,
.section-a ul {
	padding-left: 30px;
}
.section-intro ul li,
.bulleted-b li,
.section-a ul li {
	padding-left: 23px;
	background: url(../images/common/bullet_b.png) 0 8px no-repeat;
}

.bulleted-c li {
	padding-left: 8px;
	background: url(../images/common/bullet_c.png) 0 5px no-repeat;
}

/* Buttons */
.btn,
.btn span {
	display: inline-block;
	text-align: center;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	white-space: nowrap;
	font-weight: bold;
	color: #fff;
	background: url(../images/common/sprite.png) no-repeat;
	cursor: pointer;
}

.btn-cta,
.btn-cta span {
	height: 36px;
	padding: 0 26px 0 0;
	background-position: 100% -116px;
}

.btn-cta span {
	padding: 0 5px 0 19px;
	line-height: 31px;
	background-position: -540px -116px;
}

.btn-cta:hover span,
.btn-cta:focus span,
.btn-cta:active span {
	text-decoration: underline;
}

/* Sections */
.section-intro, 
.section-intro > div,
.section-intro > div > div {
	background: url(../images/common/bg_section-intro.png) no-repeat;
}

.section-intro {
	margin-bottom: 15px;
	background-position: -660px 0;
	background-repeat: repeat-y;
}

.section-intro > div > div {
	padding: 19px 10px 40px 20px;
	background-position: -1319px 100%;
}

.section-intro h2 {
	margin-bottom: 10px;
}

.section-intro .img {
	float: right;
	margin: -7px -3px 0 0;
}

.section-intro ul + .apply {
	margin-top: -10px;
}

.section-intro .btn-cta span {
	padding-right: 10px;
}

.section-a {
	position: relative;
	padding: 10px;
/*
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
*/
	border: 4px solid #c3acd3;
}

.section-a h3 {
  font: bold 14px "Arial Rounded MT Bold", Arial, sans-serif;
	color: #674383;
	margin:0 0 23px 0;
}

.section-a .row .photo {
	float: left;
	margin-right: 17px;	
}

.section-a .row .photo + div {
	float: left;
	width: 490px;
	padding-top: 4px;
}

.section-a .row .intro {
	margin-bottom: 15px;
}

.section-a .bulleted-a {
	padding-left: 30px;
}

.section-a .content {
	padding: 5px 10px 0 14px;
}

.section-a .corner {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/common/sprite.png) no-repeat;
}

.section-a .tl {
	top: -4px;
	left: -4px;
	background-position: -702px 0;
}

.section-a .tr {
	top: -4px;
	right: -4px;
	background-position: -712px 0;
}

.section-a .bl {
	bottom: -4px;
	left: -4px;
	background-position: -702px -10px;
}

.section-a .br {
	bottom: -4px;
	right: -4px;
	background-position: -712px -10px;
}


/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 279px;
}

/* Secondary nav */
.secondary-nav {
	margin-bottom: 20px;
}

.secondary-nav h2 {
	width: 226px;
	height: 32px;
	margin-left: 3px;
	padding: 1px 0 0 48px;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	color: #fff;
	background: url(../images/common/sprite.png) 0 -81px no-repeat;
}

.secondary-nav a {
	display: block;
	height: 33px;
	padding: 2px 0 0 15px;
	font-size: 11px;
	font-weight: bold;
	line-height: 33px;
	color: #666;
	background: url(../images/common/sprite.png) 0 -119px no-repeat;
}

.secondary-nav a:hover,
.secondary-nav a:focus,
.secondary-nav a:active,
.secondary-nav a.active {
	color: #684383;		
}

/* Featured box */
#sidebar .featured-box {
	margin-left: -14px;
}

.featured-box {
	position: relative;
	width: 293px;
	margin-bottom: 17px;
	padding-bottom: 4px;
}

.featured-box,
.featured-box > div {
	background: url(../images/common/bg_featured-box.png) -307px 100% no-repeat;
}

.featured-box > div {
	padding: 12px 12px 5px 33px;
	background-position: 0 0;
}

.featured-box h2 {
	margin-bottom: 15px;
	font-size: 14px;
}

.featured-box p img {
	float: left;
	margin: 0 5px 5px 0;
}

.featured-box p {
	margin: 0;
	font-size: 11px;
	line-height: 1.4;
}

.featured-box .img {
	position: absolute;
	right: -20px;
	bottom: -10px;
}

.featured-box .btn-cta {
	position: relative;
	z-index: 10;
	margin: 13px 0 0;
}

.other-help .img {
	right: 11px;
	bottom: 3px;
}

.further-help div {
	min-height: 170px;
}

.further-help p {
	margin-bottom: 12px;
}

.wizard .img {
	right: -20px;
	bottom: -10px;
}

.wizard .btn-cta {
	margin-top: 33px;
}


/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer {
	clear: both;
	overflow: hidden;
	height: 142px;
	margin-top: 40px;
	padding-top: 25px;
	line-height: 1.3;
	color: #333;
	background: url(../images/common/bg_footer-top.png) repeat-x;
}

#footer > div {
	background: url(../images/common/bg_footer.jpg) 0 100% no-repeat;
}

#footer .contact {
	float: left;
	width: 626px;
}

#footer .contact h2 {
	margin-bottom: ;
	font-size: 13px;
}

#footer .vcard {
	padding: 10px 0 0 32px;
	line-height: 1.3;
}

#footer .vcard p {
	margin-bottom: 10px;
}

#footer .copyrights {
	margin: 0;
	font-size: 10px;
	font-style: italic;
}

#footer .newsletter {
	float: right;
	width: 334px;
}

.js .newsletter {
	position: relative;
}

.newsletter .field {
	float: left;
	width: 198px;
	height: 27px;
	background: url(../images/common/sprite.png) -494px 0 no-repeat;
}

.newsletter input,
.newsletter label {
	display: block;
	font-size: 12px;
}

.newsletter .field input {
	width: 175px;
	height: 12px;
	padding: 8px 11px 7px;
	font-size: 11px;
	border: none;
	background: none;
}

.newsletter button,
.newsletter button span {
	display: block;
	width: 125px;
	height: 42px;
	line-height: 42px;
	font-size: 11px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

.newsletter button {
	position: relative;
	top: -5px;
	float: right;
	margin-left: 5px;
	border: none;
	background: none;
}

.newsletter button span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/common/sprite.png) -289px -81px no-repeat;
}

.js .newsletter label {
	position: absolute;
	top: 7px;
	left: 12px;
	cursor: text;
}
.js .newsletter label.error {
	position: static;
	color:#f00;
}


/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/

.page-home #content {
	float: left;
}

/* Latest News */
.latest-news {
	margin-bottom: 13px;
	border: 1px solid #ccc;
}

.latest-news h2 {
	float: left;
	width: 125px;
	height: 34px;
	padding-left: 39px;
	font-size: 11px;
	line-height: 34px;
	color: #fff;
	background: url(../images/common/sprite.png) 0 -164px no-repeat;
}

.latest-news .slides_container {
	width:790px;
	height:31px;
	float:left;
}
.latest-news .slides_container div {
	display:block;
	width: 774px;
	padding: 2px 0 0 16px;
}

/*.latest-news div {
	float: left;
	width: 750px;
	padding: 2px 0 0 16px;
}*/

.latest-news h3 {
	margin: 1px 0 0;
	font-size: 12px;
	line-height: 1.3;
}

.latest-news p {
	margin: 0;
	font-size: 11px;
	line-height: 1;
}

/* Intro */
.section-steps > div > div {
	padding: 0 0 19px 0;
}

.steps {
	position: relative;
	width: 650px;
	overflow: hidden;
}

.steps ol {
	margin: 0;
}

.steps .step > div {
	position: relative;
	z-index: 10;
	width: 410px;
	padding-right: 215px;
}

.steps .apply {
	text-align: left;
}

.step {
	position: relative;
	width: 625px;
	height: 330px;
	overflow: hidden;
	padding: 10px 0 55px 25px;
}

.step h2 {
	margin-bottom: 8px;
}

.step .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	z-index: 5;
	margin: 0;
}

.step p {
	margin-bottom: 15px;
	line-height: 1.3;
}

.steps .nav {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 50;
	width: 651px;
	height: 47px;
}

.steps .nav li,
.steps .nav a {
	float: left;
}

.steps .nav a,
.steps .nav a span {
	display: block;
	width: 217px;
	height: 47px;
	overflow: hidden;
	/*text-align: center;*/
	background: url(../images/home/bg_steps.png) no-repeat;
	color:#fff;
	text-decoration:none;
	font-size:14px;
}
.steps .nav a.active {
	text-decoration:underline;
}
.steps .nav a {
	position: relative;
	padding:14px 0 0 78px;
	height:37px;
	width:139px;
}
.steps .nav .step-3 a {
	position: relative;
	padding:14px 0 0 68px;
	height:37px;
	width:149px;
}

.steps .nav a span {
	position: absolute;
	top: 0;
	left: 0;
}

.steps .nav .step-1 a {
	background-position: 0 0;
}

.steps .nav .step-2 a {
	background-position: -217px 0;
}

.steps .nav .step-3 a {
	background-position: -434px 0;
}

/*.steps .nav .step-1 .active span {
	background-position: 0 -57px;
}

.steps .nav .step-2 .active span {
	background-position: -217px -57px;
}

.steps .nav .step-3 .active span {
	background-position: -434px -57px;
}*/

/* jCarousel */
.jcarousel-container-horizontal,
.jcarousel-clip-horizontal {
    width:  650px;
    height: 340px;
	overflow: hidden;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* Panels */
.panels .panel {
	float: left;
	width: 212px;
	margin-left: 9px;
}

.panels .panel,
.panels .panel > div,
.panels .panel > div > div {
	background: url(../images/home/bg_panel.png) -423px 0 no-repeat;
}

.panels .panel {
	background-repeat: repeat-y;
}

.panels .panel > div {
	padding-bottom: 7px;
	background-position: -645px 100%;
}

.panels .panel > div > div {
	position: relative;
	min-height: 323px;
	padding: 18px 10px 7px 24px;
	background-position: -208px 0;
}

.panels .panel h2 {
	margin-bottom: 18px;
	font-size: 14px;
}

.panels .panel p,
.panels .panel li {
	margin-bottom: 16px;
	font-size: 11px;
	line-height: 1.45;
	color: #333;
}

.panels .panel:first-child {
	width: 199px;
	margin-left: 0;
	background-position: -436px 0;
}

.panels .panel:first-child > div {
	background-position: -658px 100%;
}

.panels .panel:first-child > div > div {
	padding-left: 11px;
	background-position: 0 0;
}

.panels .panel .fixed-footer {
	position: absolute;
	left: 24px;
	bottom: 7px;
}

.panels .panel:first-child .fixed-footer {
	left: 11px;
}

.panels .panel .btn-cta + .btn-cta {
	margin-top: 5px;
}

/* Sidebar */
.page-home #sidebar {
	float: right;
}

.advice .img {
	right: -25px;
	bottom: -10px;
}


/* 3.3 Page 2
------------------------------------------------------------------------------*/

.section-a .location {
	padding-bottom: 10px;
}

.section-a .location .photo + div {
	width: 452px;
}

.location h3 {
	font: bold 13px "Arial Rounded MT Bold", Arial, sans-serif;
	color: #684383;
}

.location .vcard dl {
	font-weight: bold;
	line-height: 1.3;
}

.location .vcard dt {
	float: left;
	clear: left;
	width: 180px;
}

.location .vcard dd {
	float: left;
	width: 200px;
}

.newsitem {
	margin:0 0 25px 0;
}
.newsitem h3 {
	font: bold 13px "Arial Rounded MT Bold", Arial, sans-serif;
	color: #684383;
	margin:0 0 10px 0;
}
.newsitem p {
	margin:0 0 10px 0;
}
a.findoutmore {
	display:block;
	text-align:right;
	margin-top:-5px;
}

/* Application form */
#apprequestform {
	padding:10px;
}
#apprequestform legend {
	font-size:18px;
	margin:0 0 10px 0;
	color:#674383;
}
#apprequestform label {
	float:left;
	width:150px;
	padding:3px;
	margin:5px;
}
#apprequestform label small {
	font-size:10px;
}
#apprequestform label.error {
	color:#f00;
	font-size:11px;
	font-weight:bold;
}
#apprequestform br {
	clear:both;
}
#apprequestform input,
#apprequestform textarea {
	float:left;
	width:250px;
	padding:3px;
	margin:5px;
}
#apprequestform label.option,
#apprequestform input.radio,
#apprequestform input.form-checkbox {
	width:auto;
}
#apprequestform input.radio,
#apprequestform input.form-checkbox {
	margin:3px 5px 0 0;
}
#apprequestform textarea {
	height:100px;
}

/*Google Custom Search*/
.cse .gsc-control-cse, .gsc-control-cse, .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-column, .gsc-imageResult-classic {
	background:transparent !important;
	border:0 !important;
	padding:0 !important;
}
table.gsc-search-box td.gsc-input input {
	padding:5px;
	font-size:12px;
}
table.gsc-search-box td.gsc-input,
table.gsc-search-box td.gsc-search-button,
table.gsc-search-box td.gsc-clear-button  {padding:0 0 20px 0 !important;}
table.gsc-search-box td.gsc-search-button input {padding:5px;}
gsc-results gsc-webResult {margin:20px 0 !important;}
.gs-result .gs-title, .gs-result .gs-title * {
	text-decoration:none !important;
	color:#684383 !important;
}
.gs-result .gs-title a:hover {text-decoration:underline !important;}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {color:#666 !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {color:#684383 !important;}


/* 4. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

	body { 
		font: normal normal 12pt/1.5em "Times New Roman", Times, serif; 
	}

	a[href]:after { 
		content: " (" attr(href) ") "; 
		font-size: 90%; 
	}

	a[href^="/"]:after { 
		content: " (http://domain.com" attr(href) ") "; 
	}

	ol#accessibility-nav, 
	.hide { 
		display: none !important; 
	}
}