@import url(https://fonts.googleapis.com/css?family=Arvo);

body { }

h1, h2, h3, h4, h5, h6{
	margin:1.2em 0 0.4em 0;
	line-height:1.2em;
}

h1+ h2, h2 + h3, h3 + h4{
	margin-top:0.5em;
}

h1 + p, h2 + p, h3 +p, h4 + p, h5 + p, h6 + p{
	margin-top:0;
}

h1 + p, h2 + p, h3 + p, h4 + p, h1 + ul, h2 + ul, h3 + ul, h4 + ul, h1 + div > p, h2 + div > p, h3 + div > p, h4 + div > p, h1 + div > ul, h2 + div > ul, h3 + div > ul, h4 + div > ul{
	margin-top: 0.5em;
}

#accordian h3 + div{
	margin-top:1em;
}

div.transbox{
  width:430px;
  height:25px;
  margin:5px 5px;
  background-color:#ffffff;
  border:0px solid black;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }


div.transbox p   {
  margin:5px 5px;
  font-weight:bold;
  color:#000000;			
}

/* ###################################### Claire's styles 2013/06/03 ################################# */

span.clear{
	display:block;
	clear:both;
	height:1px;
}

p.centre{
	text-align:center;
}

.listMoreLineSpace{
	line-height:22px;
}


.defaultTable{
				border-collapse:collapse;
				margin-bottom:15px;
				width:590px;
}

.defaultTable td, .defaultTable th{
				border:1px solid #cecece;
				padding:3px 5px;
				vertical-align:top;
}

.defaultTable th{
				text-align:left;
				background-color:#efefef;
}

span.introSpacer{
				display:block;
				clear:both;
				margin-bottom:20px;
}



/* Pull quote for news items */

div.pullQuote{
				float:right;
				font-size:16px;
				width:250px;
				font-weight:bold;
				line-height:1.3em;
}

.pullQuote p{
		margin:0 15px 5px;		
}


table.padded td{
padding:5px 3px;
border-bottom:1px solid #cecece;
}

address{
				font-style:normal;
				margin-bottom:15px;
}

.divider{
display:block;
border-bottom:1px solid #cecece;
margin:10px 0 20px;
}

/* Buttons
######################################################################### */

/* ----- Green resizeable button */

a.btnGreen, a.btnGreen span{
	background-image:url(/Lists/SiteImages/btn-green.gif) !important;
}

a.btnGreen:link, a.btnGreen:visited, a.btnGreen:hover{
				text-decoration:none !important;
}

a.btnGreen{
	padding:9px 15px 10px 16px;
	position:relative;
	color:#fff !important;
	font-weight:bold;
	background-position:right 0;
	background-repeat:no-repeat;
	text-align:center;
}

a.btnGreen:hover{
	background-position:right -36px;
}

a.btnGreen span{
	background-position:left top;
	cursor:pointer;
	display:block;
	height:37px;
	position:absolute;
	left:0;
	top:0;
	width:15px;
	background-repeat:no-repeat;
}

a.btnGreen:hover span{
	background-position:left -36px;
}



/* Web chat
	---------------------------- */

	.webChatBtn button{
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 0px 1px 1px #ffffff;
		/* Background gradient */
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fd883b), color-stop(1, #fc7318) );
		background:-moz-linear-gradient( center top, #fd883b 5%, #fc7318 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd883b', endColorstr='#fc7318');
		background-color:#f09a00;
		border-radius:5px;
		border:1px solid #cc6520;
		display:inline-block;
		color:#fff !important;
		text-decoration:none !important;
		text-align:center;
		padding:8px 13px;
		font-size:1.5em;
	
	}
	.webChatBtn:hover button{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9b4f), color-stop(1, #ff872c) );
		background:-moz-linear-gradient( center top, #ff9b4f 5%, #ff872c 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9b4f', endColorstr='#ff872c');
		background-color:#FF9C4F;
		cursor:pointer;
	}
	
	.webchat{
		border:1px solid #3b6a6e;
		padding:0.4em 0.5em 1.5em 1em;
		text-align:center;
	}

	.webchat h2{
		margin-top:0;
	    background:url(/Lists/SiteImages/web-chat-speech-bubble.gif) no-repeat right top;
	    padding:0.3em 0 1em 0;
	    text-align:left;
	}

	.webchat p{
	margin-top:-1.8em;
	text-align:left;
	}




/*-------------------------- Maps */

#mapsOfLuton h2{
				font-size:16px;
}

#mapsOfLuton h3{
				font-size:16px;
}

#mapsOfLuton h4{
				font-size:14px;
}

#mapsOfLuton a h2, #mapsOfLuton a h3, #mapsOfLuton a h4, #mapsOfLuton a p{
				color:#000;
}

#mapsOfLuton p{
		margin-top:10px;		
}

#mapsOfLuton img{
				border:1px solid #cecece;
}

#mapsOfLuton a.imgLink:hover{
				background:none !important;
}

/* ------------------------- Contact us */

#contactUs h2{
				font-size:16px;
}

#contactUs h3{
				font-size:14px;
}



/* ------------------------- Emergency contacts */

#emergencyContacts h2{
				font-size:16px;
}

#emergencyContacts h3{
				font-size:14px;
}



