@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');
@import url('https://fonts.googleapis.com/css?family=Abel');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;700&display=swap');
/*********************************************************************************/
/* Reset                                                                         */
/*********************************************************************************/
.sidereadmore h1, 
#header #byline,
#mainslider #caption h2,
#homeleft h1,
#contenthead h1,
#left h1, 
#left h2,
#left h3,
#left h4,
#footer #subscribe h2,
.sidecontent form h1,
.slider .captionwrapper .caption h1,
.slider .captionwrapper .caption h2,
#contentbanner .captionwrapper .caption h1,
#contentbanner .captionwrapper .caption h2,
#left .membertestimonial .quote p,
.headeralert p { font-family: 'Josefin Sans', sans-serif; font-weight: 400; }
#left .podcastwrap p, 
#left .podcastwrap li,
#header #headlinks .pseudobutton,
#menu ul li { font-family: 'Open Sans', sans-serif; }
.wrapper { max-width: 1800px; margin: 0 auto; }
#pagewrapper { float: left; width: 100%; padding: 2rem 0 0 0; background: #fff; }
#header { background: #fff; }
#header #logo,
#header #logo50 { width: 300px; height: 120px; float: left; background: url(_gfxlib/agra2022-600x240.png) no-repeat center; background-size: 100%; margin-bottom: 1em; }
#header #byline { float: left; min-width: 640px; max-width: 640px; font-size: 1.25rem; font-weight: 400; color: #073343; margin: 50px 0 0 30px; text-transform: uppercase; line-height: 150%; }
#header #headlinks { display: block; }
#header #headlinks p { margin-top: 20px; font-size: 1rem; }
#header #headlinks p a { color: #0f171e; }
#header #headlinks .pseudobutton  { float: left; margin: .625em; font-size: 1rem; }
#header #headlinks .pseudobutton a { color: #FFF; display: block; padding: 10px; }
#header #headlinks .pseudobutton a:hover { background-color: #6a616b; }
.headeralert { float: left; width: 100%; background: #4993a9; padding: .75rem 0; }
.headeralert p, .headeralert a  { color: #fff; font-size: 1.25rem; font-weight: 400; text-align: center; }
#menuwrapper { float: left; width: 100%; text-align: center; border: none; }
#menu { float: none; display: inline-block; margin: 0 auto; width: auto; }
#menu ul li { list-style:none; float:left; font-size: .875rem; padding: 5px 3px 3px 3px; line-height: 1em; font-weight: 600; margin: 0 5px; text-transform: uppercase; }
#menu ul li a { border-bottom: 5px solid #F7F7F7; }
#menu ul li a:hover { color: #6379a7; border-bottom: 5px solid #6379a7; }
#menu ul li a.selected { border-bottom: 5px solid #073343; }
.menu_members { display: none; }
.sidecontent form a { color: #073343; }
#left { width: 90%; margin-left: 0; margin-right: 10%; }
#left h4,
#left .standfirst,
#homeleft .advertblock h1 { padding: 0; margin: 1rem 0; color: #073343; }
#homeleft { margin: 1.5rem 3% 0 0; }
#mainslider #caption { background: #073343; }
.bgblue,
#header #headlinks .pseudobutton,
.sidecontent form .findbutton,
.sidebutton2,
#memberform .formbutton,
.sidebutton2 { background-color: #817582;}
.bgblue { background: none; }
#membermain #headshot img { border: solid .3125em #6379a7; }
#membercontact h1 { color: #6379a7; }
.bg2 { background: #f4f5f1; }
#mainslider #caption h2 { font-size: 2.5rem; }
#homeleft h1 { font-size: 2rem; color: #4993a9; }
#homeleft p { color: #0f171e; font-size: 1.25rem; line-height: 150%; margin-bottom: 1.25rem; }
#contenthead h1 { font-size: 1.75rem; color: #4993a9; }
#left h1, #left h2, #left h3 { color: #073343; font-size: 1.75rem; }
#left p, #left .contentlist li, #left .contentolist li, #codeofpractice .contentolist li { font-weight: 400; font-size: 1rem; line-height: 150%; margin-bottom: 1rem; color: #0f171e; }
#left .contentlist li:before,
#left .contentsublist li:before { color: #4993a9; }
#left p a,
#homeleft p a,
#left .contentlist li a,
#left .contentolist li a,
#left .codeofpracticelink a,
.formlayout label a {
	color: #4993a9;
}
#left p a:hover,
#homeleft p a:hover,
#left .contentlist li a:hover,
#left .contentolist li a:hover { text-decoration: underline; }
#left .membertestimonial { background: none; }
#left .membertestimonial .quote p { font-size: 1.25rem; font-style: italic; }
#membermain #description h1 { color: #4993a9; font-size: 1.5rem; line-height: 130%; }
p.toggleprompt { text-indent: 0; }
#left h4 { font-size: 1.125rem; }
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/
#bannerouter { float: left; width: 100%; margin: 0 0 50px 0; }
#bannerwrap { display: flex; flex-wrap: nowrap; width: 100%; height: 100%; align-items: center; justify-content: center; }
#bannerwrap.homebanner #banner { width: 66%; float: left; }
#bannerwrap.homebanner #bannerpromo { float: left; width: 32%; margin-left: 2%; }
#bannerwrap.homebanner #bannerpromo .textblock { width: 90%; background: #4993a9; padding: 1rem 5%; }
#bannerwrap.homebanner #bannerpromo .textblock p { font-size: 2.25rem; color: #FFFFFF; font-weight: 700; }
.slider,
.sliderres,
#contentbanner { float: left; background: #F6F4EE; width: 100%; position: relative; display: inline-block; }
.slider img,
#contentbanner img { width: 100%; overflow: hidden; position: relative; float: left; }
.slider .captionwrapper .caption h1,
.slider .captionwrapper .caption h2,
#contentbanner .captionwrapper .caption h1,
#contentbanner .captionwrapper .caption h2 { display: inline-block; vertical-align: middle; color: #FFFFFF; font-size: 2rem; text-transform: uppercase; font-weight: 700; text-align: left; margin: auto; line-height: 100%; }
.slider .captionwrapper .caption h1 .subtitle,
.slider .captionwrapper .caption h2 .subtitle,
#contentbanner .captionwrapper .caption h1 .subtitle,
#contentbanner .captionwrapper .caption h2 .subtitle { font-size: 1.125rem; text-transform: none; }
.slider .captionwrapper .caption a,
#contentbanner .captionwrapper .caption a { color: rgba(255,255,255,1.00); }
.slider .captionwrapper .caption h2 a:hover { text-decoration: underline; }
#bannerwrap.homebanner #banner.bannerwide { width: 100%; float: left; }
#bannerwrap.homebanner #banner.bannerwide .banneritem { display: flex; width: 100%; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; }
.banneritem .imagewrapper { width: 66%; }
#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper { float: none; background: #4993a9; position: relative; width: 32%; max-width: none; margin: 0; height: auto; left: auto; right: auto; z-index: auto; display: flex; align-items: center; }
#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption { background: none; position: relative; top: auto; bottom: auto; height: auto; left: auto; width: 94%; padding: 1rem 3%; color: #FFFFFF; z-index: auto; }
#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption h2,
#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption h3,
#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption p { font-size: 2.25rem; color: #FFFFFF; font-weight: 400; line-height: 150%; margin: 0 0 1rem 0; }
#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption h3 { font-size: 1.75rem; }
#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption p { font-size: 1.25rem; }
#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption p.small { font-size: 1rem; }
#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption h2,
.sidecontent form h1,
.sidecontent form h1 { font-size: 1.5rem; font-weight: 400; }
#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption h2 { font-size: 2rem; }
#footer #subscribe h2 { font-size: 1.5rem; }
#contenthead,
#contentheadside,
#contentheadsidelogo { border-bottom: solid 12px #4993a9; }
.bggrey { background-color: #817582; }

#memberform .formobject, #memberform textarea, .formlayout .formobject, .formlayout textarea { border-radius: 0; font-size: 1rem; }


#left .blockquote {
	float: left;
	width: 98%;
	margin: 2rem 1%;
	padding: 1rem 0;
	border-top: 1px solid #4993a9;
	border-bottom: 1px solid #4993a9;
	color: #0f171e;
	font-size: 1rem;
}
#homeleft .advertwrapper { margin: 1rem 0; }
#homeleft .advertwrapper .advertblock h1 { color: #4993a9; font-weight: 400; font-size: 1.75rem; }
#homeleft .advertwrapper .advertblock p { font-size: 1.125rem; line-height: 150%; }
#homeleft .advertwrapper .advertblock .bggrey { background: #4993a9; }
#homeleft .advertwrapper .advertblock .content.bggrey h1 { color: #fff; margin-left: 2%; padding: 5px; }
#homeleft .advertblock p { padding-left: 2%; margin: 5px; }
.sidecontent form fieldset {
	border: 0;
	margin-bottom: 1em;
	border-bottom: .0625em solid #4993a9;
}
#left .contenttable td,
#membercontact, #left .contenttable .bggold3 { background: #f4f5f1; }
#contenthead .memberlogo { padding-right: 110px; }

.bggold, .bggold2 { background-color: #4993a9; }
td.bggold2 { color: #fff; }
#left #cmscontent ul li:before { color: #4993a9; }
#left .newswrapper h1, #left .newswrapper h1 a { color: #073343; }
#left .newswrapper h1 { font-size: 1.5rem; }

#left .contenttable td { font-size: 1rem; background: #f4f5f1; }
#left .contenttable a { color: #4993a9; }
#left .feed div { border: 0; background: #4993a9; }
#left .feed div:hover { background: #5ea5ba; }
#left .podcastwrap h3 { color: #4993a9; font-size: 1.25rem; margin-bottom: 0; }
#left .podcastwrap p, #left .podcastwrap li { font-size: 1rem; font-weight: 400; }
#left .podcastwrap p a, #left .podcastwrap li a { color: #4993a9; }
#left .podcastwrap ul { float: none; display: block; width: 98%; margin: 1rem 0 1.5rem 2%; list-style-position: inside; }

#left .quotewrap { float: left; width: 98%; margin: 2rem 0; padding: 1rem 1%; background: #f4f5f1; }

.sidebutton2 a:hover { background-color : #6a616b; }
.sidecontent form .findobject { font-size: 1rem; color: #0f171e; -moz-border-radius: 0; -webkit-border-radius: 0; }
.sidecontent form .findbutton, #memberform .formbutton, .formlayout .formbutton { font-size: 1rem; padding: 10px 20px; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.sidecontent form .findbutton, #memberform .formbutton, .formlayout .formbutton { background: #817582; }
.sidecontent form .findbutton:hover, #memberform .formbutton:hover, .formlayout .formbutton:hover { background: #6a616b; }
.sidetitle { background-color: #4993a9; color: #fff; }
.sidereadmore h1, .sidetitle h1 { font-size: 1.5rem; }
.sidereadmore h1 { color: #4993a9; }
.sidetitle h1 { color: #fff; }
.sidebutton2 h1, .sidebutton2 h2, .sidetitle h1 { font-family: 'Josefin Sans', sans-serif; font-weight: 400; font-size: 1.5rem; }
.sidesocial i { font-size: 2.5rem; margin: 10px; color: #4993a9; }
.sidesocial i:hover { color: #3d7c8f; }
.sidecontent .speciality li { list-style-image: url('_gfxlib/star20.png'); }
.sidecontent .speciality li { font-size: 1rem; margin-bottom: 1rem; }

#left .contactwrap { float: left; width: 92%; background: #817582; padding: 1rem 4%; margin: 1rem 0; }
#left .contactwrap h2, #left .contactwrap p, #left .contactwrap label, #left .contactwrap a { color: #fff; }
#left .contactwrap .formbutton { background: #0f171e; }
#left .sponsorwrap { float: left; width: 100%; }
#left .sponsorlogo.sponsorcentre { text-align: center; }
#left .sponsorlogo.sponsorcentre img { display: inline-block; margin: 0 auto; float: none; }

#footer { background: #f4f5f1; }
#footerleft { width: 68%; margin: 0; }
#footerright { float: left; width: 32%; margin: 0; }
#footer #subscribe { background: #4993a9; border: 0; width: 88%; padding: 20px 1% 10px 1%; }
#footer #subscribe p { font-size: 1rem; }
#footer #twitter { float: left; }
#footer #blog h1, #footer #association h1, #footer #twitter h1, #footer .sponsors h1 { font-weight: 700; color: #4993a9; }
#footer #twitter h1 a { color: #4993a9; }
#footer .sponsors { float: left; width: 100%; margin: 0 0 2rem 0; padding: 1rem 0; border-bottom: solid 1px #666; }
#footer .sponsors a { float: left; margin: 10px 1%; }