/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url(/img/acb_images/background.jpg);
	background-repeat: repeat-x;
}

a{
	color: #004D9C;
	text-decoration: none;
}

a:link{
	color: #004D9C;
	text-decoration: none;
}

a:visited{
	color: #004D9C;
	text-decoration: none;
}

a:hover{
	color: #004D9C;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 font-weight: bold;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

.h1colour {
	color: #006699;
}

.h1colourBL {
	color:#01447B;
}

h2{
 font-family: Verdana,Arial,sans-serif;
 font-size: 11px;
 /* color: #006699; removed so that we can apply a colour to each sitefinity template master file */
 margin: 0px;
 padding: 0px;
}

#content .feature h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	/* color:#01447B; removed too... so master file templates colour the H2 tag */
}

h3{
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #334d55;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 7px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
	list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

/* Added 24th Aug 2016 to remove IE blue borders around images that were links */
a img {
  border-style: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#backleft {
	position:absolute;
	top:0px;
	left:0px;
	width:110px;
	height:210px;
	background-image: url(/img/acb_images/backleft.gif);
	background-color:#C0E4F6;
	z-index:-1;
}
		
#backright {
	position:absolute;
	top:0px;
	right:0px;
	width:50%;
	height:190px;
	background-color:#C0E4F6;
	z-index:-1;
}
		
#masthead{
	width: 100%;
	height: 190px;
	background-image: url(/img/acb_images/header-back.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	position: relative;
}

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

#headlines{
	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;
}

#headlines2{
	float:right;
	width: 215px;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

#content{
	float: left;
	width: 510px;
	margin-left: 10px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#mainlogo {
	width:408px;
	height:77px;
	position:absolute;
	left:0px;
	top:5px;
}

#login {
	width: 200px;
	height: 30px;
	position:absolute;
	right:20px;
	top: 45px;
	color: #FFF;
	font-size: 14px;
}

#login a {
	color: #FFF;
}

.loginbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:21px;
	line-height:21px;
	width:53px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
}
.loginbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.loginbtn:active {
	position:relative;
	top:1px;
}

#menubar {
	width:986px;
	position:absolute;
	left:0px;
	top:105px; /* M J Webb Amended April 2014 */
	background-color:#000000;
	background-image: url(/img/acb_images/topmenu_back.jpg);
	background-repeat: repeat-x;
	z-index:100;
}

#searchbar {
	width: 245px;
	height:33px;
	position:absolute;
	right: 12px;
	top: 105px; /* M J Webb Amended April 2014 */
	z-index:101;
	padding-top: 4px;
	background-image:url(/img/acb_images/search-background.png);
	background-repeat: no-repeat;
	padding-right: 10px;
}

#headerflash {
	width:986px;
	height:67px;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:10;
}

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

.contactlink {
	width:130px;
	height:25px;
	position:absolute;
	right:20px;
	top:10px;
	z-index:10;
	color: #FFF;
	font-weight: bold;
	text-align: right;
}
.contactlink a {
	color: #FFF;
	font-size: 22px;
}

/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature{
	font-family: Verdana, Geneva, sans-serif; /* Added in by Martin, M J Webb 20/04/11 */
	font-size: 0.75em; /* edited by Martin, M J Webb 20/04/11 (used to be 11px) */
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.4;
}

.feature.homepage{
	font-size: 0.6em; /* edited by Martin, M J Webb 05/08/13 (used to be 11px - used to be 0.75em) */
	text-align: right;
	width: 400px;
	float: right;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature .imageleft {
	float: left;
	padding: 4px 10px 4px 0px;
}

.feature .imageleftBorder {
	float: left;
	border: 1px solid #CCCCCC;
	padding: 7px;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.feature .imageright {
	float: right;
	padding: 4px 0px 4px 10px;
}

.feature .imagerightBorder {
	float: right;
	border: 1px solid #CCCCCC;
	padding: 7px;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.feature .sfsearchResultTitle {
	font-weight: bold;
	padding-top: 10px;
	border-top: solid 1px #CCC;
}

.feature .sfsearchResultHighLighter {
	margin-bottom: 5px;
}

.sf_pagerNumeric a {
	font-weight: bold;
	margin-right: 5px;
}

/************** .story styles *****************/

.story {
	clear: both;
	font-size: 11px;
	line-height: 1.4;
	padding-left: 5px;
	margin-top: 22px;
}

.story .squares {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}
.story .squares ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.story .squares li {
	display: block;
	float: left;
	width: 96px; /* 110px - 2x7px padding */
	height: 96px;
	background-color: #3FF;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 7px;
}
.story .squares .boximage {
	width: 110px;
	height: 110px;
	padding: 0px;
}
.story .squares li a {
	display: block;
	width: 100%;
	height: 100%;
}
.story .squares .righthand {
	margin-right: 0px;
}
.story .squares .box1 {
	background-color: #FFF;
}
.story .squares .box1 a {
	color: #004D9C !important;
}
.story .squares .box2 {
	background-color: #DBDF00;
}
.story .squares .box2 a {
	color: #FFF !important;
}
.story .squares .box4 {
	background-color: #009CDE;
}
.story .squares .box4 a {
	color: #FFF !important;
}
.story .squares .box6 {
	background-color: #004D9C;
}
.story .squares .box6 a {
	color: #FFF !important;
}
.story .squares .box7 {
	background-color: #DD007A;
}
.story .squares .box7 a {
	color: #FFF !important;
}
.story .squares .box8 {
	background-color: #000;
}
.story .squares .box8 a {
	color: #FFF !important;
}
.story .squares .box8 .meetingname {
	font-size: 17px;
}
.story .squares .box8 .meetingdetails {
	font-size: 10px;
}
.story .squares .box9 {
	background-color: #000;
}
.story .squares .box9 a {
	color: #FFF !important;
}
.story .squares .box11 {
	background-color: #009CDE;
}
.story .squares .box11 a {
	color: #FFF !important;
}

.story p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	height: 60px;
	background-color: #004D9C;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {
	list-style: none;
	width: 197px;
	padding: 0px;
	background-color: #EAEBF5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	border-bottom: solid 6px #004D9C !important;
}

#navBar .firstvisit ul {
	margin-bottom: 0px;
}

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

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


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

#sectionLinks{
	padding: 0px;
	font-size: 12px;
	width: 197px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	border: 2px solid #FFF;
}

#sectionLinks h3{
	color:#FFFFFF;
	background: #004d9c; /* Old browsers */

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

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGQ5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNGQ5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzNlMWY2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTFmNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #004d9c 0%, #004d9c 50%, #3e1f6f 51%, #3e1f6f 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004d9c), color-stop(50%,#004d9c), color-stop(51%,#3e1f6f), color-stop(100%,#3e1f6f)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #004d9c 0%,#004d9c 50%,#3e1f6f 51%,#3e1f6f 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #004d9c 0%,#004d9c 50%,#3e1f6f 51%,#3e1f6f 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #004d9c 0%,#004d9c 50%,#3e1f6f 51%,#3e1f6f 100%); /* IE10+ */

background: linear-gradient(to bottom,  #004d9c 0%,#004d9c 50%,#3e1f6f 51%,#3e1f6f 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d9c', endColorstr='#3e1f6f',GradientType=0 ); /* IE6-8 */


}

#sectionLinks a {
	display: block;
	width: 177px;
	border-bottom: solid 1px #FFF !important;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}

#sectionLinks a:hover{
	background-color: #3E1F6F;
	color: #FFF;
}

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