/* ------------------------- Pay it pages */

#payit{
				margin:0 15px;
}

#payit h2{
				font-size:16px;
}

#payit a{
				text-decoration:underline;
}

#payit a.btnOrange{
				display:block;
				padding-top:7px;
				width:150px;
				margin-bottom:10px;
				text-decoration:none;
}

#payit img.icon{
		float:left;
		margin-right:15px;		
}

#payit div.mainContent{
				float:right;
				width:500px;
}

/* ------------------------ Bin collections */

#binCollections{
				margin:0 15px;
}

#binCollections h2{
				font-size:16px;
}

#binCollections h3{
				font-size:14px;
}

#binCollections a{
				text-decoration:underline;
}

#binCollections img{
				float:left;
				margin-right:15px;
}

#binCollections div.mainContent{
				float:right;
				width:450px;
}

#binCollections ul{
				margin-left:5px;
				padding-left:10px;
}

/* ------------------------ Breadcrumb trail */

div#manualBreadcrumb{
				width:auto;
}

#manualBreadcrumb a{
				color:#fff;
}

/* --------------------- END Claire's styles ------------------- */

.news-image-area-left img, .mainnewsrollup img { height: 70px; width: 117px; }
.rsswrapper { display: none; }

.mainnewsrollup { margin-top: 5px; margin-bottom: 5px; }
.mainnewsrollup .news-link-item { float: none !important; width: 290px }
div.item div.newsdescription { clear: none; }

div.welcome + #leftcolumn , div.article-body + #leftcolumn { display: none; }
	
.srch-BB-URL3, .srch-URL2 { display: none; }
.srch-maintopright { width: 100%; }
.srch-BBTitle a:hover { text-decoration: underline !important; }
div.srch-BB-Result { background-color: #E9E9EA;
    border:none;
    border-left: 5px solid #E13EAF;
    color: #000000 !important; padding: 7px; }
.srch-Title3 { text-decoration: underline; }
.srch-mainbottom { clear: left; padding-bottom: 0; }
.srch-definition2 { display: none; }
.srch-description2 ul + h3 + ul { display: none; }
.srch-description2 ul + h3 { display: none; }
.srch-Page { padding: 0.7em 0 3em 48px; background: none; }
.srch-Page a:hover { border: 1px solid #E9E9EA; font-size: 1.1em; background: #E9E9EA; }

#headerlinks a:visited, #footerlinks a:visited { color: #555; text-decoration: none; }

#rightcolumn .redwebparts,
#rightcolumn  .greenwebparts,
#rightcolumn  .orangewebparts { margin-bottom: 0; }
#rightcolumn .ms-PartSpacingVertical { margin-top: 0; }
#rightcolumn .s4-wpcell-plain .s4-wpTopTable { margin-bottom: 10px; }
#rightcolumn ul.lutonarrowblack { margin: 0; }
div.relatedlinkspacer { height: 0; }

div.breadcrumbbar > span > a + span > span { display: none; }
div.doublewebpartarea + table { clear: both; }

.headertitletext { font-size: 23px; line-height: 25px; }

#vtab { height: 203px; overflow: hidden; }
#googletranslatearea { height: 60px; }

#footertext { width: 540px; }
#footerdisclaimer { margin: 0; }
#footersocialmedialinks { float: right; width: 415px; margin: 0; }
div.footersocialmediatext { padding: 0 5px 0 10px; text-align: right; width: 120px; display: none;}
div.footersocialmediaimage { margin-left: 90px; }

.listedevents { border: none; }
.listedevents ul { margin: 0; padding: 0; list-style-type: none; }
.listedevents li { margin: 0; padding: 0; display: inline; }
.listedevents li a { display: block; padding: 5px 10px 5px 10px; border-bottom: 1px solid #fff; }
.listedevents li a:hover { color: #33638D; background-color: white; }
.eventsDate {font-size: 1.0em !important;}


.sectionnavigation ul a,
ul.lutonarrowblack a,
ul.lutonarrow li a, ul.lutonarrow a { background: none !important; text-decoration: none; }
/*{ background: url('/_layouts/images/luton.website/sprite.png') -976px -94px no-repeat !important; text-decoration: none; }*/
div.greenwebparts ul.lutonarrowblack li:hover, ul.dfwp-list li:hover {
    background-color: #003C71;
    color: white;
}
ul.lutonarrow {	padding-left: 0px; margin-left: 0px;}

ul.lutonarrowblack li a {color: #003C71; text-decoration: underline; }
ul.lutonarrowblack li a:hover {color: #33638D;}

.orangemenu ul.root a, .greenmenu ul.root a, .redmenu ul.root a { text-decoration: none; border-bottom: 1px solid #E9E9EA !important; }
.orangemenu ul.root a:hover, .greenmenu ul.root a:hover, .redmenu ul.root a:hover { text-decoration: none !important; }
a:link, a:visited { text-decoration: underline; color: #003C71; }
/* a:hover { background: #d4e7e8; }*/

div.breadcrumbbar a:hover { text-decoration: underline }
a.ms-searchref-filterlink:hover { color: #000 !important; }
.doublewebpartarea a:link,  .doublewebpartarea a:visited { text-decoration: underline !important; color: #003C71 !important; }
.news-item .news-link-item a:link, .news-item .news-link-item a:visited {text-decoration: underline; color: #003C71 !important; }
.news-link-item a:hover{ color: #33638D;}
div#lutonlogo a { background: none !important; }

.ms-searchref-morelink { display: none; }

a.flickrT:hover { background: none !important; }

h1.titlearea { margin: 0; }

/* ################################################# Adoption and fostering ########################################## */

#adoptionTop *{
	margin:0;
	padding:0;
}

#adoptionTop #banner{
	margin-bottom:10px;
}

#adoptionBottom{
	border-top:1px dotted #666;
	padding-top:20px;
}

#adoptionBottom #col1{
	float:left;
	width:300px;
	margin:0 15px;
	background:url(/Health_and_social_care/Lists/SiteImages/adoption-hearts-bkgrd.gif) no-repeat right top;
}

#adoptionBottom ul{
	font-size:16px;
	line-height:1.5em;
}

#adoptionBottom #col2{
    float: left;
    width: 260px;
	border: 1px solid #851431;
 }
 
#adoptionBottom #regForm{
	margin:10px 15px;
}

#adoptionBottom #regForm h2{
	color:#851431;
	line-height:1.3em;
	margin-top:0;
}

.bigText{
	font-size:18px;
}

#adoptionBottom .phone{
	background:url(/Health_and_social_care/Lists/SiteImages/adoption-phone-icon.gif) no-repeat left top;
	padding-left:45px;
	line-height:40px;
	margin-bottom:5px;
}

#adoptionBottom .email{
	background:url(/Health_and_social_care/Lists/SiteImages/adoption-email-icon.gif) no-repeat left top;
	padding-left:45px;
	line-height:40px;
	margin-top:0;
}

#adoptionBottom .email a{
	color:#000;
}

/*--- Carousel ---*/

#carouselAdoptionContainer{
	/*border:1px solid #cecece;*/
	padding:10px 15px;
	margin-top:20px;
}

