/* CSS Document */

.feature h1 {
	margin: 0px;
	padding: 0px;
}

#navBarBlue {
	float: left;
	width: 218px;
}

#navBarBlue ul a:link, #navBarBlue ul a:visited {display: block;}
#navBarBlue ul { /* NOTE!!! AMENDED 070813 */
	list-style: none;
	width: 197px;
	padding: 0px;
	background-color: #B0DBE7;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	border-bottom: solid 6px #0B6A99 !important;
}

#navBarBlue .rpLevel1, #navBarBlue .rpLevel2, #navBarBlue .rpLevel3 { /* NOTE!!! ADDED 070813 */
	border-bottom: solid 0px #0B6A99 !important;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBarBlue li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBarBlue li {border-bottom: none;}

#navBarBlue .lefthandFooter p {
	font-size: 10px;
	margin-top: 10px;
}

#headerflashBlue {
	width:986px;
	height:67px;
	position:absolute;
	left:0px;
	bottom:0px;
	/* background-color: #095380; */ /* NOTE!!! AMENDED 070813 */
	background-color: transparent !important;
	z-index:10;
}

#headerflashBlue b {
	width:200px;
	position:absolute;
	left:20px;
	bottom:12px; /* M J Webb Amended April 2014 */
	z-index:10;
	color: #86C8DB;
	font-weight: normal;
	font-size: 26px;
}

/*********** #sectionLinks styles ***********/

#sectionLinksBlue { /* NOTE!!! AMENDED 070813 */
	padding: 0px;
	font-size: 12px;
	width: 197px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	border: 2px solid #fff;
}

#sectionLinksBlue h3{
	color:#FFFFFF;
	background: #0089af; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODlhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwODlhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzBiNmE5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjZhOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #0089af 0%, #0089af 50%, #0b6a99 51%, #0b6a99 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0089af), color-stop(50%,#0089af), color-stop(51%,#0b6a99), color-stop(100%,#0b6a99)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #0089af 0%,#0089af 50%,#0b6a99 51%,#0b6a99 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #0089af 0%,#0089af 50%,#0b6a99 51%,#0b6a99 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #0089af 0%,#0089af 50%,#0b6a99 51%,#0b6a99 100%); /* IE10+ */

background: linear-gradient(to bottom,  #0089af 0%,#0089af 50%,#0b6a99 51%,#0b6a99 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089af', endColorstr='#0b6a99',GradientType=0 ); /* IE6-8 */

}

#sectionLinksBlue a { /* NOTE!!! AMENDED 070813 */
	display: block;
	padding: 10px;
	width: 177px;
	border-bottom: solid 1px #FFF !important;
}

#sectionLinksBlue a:hover{
	background-color: #86C8DB;
}

#sectionLinksBlueBottom {
	width:183px;
	height:50px;
	background-color:#D6E0E9;
	margin-bottom:7px;
	margin-left:7px;
}

/******************** Headlines **************/

#headlinesBlue {
	float:right;
	width: 215px;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	margin-bottom: 10px; /* Martin, this is extra too */
}

#headlinesBlue h3, #headlinesBlue2 h3 {
	background-color: #0B6A99;
	color: #FFFFFF;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 7px;
	font-weight: normal;
}

#headlinesBlue ul {
	background-color: #B0DBE7;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	list-style:none;
	padding: 0px;
}

#headlinesBlue a { /* Martin, this used to be the "a" tag, then changed to "li" by me... now changed it back */
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#headlinesBlue a:hover{ /* Martin, this used to be the "a" tag, then changed to "li" by me... now changed it back */
	background-color: #86C8DB;
}

#headlinesBlue .textlink {
	display:inline;
	padding:0px;
}

#headlinesBlue .textlink:hover {
	background-color: transparent;
}

#headlinesBlue p {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 7px;
	padding-right: 7px;
	line-height: 1.4;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

/* Code added 24th Aug 2016 for this page - http://www.acb.org.uk/focus-2017-exhibition-plan2 - for the brochure image in the lefthand sidebar. To be honest, this page will probably (eventually) be re-templated for the separate Focus theme, but for now I'm dealing with what pages they're creating */
#sectionLinksBlue #sidebarImage {
	padding: 0px;
	width: 100%!important;
}
#navBarBlue #sidebarImage img {
    width: 100%;
    height: auto;
}
@media (max-width: 736px) {
	#sectionLinksBlue #sidebarImageText {
	  width: 99%!important;
	}
}
@media (max-width: 480px) {
	#sectionLinksBlue #sidebarImage {
	  padding: 0px!important;
	}
}