/*********** .lefthandFooter styles ***********/

.lefthandFooter{
	position: relative;
	margin: 0px;
	font-size: 90%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.lefthandFooter h3{
	padding: 10px 0px 2px 0px;
}

.lefthandFooter a:link,
.lefthandFooter a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlineswrap{
	font-size: 12px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	padding: 0px;
	width: 217px;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}


#wrapper {
	width: 986px;
	background-color: #FFFFFF;
	margin-left: 105px;
	background-image: url(/img/acb_images/wrapper-back.jpg);
	background-repeat: no-repeat;
}
.feature p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.story h3 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}
#headlines h3, #headlines2 h3 {
	background: #004d9c; /* Old browsers */

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

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGQ5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNGQ5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzNlMWY2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTFmNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #004d9c 0%, #004d9c 50%, #3e1f6f 51%, #3e1f6f 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004d9c), color-stop(50%,#004d9c), color-stop(51%,#3e1f6f), color-stop(100%,#3e1f6f)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #004d9c 0%,#004d9c 50%,#3e1f6f 51%,#3e1f6f 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #004d9c 0%,#004d9c 50%,#3e1f6f 51%,#3e1f6f 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #004d9c 0%,#004d9c 50%,#3e1f6f 51%,#3e1f6f 100%); /* IE10+ */

background: linear-gradient(to bottom,  #004d9c 0%,#004d9c 50%,#3e1f6f 51%,#3e1f6f 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d9c', endColorstr='#3e1f6f',GradientType=0 ); /* IE6-8 */

	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 7px;
	font-weight: normal;
}

#headlines p { /* Martin, it's this tag that I've changed to get that righthand text column working on whatwedo 3col blue */
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
	font-size: 11px;
	color: #666666;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 1.4;
}

#headlines2 .sf_newsList {
	background-color: #EAEBF5;
	list-style:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	border-bottom: solid 6px #004D9C;
}
#headlines2 .sf_newsList li {
	background-color: #EAEBF5;
	padding-top: 7px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom:15px;
	margin:0px;
	/* background-image: url(/img/acb_images/headlines2_li_back.jpg); temporarily commented out */
	background-repeat: repeat-x;
	border-bottom: solid 1px #FFF;
}
#headlines2 .sf_newsList .sf_newsTitle {
	font-size: 12px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight: normal;
}
#headlines2 .sf_newsList .sf_newsDate {
	font-size: 9px;
	float: left;
}
#headlines2 .sf_newsList p {
	font-size: 12px;
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#headlines2 .sf_newsList .sf_readMore {
	padding-bottom: 10px;
	padding-top: 0px;
	float: right;
	font-size: 9px;
}
#headlines2 h2 {
	font-weight: bold;
}
#navBar .lefthandFooter p {
	font-size: 10px;
	margin-top: 10px;
}
#headlines ul {
	background-color: #CBD9DE;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	list-style:none;
	padding: 0px;
}
#headlines a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#headlines a:hover{
	background-color: #AFC2D3;
}

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

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

#content .story h1 {
	padding-top: 5px;
	padding-left: 10px;
	margin: 0px;
	font-size: 14px;
	color: #FFFFFF;
}
#content .story a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}
#content .story a:hover {
	text-decoration: underline;
}
#content .story img {
}
#footercontent {
	width:500px;
	padding-top: 10px;
	margin-left: 20px;
	font-size: 9px;
	float: left;
	color: #999999;
}
#footercontent a {
	color:#FFFFFF;
}
#footercontent2 {
	float: left;
	width:200px;
	padding-top:8px;
	margin-left:20px;
	font-size: 9px;
	color: #FFF;
}
#footercontent3 {
	float:right;
	width:200px;
	padding-top:8px;
	padding-right:20px;
	font-size: 9px;
	color: #FFF;
}

/* ADDITIONAL CODE SPOTTED, THAT'S DIFFERENT BETWEEN 3.7 AND 6.1 */
#searchbar fieldset {
    border:none;
    padding:0;
}
/* ADDITIONAL CODE SPOTTED, THAT'S DIFFERENT BETWEEN 3.7 AND 6.1 */


/* Code added specifically for Tom at ACB */
#content_2col h2.sf_newsTitle {
	font-size: 14px;
}
.sfsearchTxt {
	width: 125px;
}
/* Code added specifically for Tom at ACB */

/* Code added April 2014 to hide odd image in the menu bar causing issues in FireFoc and IE on Windows */
#MainMenusplaceholder_SitefinityImage1 {
	visibility: hidden;
	float: left;
}

/* ====================================== Potential Additional CSS for making design Responsive ====================================== */
#mainlogo img {
	max-width: 100%;
	height: auto;
}
#headlines2 img {
	max-width: 100%;
	height: auto;
}
.story div div a img {
	max-width: 403px;
	height: auto;
}
.story .sfContentBlock { /* "story" class added, so this should only affect the homepage 16/04/15 */
clear: both;
}

.feature .sf_cols .sfimageWrp img { /* brand new - 16/04/15 */
	max-width: 100%;
	height: auto;
}

/* Adding in side menu background colour for the page you're currently on - 22/04/15 */
#navBar a.rpLink.rpSelected, #navBarBlue a.rpLink.rpSelected, #navBarBrown a.rpLink.rpSelected, #navBarRed a.rpLink.rpSelected, #navBarGreen a.rpLink.rpSelected, #navBarYellow a.rpLink.rpSelected {
	background-color: #F1F1F1;
	color: #2D2D2D;
}

/* Added 22/04/15 for testing out breadcrumb widget */
.sfBreadcrumbWrp {
	margin-top: 10px;
	margin-bottom: 10px;
}
#navBar .sfBreadcrumbWrp ul,
#navBarBlue .sfBreadcrumbWrp ul,
#navBarRed .sfBreadcrumbWrp ul,
#navBarBrown .sfBreadcrumbWrp ul,
#navBarYellow .sfBreadcrumbWrp ul,
#navBarGreen .sfBreadcrumbWrp ul {
	background-color: transparent;
	border-bottom: none!important;
}
#navBar .sfBreadcrumbWrp ul li {
	background: transparent!important;
}
#navBar #sectionLinksBlue .sfBreadcrumbWrp ul a:link,
#navBarBlue #sectionLinksBlue .sfBreadcrumbWrp ul a:link,
#navBarRed #sectionLinksRed .sfBreadcrumbWrp ul a:link,
#navBarBrown #sectionLinksBrown .sfBreadcrumbWrp ul a:link,
#navBarYellow #sectionLinksYellow .sfBreadcrumbWrp ul a:link,
#navBarGreen #sectionLinksGreen .sfBreadcrumbWrp ul a:link,
#navBarBlue #sectionLinksBlue .sfBreadcrumbWrp ul a:visited,
#navBarRed #sectionLinksRed .sfBreadcrumbWrp ul a:visited,
#navBarBrown #sectionLinksBrown .sfBreadcrumbWrp ul a:visited,
#navBarYellow #sectionLinksYellow .sfBreadcrumbWrp ul a:visited,
#navBarGreen #sectionLinksGreen .sfBreadcrumbWrp ul a:visited {
	display: inline;
	padding: 0px!important;
	border-bottom: none!important;
	font-weight: bold;
	font-size: 12px;
}
#navBar .sfBreadcrumbWrp ul a:hover,
#navBarBlue .sfBreadcrumbWrp ul a:hover,
#navBarRed .sfBreadcrumbWrp ul a:hover,
#navBarBrown .sfBreadcrumbWrp ul a:hover,
#navBarYellow .sfBreadcrumbWrp ul a:hover,
#navBarGreen .sfBreadcrumbWrp ul a:hover {
	background-color: transparent!important;
}
#navBar .sfBreadcrumbWrp ul li {
	display: inline!important;
}
#navBar .sfBreadcrumbWrp ul a:link, #navBar .sfBreadcrumbWrp ul a:visited {
	display: inline!important;
}
#navBar #sectionLinks .sfBreadcrumbWrp ul a:link,
#navBar #sectionLinks .sfBreadcrumbWrp ul a:visited {
	display: inline;
	padding: 0px!important;
	border-bottom: none!important;
	font-weight: bold;
	font-size: 12px;
}
#navBar #sectionLinks .sfBreadcrumbWrp ul a:hover {
	color: #01009B;
}