#carouselAdoption h2{
	font-size:14px;
	margin-top:0;
}

#carouselAdoption img{
	float:left;
	margin-right:15px;
}

#carouselAdoptionContainer #carouselNav{
	margin-top:10px;
}

#carouselAdoptionContainer #carouselNav a{
	padding:0 5px;
	background-color:#eedfe0;
	font-size:16px;
	margin-right:5px;
	font-weight:bold;
	color:#851431;
}

/* ----------------------------- New ---------------------------- */


#adoptionFosteringTop *{
	margin:0;
	padding:0;
}

#adoptionFosteringTop #banner{
	margin-bottom:10px;
}


#adoptionFosteringTop{
	margin-bottom:20px;
}

#adoptionFosteringTop p#intro{
	margin-bottom:20px;
}


#adoptionFosteringTop #col1{
	float:left;
	width:300px;
	margin:0 15px;
	background:url(/Health_and_social_care/Lists/SiteImages/adoption-hearts-bkgrd.gif) no-repeat right top;
}

#adoptionFosteringTop ul{
	font-size:13px;
	line-height:1.5em;
	margin:10px 0 20px 15px;
}

#adoptionFosteringTop #col2{
    float: left;
    width: 260px;
	border: 1px solid #F05A00;
 }
 
#adoptionFosteringTop #regForm{
	margin:10px 15px;
}

#adoptionFosteringTop #regForm h2{
	color:#F05A00;
	line-height:1.3em;
	margin-top:0;
}


#adoptionFosteringTop .phone{
	background:url(/Lists/SiteImages/Pay%20it%20icons/telephone.gif) no-repeat left top;
	background-position:-11px -9px;
	padding-left:40px;
	line-height:30px;
	margin-bottom:0 0 5px 6px;
}

#adoptionFosteringTop .email{
	background:url(/Lists/SiteImages/Pay%20it%20icons/online.gif) no-repeat left top;
	background-position:-11px -4px;
	padding-left:39px;
	line-height:32px;
	margin:0px;
}

#adoptionFosteringTop .email a{
	color:#000;
}

/* ----------------------------- Liam's Styles ---------------------------- */

/*
 Width: 970px
 # Columns : 8 
 Column width: 109px
 Gutter : 14px 

 */
.grid_1 { width: 123px; }
.grid_2 { width: 246px; }
.grid_3 { width: 300px; }
.grid_4 { width: 478px; }
.grid_5 { width: 615px; }
.grid_6 { width: 738px; }
.grid_7 { width: 861px; }
.grid_8 { width: 984px; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8
{
	margin: 0 14px 10px 0;
	float: left;
	display: block;
	margin-bottom: 30px;
}

.alpha{margin-left:0px;}
.omega{margin-right:0px;}

.container{
	width: 970px; 
	margin: auto;
	margin-top: 40px;
	font-size:12px;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

.level_1 {
	font-size:12px;
	margin-left:120px;
}

.dividersm {
	width: 970px;
	height: 20px;
}

.top-placeholder {
	margin-top:-15px;
}

.top-placeholder-list {
	margin-left: 202px;
}

.top-summary-list {
	margin-left: 188px;
}

/* ######## Events ######### */

#eventTable h2{
	font-size:1em;
	margin-top:0;
}

#evhptable{
	width:100%;
}

