.banner { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; position:relative; }
.bannerCaption { width:100%; height:0; background-image:url(../images/organisation/master-banner/01-01.jpg); background-position:center 0; background-repeat:no-repeat; background-size:auto 100%; padding-bottom:42.6213%; }
.bannerCaption > h2 { font-size:2.8em; line-height:1.2em; color:#fff; position:absolute; left:0; bottom:20px; padding:0 35px; }

@media only screen and (max-width:920px){

	.subHeader { display:none; }
	
	.banner { max-width:100%; margin:0 auto; background-image:none; }
	.bannerCaption { background-image:url(../images/organisation/master-banner/01-01.jpg); padding-bottom:50.375%; }
	.bannerCaption > h2 { font-size:1.8em; position:static; padding:1em 4% 0 4%; }
}
@media only screen and (max-width:480px){
	
	.bannerCaption { background-image:url(../images/organisation/master-banner/01-01.jpg); padding-bottom:42.5%; }
	.bannerCaption > h2 { font-size:1.5em; padding:.5em 4% 0 4%; }
}
/*-------------------*/

.content { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; }
.innerContent { padding:2em 35px; color:#666666; }
.innerContent > h2 { font-size:2.5em; line-height:1.3em; }
.innerContent > p { font-size:1em; line-height:1.6em; margin-top:1.5em; }
.innerContent > hr { height:1px; width:100%; border:0; margin:2em 0; background-image:url(../images/common/dotted-line.png); background-position:0 0; background-repeat:repeat-x; }

ul.pageList { width:100%; overflow:hidden; }
.pageList li { width:100%; background-image:url(../images/common/dotted-line.png); background-position:0 bottom; background-repeat:repeat-x; margin-bottom:2em; padding-bottom:2em; float:left; }
.pageList li:last-child { background-image:none; }

.pageList li > h2 { font-size:2em; line-height:1.2em; margin-bottom:.8em; color:#3a809f; }
.pageList li > p { font-size:1em; line-height:1.6em; margin-top:1.5em; }


ul.bulletList { width:100%; overflow:hidden; }
.bulletList li { width:97%; background-image:none; padding:0 0 0 3%; background-image:url(../images/common/bullet-icon.png); background-position:0 .1em; background-repeat:no-repeat; margin-bottom:1em; line-height:1.2em; }
.bulletList li > p { font-size:1em; line-height:1.6em; margin-top:1.5em; }
.bulletList li { background-image:url(../images/common/bullet-icon.png) !important; }


@media only screen and (max-width:800px){
	.content { width:100%; max-width:100%; background-image:none; }
	.innerContent { padding:2em 4%; }
	
	.innerContent > h2 { font-size:2em; }
	.innerContent > p { font-size:.95em; margin-top:1.5em; }
	
	.pageList li > h2 { font-size:1.8em; margin-bottom:.8em; }
	.pageList li > p { font-size:.95em; margin-top:1.5em; }
	
	.bulletList li > p { font-size:.95em; }
	
}
@media only screen and (max-width:480px){
	.innerContent > h2 { font-size:1.5em; }
	.innerContent > p { font-size:.9em; margin-top:1.5em; }
	
	.pageList li > h2 { font-size:1.3em; margin-bottom:.8em; }
	.pageList li > p { font-size:.9em; margin-top:1.5em; }
	
	.bulletList li { width:95%; padding:0 0 0 5%; }
	.bulletList li > p { font-size:.9em; }
}
@media only screen and (max-width:320px){
	.innerContent > h2 { font-size:1.1em; }
	.bulletList li { width:93%; padding:0 0 0 7%; }
}

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

.informationTab { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; padding-bottom:3em; }


@media only screen and (max-width:800px){
	.informationTab { width:100%; max-width:100%; background-image:none; padding-bottom:0; }
}