/* General CSS for the mobiletopnav menu */
.mobiletopnav {
	height: 33px;
}
.mobiletopnav a {
	color: #FFFFFF;
}
.mobiletopnav a.sfNavToggle {
	margin-left: 7px;
	margin-top: 5px;
	font-weight:bold;
}
.mobiletopnav ul.sfNavHorizontal.sfNavList.sfShown {
	background-color: #B2B2B2;
}
.mobiletopnav ul.sfNavHorizontal.sfNavList.sfShown a {
	padding-left: 7px;
	padding-bottom: 7px;
	padding-top: 7px;
	display: block;
}
.mobiletopnav ul.sfNavHorizontal.sfNavList.sfShown a.sfSel {
	background-color: #3D5F7A;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) {
	#wrapper {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	}
	#masthead {
	background-color: #C0E4F6;
	}
	#menubar {
	width: 100%;
	}
	.contactlink {
	right: 30px;
	}
	#login {
	right: 30px;
	}
	#backleft {
	left: -85px;
	}
	#headerflash {
	width: 100%;
	}
	#headerflashBlue { /* brand new (for President page) - 18/03/15 */
	width: 100%!important;
	}
	#headerflashBrown { /* brand new - 26/03/15 */
	width: 100%!important;
	}
	#headerflashGreen { /* brand new - 27/03/15 */
	width: 100%!important;
	}
	#headerflashYellow { /* brand new - 21/04/15 */
	width: 100%!important;
	}
	h3 { /* brand new - 18/03/15 */
	font-size: 16px;
	}
	#sectionLinks h3 span[style] { /* brand new - 18/03/15 */
	font-size: 7px!important;
	}
	#navBar { /* brand new - 18/03/15 */
	width: 21%;
	margin-left: 18px;
	}
	#navBarBlue { /* brand new (for President page) - 18/03/15 */
	width: 21%!important;
	margin-left: 18px;
	}
	#navBarBrown { /* brand new - 26/03/15 */
	width: 21%!important;
	}
	#navBarRed { /* brand new - 17/04/15 */
	width: 21%!important;
	}
	#navBarGreen { /* brand new - 27/03/15 */
	width: 21%!important;
	}
	#navBarYellow { /* brand new - 21/04/15 */
	width: 21%!important;
	}
	#navBar ul { /* brand new - 18/03/15 */
	width: 100%;
	}
	#navBarBlue ul { /* brand new (for President page) - 18/03/15 */
	width: 100%!important;
	}
	#navBarBrown ul { /* brand new - 26/03/15 */
	width: 100%!important;
	}
	#navBarRed ul { /* brand new - 17/04/15 */
	width: 100%!important;
	}
	#navBarGreen ul { /* brand new - 27/03/15 */
	width: 100%!important;
	}
	#navBarYellow ul { /* brand new - 21/04/15 */
	width: 100%!important;
	}
	#navBarBlue .rpGroup { /* brand new - 26/03/15 */
	  margin-left: 0px;
	}
	#navBarBrown .rpGroup { /* brand new - 26/03/15 */
	  margin-left: 0px;
	}
	#navBarRed .rpGroup { /* brand new - 17/04/15 */
	  margin-left: 0px;
	}
	#navBarGreen .rpGroup { /* brand new - 27/03/15 */
	  margin-left: 0px;
	}
	#navBarYellow .rpGroup { /* brand new - 21/04/15 */
	  margin-left: 0px;
	}
	#navBarBlue .rpGroup.rpLevel1 { /* brand new - 26/03/15 */
	width: 100%!important;
	}
	#navBarBrown .rpGroup.rpLevel1 { /* brand new - 26/03/15 */
	width: 100%!important;
	}
	#navBarRed .rpGroup.rpLevel1 { /* brand new - 17/04/15 */
	width: 100%!important;
	}
	#navBarGreen .rpGroup.rpLevel1 { /* brand new - 27/03/15 */
	width: 100%!important;
	}
	#navBarYellow .rpGroup.rpLevel1 { /* brand new - 21/04/15 */
	width: 100%!important;
	}
	.rpLevel2 .rpNavigation {
	  width: 100% !important;
	}
	#navBarBlue img { /* brand new (for President page) - 18/03/15 */
	width: 100%;
	height: auto;
	}
	#navBarBrown img { /* brand new - 26/03/15 */
	width: 100%;
	height: auto;
	}
	#navBarRed img { /* brand new - 17/04/15 */
	width: 100%;
	height: auto;
	}
	#navBarGreen img { /* brand new - 27/03/15 */
	width: 100%;
	height: auto;
	}
	#navBarYellow img { /* brand new - 21/04/15 */
	width: 100%;
	height: auto;
	}
	#sectionLinks { /* brand new - 18/03/15 */
	width: 100%;
	margin-left: 0px;
	}
	#sectionLinksBlue { /* brand new (for President page) - 18/03/15 */
	margin-left: 0px!important;
	width: 100%!important;
	}
	#sectionLinksBrown { /* brand new - 26/03/15 */
	margin-left: 0px!important;
	width: 100%!important;
	}
	#sectionLinksRed { /* brand new - 17/04/15 */
	margin-left: 0px!important;
	width: 100%!important;
	}
	#sectionLinksGreen { /* brand new - 27/03/15 */
	margin-left: 0px!important;
	width: 100%!important;
	}
	#sectionLinksYellow { /* brand new - 21/04/15 */
	margin-left: 0px!important;
	width: 100%!important;
	}
	#sectionLinksBlue .RadPanelBar { /* brand new (for President page) - 18/03/15 */
	width: 100%!important;
	}
	#sectionLinksBrown .RadPanelBar { /* brand new - 26/03/15 */
	width: 100%!important;
	}
	#sectionLinksRed .RadPanelBar { /* brand new - 17/04/15 */
	width: 100%!important;
	}
	#sectionLinksGreen .RadPanelBar { /* brand new - 27/03/15 */
	width: 100%!important;
	}
	#sectionLinksYellow .RadPanelBar { /* brand new - 21/04/15 */
	width: 100%!important;
	}
	#sectionLinks .RadPanelBar { /* brand new - 17/04/15 */
	width: 100%!important;
	}
	#sectionLinks a { /* brand new - 18/03/15 */
	width: 89%;
	}
	#navBarBlue #sectionLinksBlue .rpGroup.rpLevel1 a { /* brand new - 26/03/15 */
	width: 100%!important;
	}
	#navBarBrown #sectionLinksBrown .rpGroup.rpLevel1 a { /* brand new - 26/03/15 */
	width: 100%!important;
	}
	#navBarRed #sectionLinksBrown .rpGroup.rpLevel1 a { /* brand new - 17/04/15 */
	width: 100%!important;
	}
	#navBarGreen #sectionLinksGreen .rpGroup.rpLevel1 a { /* brand new - 27/03/15 */
	width: 100%!important;
	}
	#navBarYellow #sectionLinksYellow .rpGroup.rpLevel1 a { /* brand new - 21/04/15 */
	width: 100%!important;
	}
	#sectionLinksBlue a { /* brand new - 18/03/15 */
	  width: 89%!important;
	}
	#sectionLinksBrown a { /* brand new - 26/03/15 */
	  width: 89%!important;
	}
	#sectionLinksRed a { /* brand new - 17/04/15 */
	  width: 89%!important;
	}
	#sectionLinksGreen a { /* brand new - 27/03/15 */
	  width: 89%!important;
	}
	#sectionLinksYellow a { /* brand new - 21/04/15 */
	  width: 89%!important;
	}
	#content {
	width: 50%; /* was initially 500px - 18/03/15 */
	}
	#content_2col { /* brand new - 26/03/15 */
	width: 75%;
	}
	#headlineswrap { /* brand new - 18/03/15 */
	width: 21%;
	}
	#headlines2 { /* brand new - 18/03/15 */
	width: 100%;
	}
	#headlinesBlue { /* brand new (for President page) - 18/03/15 */
	width: 100%!important;
	}
	#headlinesBlue img { /* brand new - 16/04/15 */
	width: 100%!important;
	height: auto;
	}
	#headlinesBrown { /* brand new - 26/03/15 */
	width: 100%!important;
	}
	#headlinesBrown img { /* brand new - 17/05/15 */
	width: 100%!important;
	height: auto;
	}
	#headlinesRed { /* brand new - 17/04/15 */
	width: 100%!important;
	}
	#headlinesGreen { /* brand new - 27/03/15 */
	width: 100%!important;
	}
	#headlinesYellow { /* brand new - 21/04/15 */
	width: 100%!important;
	}
	.story .squares li {
	margin-right: 7px; /* was initially 17px - 18/03/15 */
	margin-bottom: 7px; /* was initially 17px - 18/03/15 */
	}
	.story .squares .righthand { /* brand new - 18/03/15 */
	margin-right: 7px;
	}
	.story div div a img { /* brand new - 18/03/15 */
	max-width: 100%;
	height: auto;
	}
	#content img { /* brand new - 27/03/15 */
	max-width: 100%;
	height: auto;
	}
	#siteInfo {
	min-height: 110px;
	position: relative;
	}
	#footercontent3 a {
	color: #FFFFFF!important;
	}
	#footercontent { /* brand new - 27/03/15 */
	width: 100%!important;
	text-align: center!important;
	position: absolute!important;
	bottom: 10px!important;
	}
	
	/* Added 22/04/15 to (hopefully) indent sublevels of left-hand menu on tablet */
	ul.rpGroup.rpLevel1 {
		margin-left: 10px!important;
	}
	ul.rpGroup.rpLevel2 {
		margin-left: 10px!important;
	}
}