td.evdate{
	text-align:left;
}

#eventsByAge{
margin:25px 0 0 15px;
}

#eventsByAge h2{
	font-size:1.3em;
}

#eventsByAge ul{
list-style-type:none;
margin:0;
padding:0;
font-size:1.2em;
line-height:1.5em;
}

/* ######## Under 5s events ######### */


#under5s{
	padding-left:5px;
}

#under5s div{
	width:205px;
	float:left;
}

#under5s div a{
	display:block;
	width:180px;
}


#under5s div a:hover{
	background-color:transparent;
}

#ev1{
	width:75%;
}

#ev3{
	text-align:left;
}

td.clw{
	padding-right:10px;
}

/* ######### Tick list ############ */

ul.crosslist{
	list-style-type:none;
	margin:0;
	padding:0 0 0 15px;
}

ul.crosslist li{
  background-image: url("/Lists/SiteImages/cross-bullet.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 1.3em;
    margin-bottom: 10px;
    padding-left: 25px;
}

table.decisionTable{
	margin-top:10px;
}

table.decisionTable th, table.decisionTable td{
	padding:10px 15px;
	line-height:1.5em;
}


table.decisionTable td, table.decisionTable th{
	border-bottom:1px solid #999;
}

table.decisionTable tr.lastRow td, table.decisionTable tr.lastRow th{
	border-bottom:none;
}

table.decisionTable th{
	border-right:1px solid #cecece;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}

span.crossItem{
	background-image: url("/Lists/SiteImages/cross-bullet.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 1.3em;
    padding-left: 25px;
}



.topsummary {
	MARGIN-TOP: -35px
}

/*
 Width: 611px
 # Columns : 6 
 Column width: 96px
 Gutter : 7px 

 */
 
.art_grid_1 { width: 96px; }
.art_grid_2 { width: 196px; }
.art_grid_3 { width: 301px; }
.art_grid_4 { width: 405px; }
.art_grid_5 { width: 508px; }
.art_grid_6 { width: 611px; }

.art_grid_1,
.art_grid_2,
.art_grid_3,
.art_grid_4,
.art_grid_5,
.art_grid_6 {
	margin: 0 7px 10px 0;
	float: left;
	display: block;
}

.alpha{margin-left:0px;}
.omega{margin-right:0px;}

.art_container {
	width: 611px; 
	margin: auto;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/*
	Hide header
	07/02/2014
*/


.headertitletext {
font-size: 23px;
line-height: 25px;
display: none;
}

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

/* Luton Directory link */

a.directory:link, a.directory:visited, a.directory:hover{
background-image: url("/Lists/SiteImages/icons/directory.png");
background-repeat: no-repeat;
padding-left: 20px;
background-position: 0px 1px;
padding-bottom:5px;
display:inline-block;
margin-left:5px;
}


#beta-footer {
    background: #851431;
    color: #ffffff!important;
    bottom: 0;
    margin-bottom: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    display: block;
    padding: 50px 20px 0px 20px;
    font-size: 3.6em;
}
    
.beta-alert {
    margin: 0;
}
    
.beta-close {
    float: right;
    margin-top: -15px;
}
    
.beta-alert a:hover {
    text-decoration: underline;
    background-color: #610920;
}

.beta-button {
    padding: 20px 30px;
    background-color: #610920;
    border-radius: 20px;
    margin: 15px;
}
    
.beta-button:hover {
    background-color: #480618;
    text-decoration: none;
}
    
#beta-footer a {
    color: #ffffff!important;
    font-weight: bold;
}

.linkbox {
    padding: 15px 4% 4%;
    margin-top: 15px;
    width: 33%;
    padding-left: 95px;
}

.linkbox-left {
    float: left;
    border-right: 1px solid #3B6A6E;
}

.linkbox-right {
    float: right;
}

.linkbox > .btnOrange 
    margin-top: 15px;
}

hr.style-lbc {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.header-blank {
    display: none;
}

#headerlinks ul li {
  border-left: none!important;
}

.greenbar {
    display: none;
}


/* #############################################################################################################
    Youth section styles
##############################################################################################################*/




/* Link list */

.linkList{
margin-left:0;
padding-left:1em;
}

.linkList li{
	margin-bottom:1em;
}

.linkList .extLink a{
	background: url("/Lists/SiteImages/icons/external%20link%20icon.gif") no-repeat scroll right 3px transparent;
	display: inline-block;
	padding: 0 15px 0 0;
}

.linkList span.url{
	display:block;
	color:#4c4c4c;
}

.linkList span.description{
	display:block;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}



/* Ext links */

a.extLink{
	background: url("/Lists/SiteImages/icons/external%20link%20icon.gif") no-repeat right 3px transparent;
	display: inline-block;
	padding: 0 15px 0 0;
}


/* Map links */

a.mapLink{
	background: url("/Lists/SiteImages/map-icon.gif") no-repeat right 0px transparent;
	display: inline-block;
	padding: 0 17px 0 0;
}


/* You may also like */
#signpost > div{
	width:180px !important;
}

#signpost b{
display:block;
font-size:1.3em;
background-color:#ffffff;
color:#5F2167;
padding:8px 10px;
}