/* Specifically targetting just the portrait iPad only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.story .squares li {
	  margin-right: 27px!important;
	}
	.story .squares .righthand {
	  margin-right: 27px!important;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) { /* was 768px - 18/03/15... back to 768 again 20/04/15 (not sure why it went to 767 lol) */
	#wrapper { /* brand new - 18/03/15 */
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	}
	#menubar { /* brand new - 18/03/15 */
	width: 100%;
	}
	#headerflash {
	width: 100%;
	}
	#headerflashBlue { /* brand new - 26/03/15 */
	  width: 100%!important;
	}
	#headerflashBrown { /* brand new - 26/03/15 */
	  width: 100%!important;
	}
	#headerflashRed { /* brand new - 17/04/15 */
	  width: 100%!important;
	}
	#headerflashGreen { /* brand new - 27/03/15 */
	  width: 100%!important;
	}
	#headerflashYellow { /* brand new - 21/04/15 */
	  width: 100%!important;
	}
	#headerflash b {
	left: 5px;
	}
	h3 { /* brand new - 18/03/15 */
	font-size: 14px;
	}
	#sectionLinks h3 span[style] { /* brand new - 18/03/15 */
	visibility: hidden;
	display: none;
	}
	#sectionLinks {
	margin-left: 0px;
	width: 100%; /* was 177px - 18/03/15 */
	font-size: 11px; /* brand new - 18/03/15 */
	}
	#sectionLinksBlue { /* brand new - 26/03/15 */
	  width: 100%!important;
	  margin-left: 0px!important;
	}
	#sectionLinksBrown { /* brand new - 26/03/15 */
	  width: 100%!important;
	  margin-left: 0px!important;
	}
	#sectionLinksRed { /* brand new - 17/04/15 */
	  width: 100%!important;
	  margin-left: 0px!important;
	}
	#sectionLinksGreen { /* brand new - 27/03/15 */
	  width: 100%!important;
	  margin-left: 0px!important;
	}
	#sectionLinksYellow { /* brand new - 21/04/15 */
	  width: 100%!important;
	  margin-left: 0px!important;
	}
	#navBar {
	width: 20%; /* was 177px - 18/03/15 */
	margin-left: 0px; /* brand new - 24/04/15 */
	}
	#navBarBlue {
	width: 20%!important; /* brand new - 26/03/15 */
	margin-left: 0px; /* brand new - 24/04/15 */
	}
	#navBarBrown {
	width: 20%!important; /* brand new - 26/03/15 */
	margin-left: 0px; /* brand new - 24/04/15 */
	}
	#navBarRed {
	width: 20%!important; /* brand new - 17/04/15 */
	margin-left: 0px; /* brand new - 24/04/15 */
	}
	#navBarGreen {
	width: 20%!important; /* brand new - 27/03/15 */
	margin-left: 0px; /* brand new - 24/04/15 */
	}
	#navBarYellow {
	width: 20%!important; /* brand new - 21/04/15 */
	margin-left: 0px; /* brand new - 24/04/15 */
	}
	#navBarBlue .rpGroup { /* brand new - 26/03/15 */
	  margin-left: 0px;
	}
	#navBarBrown .rpGroup { /* brand new - 26/03/15 */
	  margin-left: 0px;
	}
	#navBarRed .rpGroup { /* brand new - 17/04/15 */
	  margin-left: 0px;
	}
	#navBarGreen .rpGroup { /* brand new - 27/03/15 */
	  margin-left: 0px;
	}
	#navBarYellow .rpGroup { /* brand new - 21/04/15 */
	  margin-left: 0px;
	}
	#navBarBlue .rpGroup.rpLevel1 { /* brand new - 26/03/15 */
	width: 95%!important;
	}
	#navBarBlue .rpGroup.rpLevel2 { /* brand new - 22/04/15 */
	width: 95%!important;
	}
	#navBarBrown .rpGroup.rpLevel1 { /* brand new - 26/03/15 */
	width: 100%!important;
	}
	#navBarRed .rpGroup.rpLevel1 { /* brand new - 17/04/15 */
	width: 100%!important;
	}
	#navBarGreen .rpGroup.rpLevel1 { /* brand new - 27/03/15 */
	width: 100%!important;
	}
	#navBarYellow .rpGroup.rpLevel1 { /* brand new - 21/04/15 */
	width: 100%!important;
	}
	.rpLevel2 .rpNavigation {
	  width: 100% !important;
	}
	#navBar ul {
	width: 100%; /* was 177px - 18/03/15 */
	}
	#navBarBlue ul {/* brand new - 26/03/15 */
	  width: 100%!important;
	}
	#navBarBrown ul {/* brand new - 26/03/15 */
	  width: 100%!important;
	}
	#navBarRed ul {/* brand new - 17/04/15 */
	  width: 100%!important;
	}
	#navBarGreen ul {/* brand new - 27/03/15 */
	  width: 100%!important;
	}
	#navBarYellow ul {/* brand new - 21/04/15 */
	  width: 100%!important;
	}
	#sectionLinks a {
	width: 85%; /* was 157px - 18/03/15 */
	}
	#sectionLinksBlue a { /* brand new - 26/03/15 */
	  width: 85%!important;
	}
	#sectionLinksBrown a { /* brand new - 26/03/15 */
	  width: 85%!important;
	}
	#sectionLinksRed a { /* brand new - 17/04/15 */
	  width: 85%!important;
	}
	#sectionLinksGreen a { /* brand new - 27/03/15 */
	  width: 85%!important;
	}
	#sectionLinksYellow a { /* brand new - 21/04/15 */
	  width: 85%!important;
	}
	.RadPanelBar { /* brand new - 26/03/15 */
	  width: 100%!important;
	}
	#navBarBlue img { /* brand new - 26/03/15 */
	  width: 100%;
	  height: auto;
	}
	#navBarBrown img { /* brand new - 26/03/15 */
	  width: 100%;
	  height: auto;
	}
	#navBarRed img { /* brand new - 17/04/15 */
	  width: 100%;
	  height: auto;
	}
	#navBarGreen img { /* brand new - 27/03/15 */
	  width: 100%;
	  height: auto;
	}
	#navBarYellow img { /* brand new - 21/04/15 */
	  width: 100%;
	  height: auto;
	}
	#headlineswrap {
	width: 20%; /* was 165px - 18/03/15 */
	}
	#headlineswrap {
	margin-right: 0px;
	}
	#headlines2 {
	width: 100%; /* was 165px - 18/03/15 */
	}
	#headlines2 .sf_newsList h2.sf_newsTitle { /* brand new - 18/03/15 */
	font-size: 11px!important;
	}
	#headlinesBlue { /* brand new - 26/03/15 */
	  width: 100%!important;
	}
	#headlinesBlue img { /* brand new - 16/04/15 */
	  width: 100%!important;
	  height: auto;
	}
	#headlinesBrown {
	width: 100%!important; /* brand new - 27/03/15 */
	}
	#headlinesBrown img { /* brand new - 17/04/15 */
	  width: 100%!important;
	  height: auto;
	}
	#headlinesRed {
	width: 100%!important; /* brand new - 17/04/15 */
	}
	#headlinesGreen {
	width: 100%!important; /* brand new - 27/03/15 */
	}
	#headlinesYellow {
	width: 100%!important; /* brand new - 21/04/15 */
	}
	#twitter-widget-0[style] { /* brand new - 26/03/15 */
	min-width: 1px!important;
	}
	#content {
	width: 57%; /* was 360px - 18/03/15 */
	}
	#content_2col { /* brand new - 26/03/15 */
	  width: 75%;
	}
	.story { /* brand new - 18/03/15 */
	padding-left: 0px;
	}
	.story .squares li {
	margin-right: 6px; /* was 8px - 18/03/15 */
	margin-bottom: 6px; /* was 8px - 18/03/15 */
	}
	.story .squares .righthand {
	margin-right: 6px; /* was 8px - 18/03/15 */
	}
	.story div div a img {
	max-width: 100%;
	height: auto;
	}
	#content img {
	max-width: 100%;
	height: auto;
	}
	#siteInfo {
	min-height: 100px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	}
	#footercontent2 {
	width: 30%;
	margin-left: 0px;
	}
	#footercontent {
	width: 95%;
	padding-top: 10px;
	margin-left: 0px;
	text-align: center;
	line-height: 1.7em;
	position: absolute;
	bottom: 10px;
	}
	#footercontent3 {
	width: 30%;
	padding-right: 0px;
	text-align: right;
	position: absolute;
	top: 0px;
	right: 10px;
	}
	#footercontent3 a {
	color: #FFFFFF!important;
	}
	
	/* REGIONS page under What We Are (note: div IDs will be needed added to "live" site) 20/04/15 */
	#regionmap[style] {
		width: 100%!important;
		text-align: center!important;
		float: none!important;
		background-color: #FFFFFF;
	}
	#regionnames[style] {
		width: 100%!important;
		float: none!important;
	}
	
/* Added 22/04/15 for homepage on smart phones */
	.feature.homepage {
	  width: 100%;
	  float: none;
	}
	
	/* Added 22/04/15 to (hopefully) indent sublevels of left-hand menu on mobile */
	ul.rpGroup.rpLevel1 {
		margin-left: 5%!important;
	}
	ul.rpGroup.rpLevel2 {
		margin-left: 5%!important;
	}
}

/* landscape iPhone 6+ downwards - Specifically the regions map */
@media (max-width: 736px) {
/* REGIONS page under What We Are (note: div IDs will be needed added to "live" site) 20/04/15 */
	#regionmap[style] {
		display: none;
		visibility: hidden;
		float: none!important;
	}
	#regionnames[style] {
		float: none!important;
		padding-left: 0px!important;
	}
	#regionnames p {
		margin-left: 20px;
	}
/* coloured menus 20/04/15 */
	#sectionLinksBlue a {
	  width: 100%!important;
	}
	#sectionLinksBrown a {
	  width: 100%!important;
	}
	#sectionLinksRed a {
	  width: 100%!important;
	}
	#sectionLinksGreen a {
	  width: 100%!important;
	}
	#sectionLinksYellow a { /* Added 21/04/15 */
	  width: 100%!important;
	}
/* Brand new class for images in the body area (feature) that need to be "shrunk" be 100% width. I'm thinking http://acb61.acb.org.uk/whatwedo/Careers/Careers_modernising_scientific_careers.aspx This means adding the class onto the actual image in the page - 21/04/15 */
	.feature img.hundred {
		width: 100%;
		height: auto;
	}
/* Brand new class for tables in the body area (feature) that need to be "shrunk" be 100% width. I'm thinking http://acb61.acb.org.uk/whatweare/structure/what_we_are_regions/North_west/past_officials_nw.aspx This means adding the class onto the actual table in the page - 29/04/15 */
	.feature table.hundred {
		width: 100%!important;
	}
/* Brand new to shrink font size of specific table on http://acb61.acb.org.uk/whatweare/structure/archive_officials_committee_members/honorary_officers.aspx */
	.feature table.shrinkfont {
		font-size: 0.75em!important;
	}
/* Additional CSS for swapping main body area content with the right-hand column at mobile sizes */
	#rearrange {
		display: table;
	}
	#headlineswrap {
		display: table-footer-group;
	}
	#content {
		display: table-header-group;
	}
/* Additional CSS for swapping "content_2col" with the left-hand column "navBarBlue" at mobile sizes */
	#rearrange02 {
		display: table;
		width: 100%;
	}
	#navBar {
		display: table-footer-group;
	}
	#navBarBlue {
		display: table-footer-group;
	}
	#navBarRed {
		display: table-footer-group;
	}
	#navBarBrown {
		display: table-footer-group;
	}
	#navBarYellow {
		display: table-footer-group;
	}
	#navBarGreen {
		display: table-footer-group;
	}
	#content_2col {
		display: table-header-group;
	}
	#contentAll { /* Added 29/04/15 - for the 3 column template */
		display: table-header-group;
	}