#signpost ul{
margin:0;
padding:0;
width:180px;
}


#signpost a {
    border-bottom: 1px solid #E9E9EA !important;
}
#signpost a:link, #signpost a:visited{
color:#000;
display:block;
background-color:white;
padding:5px 10px;
margin-bottom:1px;
text-decoration:none; !important
}

#signpost a:hover {
    border-left: 5px solid #5F2167;
    background-color: white;
}

/* ####################################################################################
##				             Social care jobs styles							##
######################################################################################*/

#socialCareJobs p.centre a.btnOrange{
	margin:15px 0;
}


/* ####################################################################################
##				             Fostering and adoption styles							##
######################################################################################*/


.fosterAdopt{
margin-left:1em;
}

.fosterAdopt a{
	text-decoration:underline !important;
}

.fosterAdopt h2{
font-size:3em;
color:#784c71;
font-weight:normal;
margin-top:10px;
margin-bottom:20px;
text-align:center;
}

#fostering h2{
	color:#00aaa6;
}

#fostering h2:nth-of-type(2) {
    margin-top:70px;
}

.fosterAdopt h3{
	font-size:2em;
	font-weight:normal;
	color:#784c71;
}

#fostering h3{
	color:#00aaa6;
}


.fosterAdopt p:first-of-type{
	margin-top:0;
}


.fosterAdopt .intro{
	font-size:1.3em;
	line-height:1.5em;
}

.fosterAdopt .intro ul{
line-height:1.6em;
}

.fosteradopt li{
	margin-bottom:0.5em;
}


/* ---------  Columns */

.fosterAdopt .col1, .fosterAdopt .col2{
width:48%;
float:left;
}

.fosterAdopt .col1{
	margin-right:2em;
}

/* ---------  Quotes */

.fosterAdopt .quote{
	display:block;
	margin:50px auto;
	clear:both;
}



/* ---------  Grey box styles */

.fosterAdopt .shaded{
	background-color:#efefef;
	padding:10px 0 10px 15px;
	margin-top:30px;
}

/* --------- Purple box styles */


.fosterAdopt .purple{
	background-color:#784c71;
	color:#fff;
	text-align:center;
	padding:20px 1em;
	margin:0 0 15px 0;
}


#fostering .purple{
	background-color:#00aaa6;
}

.fosterAdopt .purple h2{
	color:#fff !important;
	margin-top:0;
}

/* Children waiting to be adopted */

#childrenWaiting img{
	float:right;
	margin-left:1em;
	width:350px;
}

/* --------- Buttons */


.fosterAdopt p.buttons{
	text-align:center;
	margin-top:37px;
}

a.fosterAdoptButton:link, a.fosterAdoptButton:visited{
	display: inline-block;
    background-color: #00aaa6;
    color: #fff !important;
    padding: 7px 15px;
    font-size: 1.2em;
    font-weight: bold;
	text-decoration:none;
	margin:0 0 15px 0;
}

a.fosterAdoptButton:hover{
	    background-color: #784c71;
		text-decoration:none !important;
}

#fostering a.fosterAdoptButton:link, #fostering a.fosterAdoptButton:visited{
    background-color: #a8c838;
}

#fostering a.fosterAdoptButton:hover{
	    background-color: #00aaa6;
}

/* --------- Step-by-step guide */

#stepByStep{
margin-left:1em;
margin-right:1em;
}

#stepByStep li{
	margin-bottom:1em;
}

#stepByStep ol{
padding-left:30px;
}

#stepByStep ol li{
	font-size:2em;
	line-height:1.2em;
	font-weight:normal;
	color:#784c71;
}

#fostering #stepByStep ol li{
	color:#00aaa6;
}

#stepByStep a:link, #stepByStep a:visited {
    text-decoration: underline !important;
}

#stepByStep ol ul{
	font-size:1.2em;
	line-height:1.4em;
	padding-left:0;
	margin-top:20px;
	list-style-type:disc;
}

#stepByStep ol ul li, #fostering #stepByStep ol ul li{
	font-size:0.5em;
	color:#000;
	line-height:1.5em;
}

#stepByStep p.howLong{
    font-size: 0.6em;
    color: #784c71;
	background-image:url(/Lists/SiteImages/egg-timer-icon.gif);
	background-repeat: no-repeat;
	background-position:-5px -4px;
	padding-left:1.6em;
	margin-left:0;
	margin-top:15px;
	line-height:1.5em;
}

#fostering #stepByStep p.howLong{
	 font-size: 0.6em;
	 color:#00aaa6;
	 background-image:url(/Lists/SiteImages/egg-timer-icon-blue.gif);
}


#stepByStep ol p, #fostering #stepByStep ol p{
	font-size:0.5em;
	color:#000;
	line-height:1.5em;
}

#stepByStep img{
	width:269px;
	height:269px;
	float:right;
	margin-right:30px;
}

/* --------- Learn more */

#fostAdLearnMore h3, #fostAdLearnMore p{
	text-align:center;
}

#fostAdLearnMore{
	margin-bottom:50px;
}

.footerNav{
	margin:15px 0;
	text-decoration:underline !important;
}

/* --------- Adoption FAQs and info events pages */

#adoptionFAQs, #adoptionInformationEvents, #fosteringFAQs, #fosteringInformationEvents{
	margin-top:-12px;
}

#adoptionInformationEvents table, #fosteringInformationEvents table{
	width:400px;
}

.fosterAdopt blockquote{
	font-family: 'Arvo', serif;
    color: #784c71;
    text-align: center;
    font-size: 3em;
    line-height: 1.4em;
    position: relative;
    margin-left: 0;
    margin-right: 0;
	padding:1.5em;
	margin-top:0;
}

#fostering blockquote{
	color:#00aaa6;
}

.fosterAdopt blockquote:before, .fosterAdopt blockquote:after{
	font-size: 4em;
	font-family:"Times New Roman", Times, serif;
	position: absolute;
}

.fosterAdopt blockquote:before{
	content: open-quote;
	top: 0.35em;
	left: 0;
}

.fosterAdopt blockquote:after{
  content: close-quote;
  right: 0;
  bottom: -0.1em;
}

img[alt*="hugging"]{
	margin:50px 0;
}

#sectionHero{
	width:610px;
}

/*--------------- Fostering promo pack -------------------- */

#fosteringPromoPack .col1, 
#fosteringPromoPack .col2{
	width:48%;
	float:left;
	text-align:center;
}

#fosteringPromoPack .col1{
	margin-right:2%;
	border-right:1px solid #ddd;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	blockquote:before, blockquote:after{
		font-size: 8.5em;
	}

}


/* #####################################################################################
##				             Landing page generic styles							  ##
######################################################################################*/

/* Headings
------------------------------------*/
.landingPage h2{
font-size:3em;
font-weight:normal;
margin-top:10px;
margin-bottom:20px;
text-align:center;
}

.landingPage .strapLine{
	font-size:1.8em;
	text-align:center;
}

.landingPage .mainText{
	font-size: 1.3em;
    line-height: 1.5em;
}

/* Quotes
------------------------------------*/

.landingPage blockquote{
	font-family: 'Arvo', serif;
    text-align: center;
    font-size: 3em;
    line-height: 1.4em;
    position: relative;
    margin-left: 0;
    margin-right: 0;
	padding:1.5em;
	margin-top:0;
}

.landingPage blockquote:before, .landingPage blockquote:after{
	font-size: 4em;
	font-family:"Times New Roman", Times, serif;
	position: absolute;
}

.landingPage blockquote:before{
	content: open-quote;
	top: 0.35em;
	left: 0;
}

.landingPage blockquote:after{
  content: close-quote;
  right: 0;
  bottom: -0.1em;
}

/* Columns
------------------------------------*/

.landingPage .col1, .landingPage .col2{
width:48%;
float:left;
}

.landingPage .col1{
	margin-right:2em;
}

/* ##############################################################
##				     Social work jobs styles			       ##
###############################################################*/

#socialWorkJobs ul.jobsList{
	list-style-type:none;
	padding-left:0;
}

#socialWorkJobs #navArea{
background-color:#efefef;
padding:10px 15px;
}

#socialWorkJobs ul.jobsList li{
border-bottom:1px solid #ccc;
}

#socialWorkJobs ul.jobsList li:last-of-type{
border-bottom:none;
}

#socialWorkJobs h3{
font-size:1em;
}

#socialWorkJobs .btnOrange{
margin-top:10px;
margin-bottom:15px;
}


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

.pull-up {
    margin-top: -30px;
}