/* Added 24/04/15 */
	#content {
	  width: 52%;
	}
	#headlineswrap {
	  width: 25%;
	}
	#rearrange #content {
	  width: 57%;
	}
	#rearrange #headlineswrap {
	  width: 35%;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	body {
	margin-left: 10px;
	margin-right: 10px;
	background-image: none;
	}
	#backleft {
	visibility: hidden;
	display: none;
	}
	#backright {
	visibility: hidden;
	display: none;
	}
	#wrapper {
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	#masthead {
	margin-left: 0px;
	background-image: url(header-back-mobile.jpg);
	background-position: 30% top;
	}
	#mainlogo {
	width: 90%;
	height: auto;
	}
	.contactlink {
	left: 5px;
	top: 75px;
	color: #527CE7;
	text-align: left;
	width: 100px;
	}
	.contactlink a {
	color: #527CE7;
	font-size: 17px;
	}
	#login {
	width: 350px;
	height: 40px;
	top: 100px;
	font-size: 17px;
	font-weight: bold;
	color: #004D9C;
	}
	.loginbtn {
	font-size: 16px;
	height: 28px;
	line-height: 26px;
	width: 73px;
	}
	#menubar {
	width: 100%;
	left: 0px;
	top: 145px;
	}
	#searchbar {
	visibility: hidden;
	display: none;
	}
	#Searchplaceholder_tm_SearchBox1 {
	visibility: hidden;
	display: none;
	}
	#navBar { /* NOTE, THIS IS THE LEFT-HAND MENU */
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	float: none;
	}
	#navBarBlue { /* brand new - 26/03/15 */
	  width: 100%!important;
	  margin-left: 0px;
	  margin-right: 0px;
	  margin-bottom: 10px; /* brand new - 21/04/15 */
	  float: none;
	}
	#navBarBrown { /* brand new - 26/03/15 */
	  width: 100%!important;
	  margin-left: 0px;
	  margin-right: 0px;
	  margin-bottom: 10px; /* brand new - 21/04/15 */
	  float: none;
	}
	#navBarRed { /* brand new - 17/04/15 */
	  width: 100%!important;
	  margin-left: 0px;
	  margin-right: 0px;
	  margin-bottom: 10px; /* brand new - 21/04/15 */
	  float: none;
	}
	#navBarGreen { /* brand new - 27/03/15 */
	  width: 100%!important;
	  margin-left: 0px;
	  margin-right: 0px;
	  margin-bottom: 10px; /* brand new - 21/04/15 */
	  float: none;
	}
	#navBarYellow { /* brand new - 21/04/15 */
	  width: 100%!important;
	  margin-left: 0px;
	  margin-right: 0px;
	  margin-bottom: 10px; /* brand new - 21/04/15 */
	  float: none;
	}
	#navBar ul {
	width: 100%;
	border-bottom: 0px!important;
	margin-bottom: 0px;
	}
	#wrapper #navBarBlue ul { /* brand new - 21/04/15 */
	width: 100%;
	border-bottom: 0px!important;
	margin-bottom: 0px;
	}
	#wrapper #navBarRed ul { /* brand new - 21/04/15 */
	width: 100%;
	border-bottom: 0px!important;
	margin-bottom: 0px;
	}
	#wrapper #navBarBrown ul { /* brand new - 21/04/15 */
	width: 100%;
	border-bottom: 0px!important;
	margin-bottom: 0px;
	}
	#wrapper #navBarGreen ul { /* brand new - 21/04/15 */
	width: 100%;
	border-bottom: 0px!important;
	margin-bottom: 0px;
	}
	#wrapper #navBarYellow ul { /* brand new - 21/04/15 */
	width: 100%;
	border-bottom: 0px!important;
	margin-bottom: 0px;
	}
	#navBar ul li {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	border-top: solid 2px #FFFFFF;
	width: 100%;
	vertical-align: top;
	background: #eaebf5; /* Old browsers */
	background: -moz-linear-gradient(left,  #eaebf5 0%, #dcdeef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eaebf5), color-stop(100%,#dcdeef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #eaebf5 0%,#dcdeef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #eaebf5 0%,#dcdeef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #eaebf5 0%,#dcdeef 100%); /* IE10+ */
	background: linear-gradient(to right,  #eaebf5 0%,#dcdeef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebf5', endColorstr='#dcdeef',GradientType=1 ); /* IE6-9 */
	}
	#navBar .rpGroup { /* brand new - 26/03/15 */
	  margin-left: 0px;
	}
	#navBar ul.rpGroup li.rpItem { /* brand new - 26/03/15 */
	  background-color: #F1F2F8 !important;
	  background: transparent;
	}
	.homepage #navBar ul li { /* brand new - 31/03/15 */
	width: 49.4%;
	min-height: 45px;
	}
	#navBar ul a:link, #navBar ul a:visited {
	font-size: 11px;
	margin: 0px;
	padding: 5px;
	}
	#sectionLinks {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	border: 0px solid #FFF;
	}
	#sectionLinksBlue { /* brand new - 26/03/15 */
	  border: 0px solid #fff!important;
	  margin-top: 0px!important;
	}
	#sectionLinksBrown { /* brand new - 26/03/15 */
	  border: 0px solid #fff!important;
	  margin-top: 0px!important;
	}
	#sectionLinksRed { /* brand new - 17/04/15 */
	  border: 0px solid #fff!important;
	  margin-top: 0px!important;
	}
	#sectionLinksGreen { /* brand new - 27/03/15 */
	  border: 0px solid #fff!important;
	  margin-top: 0px!important;
	}
	#sectionLinksYellow { /* brand new - 21/04/15 */
	  border: 0px solid #fff!important;
	  margin-top: 0px!important;
	}
	#sectionLinks[style] {
	margin-top: 0px!important;
	}
	#sectionLinks h3 {
	font-size: 20px;
	background: #004d9c!important;
	}
	#sectionLinksBlue h3 { /* brand new - 31/03/15 */
	  font-size: 20px;
	  background: #0b6a99!important;
	}
	#sectionLinksBrown h3 { /* brand new - 31/03/15 */
	  font-size: 20px;
	  background: #671f1d!important;
	}
	#sectionLinksRed h3 { /* brand new - 17/04/15 */
	  font-size: 20px;
	  background: #671f1d!important;
	}
	#headlinesRed h3 { /* brand new - 14/05/15 */
	  font-size: 20px;
	  background: #671f1d!important;
	}
	#sectionLinksGreen h3 { /* brand new - 31/03/15 */
	  font-size: 20px;
	  background: #0a805d!important;
	}
	#sectionLinksYellow h3 { /* brand new - 21/04/15 */
	  font-size: 20px;
	  background: #EAAF00!important;
	}
	#sectionLinks h3 span[style] {
	font-size: 14px!important;
	}
	#sectionLinks a {
	width: 95%;
	border-bottom: 0px!important;
	}
	#sectionLinksBlue a { /* brand new - 31/03/15 */
	  padding: 5px!important;
	}
	#sectionLinksBrown a { /* brand new - 31/03/15 */
	  padding: 5px!important;
	}
	#sectionLinksRed a { /* brand new - 17/04/15 */
	  padding: 5px!important;
	}
	#sectionLinksGreen a { /* brand new - 31/03/15 */
	  padding: 5px!important;
	}
	#sectionLinksYellow a { /* brand new - 21/04/15 */
	  padding: 5px!important;
	}
	#navBarBrown .sfContentBlock a { /* brand new - 26/03/15 */
	width: 95.5%!important;
	}
	#navBarRed .sfContentBlock a { /* brand new - 17/04/15 */
	width: 95.5%!important;
	}
	#navBarGreen .sfContentBlock a { /* brand new - 27/03/15 */
	width: 95.5%!important;
	}
	#navBarYellow .sfContentBlock a { /* brand new - 21/04/15 */
	width: 95.5%!important;
	}
	.lefthandFooter {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	#headlineswrap {
	float: none;
	width: 100%;
	margin-top: 0px;
	}
	#headlinesBlue { /* brand new - 31/03/15 */
	  border: 0px solid #fff!important;
	}
	#headlinesBlue a { /* brand new - 31/03/15 */
	  padding-top: 5px!important;
	  padding-bottom: 5px!important;
	  padding-left: 5px!important;
	}
	#headlinesGreen { /* brand new - 31/03/15 */
	  border: 0px solid #fff!important;
	}
	#headlinesGreen a { /* brand new - 31/03/15 */
	  padding-top: 5px!important;
	  padding-bottom: 5px!important;
	  padding-left: 5px!important;
	}
	#headlinesYellow { /* brand new - 21/04/15 */
	  border: 0px solid #fff!important;
	}
	#headlinesYellow a { /* brand new - 21/04/15 */
	  padding-top: 5px!important;
	  padding-bottom: 5px!important;
	  padding-left: 5px!important;
	}
	#headlines2 {
	float: none;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px solid #FFFFFF;
	}
	#headlines h3, #headlines2 h3 {
	font-size: 20px;
	background: #004d9c!important;
	}
	#headlinesBlue h3, #headlinesBlue2 h3 { /* brand new - 31/03/15 */
	font-size: 20px;
	background: #0b6a99!important;
	margin-right: 0px!important;
	margin-left: 0px!important;
	}
	#headlinesGreen h3, #headlinesGreen2 h3 { /* brand new - 31/03/15 */
	font-size: 20px;
	background: #0a805d!important;
	}
	#headlines2 img {
	max-width: 100%;
	height: auto;
	}
	#content {
	float: none;
	width: 100%;
	margin-left: 0px;
	}
	#content_2col {
	float: none;
	width: 100%;
	margin-left: 0px;
	}
	.story {
	padding-left: 0px;
	}
	.story .squares .box1 {
	background-color: #E0E0E0;
	}
	.feature { /* brand new - 31/03/15 */
	  padding-right: 0px!important;
	  padding-left: 0px!important;
	}
	#siteInfo {
	min-height: 120px;
	}
	#footercontent2 {
	width: 45%;
	}
	#footercontent3 {
	width: 65%;
	}
	.feature .sf_cols .sf_2cols_1_75[style] { /* brand new - 16/04/15 */
		width: 100%!important;
	}
	.feature .sf_cols .sf_2cols_2_25[style] { /* brand new - 16/04/15 */
		width: 100%!important;
	}
	.story .squares li { /* brand new - 22/04/15 */
	  margin-right: 3px;
	  margin-bottom: 3px;
	}
	.story .squares .righthand { /* brand new - 22/04/15 */
	  margin-right: 3px;
	}
}

/* iPhone 5 and lower (portrait) */
@media only screen 
and (max-device-width : 320px) {
	.contactlink {
	top: 65px;
	}
	#navBar ul li {
	width: 49.4%;
	}
	#siteInfo {
	min-height: 100px;
	}
	#footercontent2 {
	width: 45%;
	}
	#footercontent2 {
	font-size: 7px;
	}
	#footercontent3 {
	width: 55%;
	}
	#footercontent3 {
	font-size: 7px;
	}
}

/* smartphones in landscape */
@media only screen 
and (max-device-width : 736px) 
and (orientation : landscape) {
	body {
	margin-left: 10px;
	margin-right: 10px;
	background-image: none;
	}
	#backleft {
	visibility: hidden;
	display: none;
	}
	#backright {
	visibility: hidden;
	display: none;
	}
	#wrapper {
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	#masthead {
	margin-left: 0px;
	background-image: url(header-back-mobile.jpg);
	background-position: 30% top;
	}
	#mainlogo {
	width: 90%;
	height: auto;
	}
	#menubar {
	width: 100%;
	left: 0px;
	}
	#navBar { /* NOTE, THIS IS THE LEFT-HAND MENU */
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	float: none;
	}
	#navBarBlue { /* brand new - 31/03/15 */
	width: 100%!important;
	margin-left: 0px;
	margin-right: 0px;
	float: none!important;
	}
	#navBarBrown { /* brand new - 31/03/15 */
	width: 100%!important;
	margin-left: 0px;
	margin-right: 0px;
	float: none!important;
	}
	#navBarRed { /* brand new - 17/04/15 */
	width: 100%!important;
	margin-left: 0px;
	margin-right: 0px;
	float: none!important;
	}
	#navBarGreen { /* brand new - 30/03/15 */
	width: 100%!important;
	margin-left: 0px;
	margin-right: 0px;
	float: none!important;
	}
	#navBarYellow { /* brand new - 21/04/15 */
	width: 100%!important;
	margin-left: 0px;
	margin-right: 0px;
	float: none!important;
	}
	#navBar ul {
	width: 100%;
	border-bottom: 0px!important;
	margin-bottom: 0px;
	}
	#navBar ul li {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	border-top: solid 2px #FFFFFF;
	width: 100%;
	vertical-align: top;
	background: #eaebf5; /* Old browsers */
	background: -moz-linear-gradient(left,  #eaebf5 0%, #dcdeef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eaebf5), color-stop(100%,#dcdeef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #eaebf5 0%,#dcdeef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #eaebf5 0%,#dcdeef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #eaebf5 0%,#dcdeef 100%); /* IE10+ */
	background: linear-gradient(to right,  #eaebf5 0%,#dcdeef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebf5', endColorstr='#dcdeef',GradientType=1 ); /* IE6-9 */
	}
	#navBar .rpGroup { /* brand new - 26/03/15 */
	  margin-left: 0px;
	}
	#navBar ul.rpGroup li.rpItem { /* brand new - 26/03/15 */
	  background-color: #F1F2F8 !important;
	  background: transparent;
	}
	.homepage #navBar ul li { /* brand new - 26/03/15 */
	width: 49.5%;
	min-height: 45px;
	}
	#navBar ul a:link, #navBar ul a:visited, #navBar ul a {
	font-size: 16px;
	margin: 0px;
	padding: 5px;
	}
	#navBarBlue ul a:link, #navBarBlue ul a:visited { /* brand new - 31/03/15 */
	font-size: 16px;
	margin: 0px;
	padding: 5px;
	}
	#navBarBrown ul a:link, #navBarBrown ul a:visited { /* brand new - 31/03/15 */
	font-size: 16px;
	margin: 0px;
	padding: 5px;
	}
	#navBarRed ul a:link, #navBarRed ul a:visited { /* brand new - 17/04/15 */
	font-size: 16px;
	margin: 0px;
	padding: 5px;
	}
	#navBarGreen ul a:link, #navBarGreen ul a:visited { /* brand new - 30/03/15 */
	font-size: 16px;
	margin: 0px;
	padding: 5px;
	}
	#navBarYellow ul a:link, #navBarYellow ul a:visited { /* brand new - 21/04/15 */
	font-size: 16px;
	margin: 0px;
	padding: 5px;
	}
	#sectionLinks {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	border: 0px solid #FFF;
	}
	#sectionLinksBlue { /* brand new - 31/03/15 */
	width: 100%;
	margin-left: 0px;
	margin-top: 0px!important;
	border: 0px solid #FFF!important;
	}
	#sectionLinksBrown { /* brand new - 31/03/15 */
	width: 100%;
	margin-left: 0px;
	margin-top: 0px!important;
	border: 0px solid #FFF!important;
	}
	#sectionLinksRed { /* brand new - 17/04/15 */
	width: 100%;
	margin-left: 0px;
	margin-top: 0px!important;
	border: 0px solid #FFF!important;
	}
	#sectionLinksGreen { /* brand new - 30/03/15 */
	width: 100%;
	margin-left: 0px;
	margin-top: 0px!important;
	border: 0px solid #FFF!important;
	}
	#sectionLinksYellow { /* brand new - 21/04/15 */
	width: 100%;
	margin-left: 0px;
	margin-top: 0px!important;
	border: 0px solid #FFF!important;
	}
	#sectionLinks[style] {
	margin-top: 0px!important;
	}
	#sectionLinks h3 {
	font-size: 20px;
	background: #004d9c!important;
	}
	#sectionLinksBlue h3 { /* brand new - 31/03/15 */
	font-size: 20px;
	background: #0b6a99!important;
	}
	#sectionLinksBrown h3 { /* brand new - 31/03/15 */
	font-size: 20px;
	background: #671F1D!important;
	}
	#sectionLinksRed h3 { /* brand new - 17/04/15 */
	font-size: 20px;
	background: #671F1D!important;
	}
	#sectionLinksGreen h3 { /* brand new - 30/03/15 */
	font-size: 20px;
	background: #0a805d!important;
	}
	#sectionLinksYellow h3 { /* brand new - 21/04/15 */
	font-size: 20px;
	background: #EAAF00!important;
	}
	#sectionLinks h3 span[style] {
	font-size: 14px!important;
	}
	#sectionLinks a {
	width: 95%;
	border-bottom: 0px!important;
	}
	.lefthandFooter {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	#headlineswrap {
	float: none;
	width: 100%;
	margin-top: 0px;
	}
	#headlines2 {
	float: none;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px solid #FFFFFF;
	}
	#headlinesBlue { /* brand new - 31/03/15 */
	float: none!important;
	width: 100%!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
	border: 0px solid #FFFFFF!important;
	}
	#headlinesBrown { /* brand new - 31/03/15 */
	float: none!important;
	width: 100%!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
	border: 0px solid #FFFFFF!important;
	}
	#headlinesRed { /* brand new - 17/04/15 */
	float: none!important;
	width: 100%!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
	border: 0px solid #FFFFFF!important;
	}
	#headlinesGreen { /* brand new - 30/03/15 */
	float: none!important;
	width: 100%!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
	border: 0px solid #FFFFFF!important;
	}
	#headlinesYellow { /* brand new - 21/04/15 */
	float: none!important;
	width: 100%!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
	border: 0px solid #FFFFFF!important;
	}
	#headlines h3, #headlines2 h3 {
	font-size: 20px;
	background: #004d9c!important;
	}
	#headlinesBlue h3, #headlines2Blue h3 { /* brand new - 31/03/15 */
	margin-right: 0px!important;
	margin-left: 0px!important;
	font-size: 20px;
	background: #0b6a99!important;
	}
	#headlinesBrown h3, #headlines2Brown h3 { /* brand new - 31/03/15 */
	font-size: 20px;
	background: #671F1D!important;
	}
	#headlinesRed h3, #headlines2Red h3 { /* brand new - 17/04/15 */
	font-size: 20px;
	background: #671F1D!important;
	}
	#headlinesGreen h3, #headlines2Green h3 { /* brand new - 30/03/15 */
	font-size: 20px;
	background: #0a805d!important;
	}
	#headlinesYellow h3, #headlines2yellow h3 { /* brand new - 21/04/15 */
	font-size: 20px;
	background: #EAAF00!important;
	}
	#headlines2 img {
	max-width: 100%;
	height: auto;
	}
	#headlineswrap a { /* brand new - 31/03/15 */
	font-size: 16px;
	}
	#headlines2 .sf_newsList h2.sf_newsTitle a { /* brand new - 31/03/15 */
	  font-size: 11px!important;
	}
	#content {
	float: none;
	width: 100%;
	margin-left: 0px;
	}
	#content_2col {
	float: none;
	width: 100%;
	margin-left: 0px;
	}
	.story {
	padding-left: 0px;
	}
	.story .squares .box1 {
	background-color: #E0E0E0;
	}
	
	/* NEW 130515 to reduce size of bodycopy when viewing iPhone 6+ and 6 in landscape */
	.feature {
	  font-size: 0.55em;
	}
}