.fa-check { display: block;}
.fa-check:before {color: #5cb85c; font-size: 16px;}
.fa-check .para {line-height: 1.5em; background-color: #ffffff; font-family: Arial, Sans-Serif; font-size: 12px; color: black; margin-left:5px;}



/* ###################################### Joba's styles 24/07/2018 ################################# */


/*###################################### Header and top section ######################################*/

.headersearchbutton {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 33px;
    height: 37px;
    background-color: #A7A8AA;
    background-image: url(/Style%20Library/Images/search-button.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.headersearchbutton:hover {
    background-color: #00823b;
}

#headersearch
{
    left: 805px;
    top: 25px;
   /* background-image: none; !important */
	background: #ffffff;
    font-size: 12px;
    border: solid;
    border-width: 1.5px;
}

.headersearchbox
{
    height: 28px;
    width: 160px;
}

#headerbanner {
    background-color: #5F2167;
    /*background: url(/Lists/SiteImages/icons/small-header-image-bubbles-flip.jpg) no-repeat center top;
    height: 88px;
    width: 100%;
    position: relative;
    clear: both;
    overflow: hidden; */
}

#headeratoz {
    display: none !important;
}

.headeratoztext {
    float: left;
    padding: 4px 10px 0 10px;
    background-color: #5F2167;
	background: white;
    font-size: 15px;
    height: 30px;
    filter: none !important;
}
	
/*###################################### TEXT SIZE ######################################*/
.headertextsizes td {
    background-color: #5F2167;
}

/*##############################################################################################################
                                        Menus
################################################################################################################*/

.orangebar
{
    background-color: #5F2167;
    display: none;
}

.greenbar
{
    background-color: #5F2167;
}

.redbar
{
    background-color: #5F2167;
}

.greenmenu, .redmenu, .orangemenu, .eventslinks, .listedevents { background-color: #ffffff; }
.eventslinks { padding-top: 0px; }
.eventslink { padding-top: 10px; border-bottom: 1px solid #fff; }
div.eventslink a:hover { background: none; }


.orangemenu ul.root a.selected
{
	border-left: 5px solid #5F2167;
    background: #E9E9EA;
    color: black;
}

.greenmenu ul.root a.selected
{
	border-left: 5px solid #5F2167;
    background: #E9E9EA;
    color: black;
}
.redmenu ul.root a.selected
{
	border-left: 5px solid #5F2167;
    background: #E9E9EA;
    color: black;
}

.orangemenu ul.root a:hover
{
	border-left: 5px solid #5F2167;
    background-color: white;
}

.greenmenu ul.root a:hover
{
	border-left: 5px solid #5F2167;
    background-color: white;
}
.redmenu ul.root a:hover
{
	border-left: 5px solid #5F2167;
    background-color: white;
}


.redwebparts  .ms-WPHeader td.ms-wpTdSpace {width: 10px;  background-color: #ffffff;}
.redwebparts .ms-WPHeader  { background-color: #ffffff; border-bottom: none !important;  }

.orangewebparts .ms-WPHeader td.ms-wpTdSpace {width: 10px;  background-color: #ffffff;}
.orangewebparts .ms-WPHeader  {   background-color: #ffffff; border-bottom: none !important;  }

.ms-WPHeader td.ms-wpTdSpace {width: 10px;  background-color: #ffffff;}
.ms-WPHeader  { background-color: #ffffff; border-bottom: none !important;  }

.ms-WPHeader  td.ms-WPHeaderTd h3 {color: #5F2167;}


/*###################################### Related links ######################################*/

a.relatedlink {
    background: none !important;
    background-color: #ffffff !important;
    color: black !important;
    border-bottom: 1px solid #E9E9EA !important;
    text-decoration: none !important;
}

a.relatedlink:hover {
    border-left: 5px solid #5F2167;
    background-color: white;
}


/*###################################### Breadcrumbs ######################################*/

.titleandbreadcrumbarea {
	width: 100%;
	border:none;
	margin-bottom: 5px;

}
.breadcrumbbar
{
	color: #003C71;
	padding: 3px 10px 3px 7px;
	background-color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
}

div.breadcrumbbar a:link,  div.breadcrumbbar a:visited {
    color: #5f2167;
    background: none;
    text-decoration: none;
}

/*###################################### Carousels ######################################*/
#vtab .tabpointer{
	background: none !important;
}

#vtab > ul > li.selected {
	background-color: #5F2167 !important;
}

#vtab > ul > li {
    background-color: #E9E9EA !important;
}

/*###################################### Section navigations ######################################*/

div.sectionnavigation ul li h2 a { color: #003C71 !important; font-weight: bold; text-decoration: underline;}
div.sectionnavigation ul li h2 a:hover { color: #33638D !important; }


/*######################################  New items  ######################################*/

.mainnewsrollup .item a.itemtitlelink {
	color: #003C71;
}
.itemtitlelink:hover {color: #33638D !important;}

.itemtitlelink {text-decoration: underline; background-color: none !important;}

/*###################################### Document links ######################################*/

.documentdownloads .downloadlinks td a{
	color: #003C71;
    text-decoration: underline !important;
    font-weight: 600;
	
}
.downloadlinks td a:hover {color: #33638D !important;}


/*###################################### Item links ######################################*/

ul.lutonarrowblack li:hover{background-color: white;}

a:link { color: #003C71; text-decoration: underline;}
a:visited {color: #003C71;}
a:hover{ color: #33638D;}

.link-item, .link-item a, .link-item a:link {
font-family: Arial, Sans-Serif;
font-size: 1.0em;
color: #003C71;
text-decoration: underline;
font-weight: 600;
}

.link-item a:hover {
    color: #33638D;
}

ul.dfwp-list li:hover {
    text-decoration: none;
    background-color: white;
}

/*###################################### In-page content menu styling ######################################*/
#content {
    border:none;
    border-left: 5px solid #0b55a8;
}

#content h2 {
    line-height: 25px;
    margin: 1px 1px;
    padding: 1px 15px;
    font-size: 18px;
}
#content p {
    margin: 0px 0px;
}

#content a:link {
    font-weight: 600;
    color: #003C71;
    padding: 10px 15px;
    text-align: left;
    text-decoration: underline;
    display: inline-block;
    width: 70%;
}

#content a:hover {
    background-color: #E9E9EA;
}


/*###################################### Back to top ######################################*/
.top{
    font-weight: 600;
    background-color: #E9E9EA;
    color: #003C71;
    padding: 10px 15px;
    text-align: left;
    text-decoration: none !important;
    width: 12%;
}

.top:hover {
    background-color: #003C71;
    color: white !important;
}


/*###################################### Buttons ######################################*/

.btnOrange, .btn-primary, .btn-default, .btn-secondary, .btn-cancel, .large-button, .button, .primary, .btn, .btn-info {
    background-color: #00823b;
    position: relative;
    display: inline-block;
    padding: .526315em .789473em .263157em;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 1px solid transparent;
    outline-offset: -1px;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 0 #003618;
    -moz-box-shadow: 0 2px 0 #003618;
    box-shadow: 0 2px 0 #003618;
    font-size: 16px;
    line-height: 1.25;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    color: white !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    margin-bottom: 10px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active, .large-button:hover, .large-button:focus, .large-button:active, .button:hover, .button:focus, .button:active, .primary:hover, .primary:focus, .primary:active, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn:hover, .btn:focus, .btn:active, .btnOrange:hover, .btnOrange:focus, .btnOrange:active, {
    background-color: #339B62;
    text-decoration: none;
}


.primarybutton /*Green */ {
    background-color: #00823b;
    position: relative;
    display: inline-block;
    padding: .526315em .789473em .263157em;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 1px solid transparent;
    outline-offset: -1px;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 0 #003618;
    -moz-box-shadow: 0 2px 0 #003618;
    box-shadow: 0 2px 0 #003618;
    font-size: 16px;
    line-height: 1.25;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    color: white !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    margin-bottom: 10px;
}

.primarybutton:hover {
    background-color: #339B62;
    text-decoration: none;
}


/*###################################### RIGHT PANEL ADBOX ######################################*/
.adbox {
    border-top: 5px solid #E13EAF;
    padding: 5px 5px 15px 5px;
    background: #D3D4D5;
    float: left;
    background-image: url(/Style%20Library/Images/webpart-bubbles.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 200px auto;
}

.adbox h2 {
    margin: auto;
    line-height: 25px;
}

/*###################################### IN PAGE ADBOX ######################################*/

.page-adbox {
    border-left: 5px solid #E13EAF;
    padding: 5px;
    background: #E9E9EA;
}
.page-adbox h2 {
    margin: auto;
    line-height: 25px;
}

/*###################################### Lead messages ######################################*/
.lead {
    border-left: 5px solid ##E9E9EA;
    padding: 5px;    
}

.lead p {
    font-size: 14px;   
}


/*###################################### ALERTS ######################################*/

.alert {
    background-color: #fdf6cd;
    float: left;
    width: 48.89em;
    padding: 10px;
    border:none;
    border-left: 5px solid #F4C400;
    margin-bottom: 1px;
    color: #000000 !important;
}    
  
.alert h3 {
    line-height: 25px;
    margin: 0px;
}

.alert-info {
    background-color: #eee;
    float: left;
    width: 48.89em;
    padding: 10px;
    border:none;
    border-left: 5px solid #0b55a8;
    margin-bottom: 1px;
    color: #000000 !important;
}

.alert-info h3 {
    line-height: 25px;
    margin: 0px;
}

.alert-success {
    background-color: #eee;
    float: left;
    width: 48.89em;
    padding: 10px;
    border:none;
    border-left: 5px solid #539d3c;
    margin-bottom: 1px;
    color: #000000 !important;
}
   
.alert-success h3 {
    line-height: 25px;
    margin: 0px;
}

.alert-warning {
    background-color: #fedbdb;
    float: left;
    width: 48.89em;
    padding: 10px;
    border:none;
    border-left: 5px solid #B5002E;
    margin-bottom: 1px;
    color: #000000 !important;
}

.alert-warning h3 {
    line-height: 25px;
    margin: 0px;
}

/* ###################################### Promoted section titles ################################# */

.promoted img {
    float: left;
    width:auto;
    height:240px;
    margin-right:15px;
}    
.promoted p {
    font-size: 14px;    
}

.promoted h2 {
	font-size: 26px;
}


/*###################################### Explore your council ######################################*/
table.exploreyourcouncil td { border: 1px solid #fff; }
/* table.exploreyourcouncil td:hover { border: 1px solid #ccc; background: #f6f6f6; } */
table.exploreyourcouncil td a { font-size: 1em; }
table.exploreyourcouncil a { text-decoration: underline; color: #003C71; }
table.exploreyourcouncil a:hover {color: #33638D !important;}
table.exploreyourcouncil th a { font-size: 1em; height: 18px; font-weight: bold; padding: 3px 3px 3px 13px; text-decoration: underline; color: #003C71;}
table.exploreyourcouncil th a:hover {color: #33638D !important;}


.ms-WPBody a:link { color: #003C71; text-decoration: underline;}
.ms-WPBody a:hover{ color: #33638D;}
.ms-WPBody a:visited {color: #003C71;}

/* ###################################### Top task ######################################*/

#speedycontainer p {font-size: 14px;}

.ui-tabs .ui-tabs-nav {
    margin-left: 6px;
    font-weight: normal;
	font-size: 15px;
}
.grid_4 {color: black;}
.grid_4 a:link { color: #003C71; text-decoration: underline;}
.grid_4 a:hover{ color: #33638D;}

/* ######################################Footer ######################################*/
#footer {
    background: #E9E9EA;
    height: 96px;
    border-top: 5px solid #E13EAF;
}

#footerlinks ul li a:link, #footerlinks a, a#footertext, #footerlinks l1, #footerlinks a:visited {
    color: #000000;
}
/* ############################ Events #############################################*/ 
tr.event-row2 {
    background: #E9E9EA;
}

#evhptable a {
    color: #003C71;
}

#evhptable a:hover {
    color: #33638D;
}

/* ###################################### Joba's styles 24/07/2018 ################################# */