/* iPhone 5 and smaller smartphones in landscape */
@media only screen 
and (max-device-width : 568px) 
and (orientation : landscape) {
	#mainlogo {
	width: 60%;
	height: auto;
	}
	#masthead {
	background-position: 40% top;
	}
	#navBar ul a:link, #navBar ul a:visited {
	font-size: 15px;
	}
	#footercontent2 {
	width: 40%;
	}
	#footercontent3 {
	width: 40%;
	}
	#content .story {
	font-size: 8px!important;
	}
}

/* iPhone 4 and smaller smartphones in landscape */
@media only screen 
and (max-device-width : 480px) 
and (orientation : landscape) {
	#navBar ul a:link, #navBar ul a:visited {
	font-size: 13px;
	}
	#mainlogo {
	width: 70%;
	height: auto;
	top: 10px;
	}
	.contactlink {
	width: 130px;
	height: 25px;
	left: inherit;
	right: 20px;
	top: 10px;
	color: #FFF;
	font-weight: bold;
	text-align: right;
	}
	.contactlink a {
	color: #FFF;
	font-size: 22px;
	}
	#login {
	width: 300px;
	height: 40px;
	top: 65px; /* was 75px */
	font-size: 17px;
	}
	#menubar {
	top: 105px; /* was 110px */
	}
	#headlines2 .sf_newsList h2.sf_newsTitle {
	font-size: 8px!important;
	}
}

/* Additional code, added 30th Oct 2015 - specifically targetting the "additional" second main menu that got put in for the mobile version of the site. This second menu is unfortunately visible in the Page Edit window of Sitefinity Admin, and it smothers the top edge of elements below it, that the ACB staff wish to get to. Thus this CSS *should* make that second menu invisible inside the editor, but not affect it in real-world use. */

.sfPageEditor.zeContentMode #menubar #ctl00_MainMenusplaceholder_ctl02.RadDock.RadDock_Sitefinity.zeControlDock {
	visibility: hidden;
	display: none;
}

/* 24th Aug 2016 - CSS to hide the mystery extra search field that's appearing just on the Grants page - http://www.acb.org.uk/whatwedo/grants.aspx - see email from Ashe at the ACB about it on yesterday's date. NOTE: It seems that "Searchplaceholder_tm_SearchBox1" is the version used across the site and "Searchplaceholder_C007" is the mystery dupe. */
#Searchplaceholder_tm_SearchBox1 {
	/*visibility: hidden;*/
	/*display: none;*/
}
#Searchplaceholder_C007 {
	visibility: hidden;
	display: none;
}