@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700'); /* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700'); /* font-family: 'Oswald', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Cardo:400,700'); /* font-family: 'Cardo', serif; */
@import url('https://use.fontawesome.com/releases/v5.7.2/css/all.css');

/*** GLOBAL ***/
	body{ color: #54595f; font-family: 'Open Sans', sans-serif; font-size: 20px; overflow-x: hidden; }
	h1, h2, h3, h4, h5{ font-family: 'Oswald', sans-serif !important; font-weight: 700; }
	h1, .h1, .PageTitle{ display: block; margin: 0 0 80px; color: #54595f; font-weight: 300; }
		h1:after{ display: none; }
	h2{ margin: 0 0 30px; color: #6b207f; font-size: 48px; font-weight: 300 !important; }
		h2.underline{ position: relative; margin-bottom: 50px; }
			h2.underline:after{ content: ''; position: absolute; left: 50%; bottom: -20px; display: block; width: 180px; height: 1px; margin-left: -90px; background-color: #6b207f; }
				h2.green.underline:after{ background-color: #61ce70; }
				h2.underline.whitetext:after{ background-color: #ffffff; }
				h2.underline.left:after{ left: 0px; margin-left: 0px; }
		h2.green{ color: #61ce70; }
	h3{ margin: 0 0 30px; color: #6b207f; font-size: 36px; font-weight: 300 !important; }
		h3.underline{ position: relative; margin-bottom: 50px; }
			h3.underline:after{ content: ''; position: absolute; left: 50%; bottom: -20px; display: block; width: 80px; height: 1px; margin-left: -40px; background-color: #6b207f; }
				h3.underline.whitetext:after{ background-color: #ffffff; }
				h3.underline.left:after{ left: 0px; margin-left: 0px; }
	h4{ margin: 0 0 20px; color: #54595f; font-size: 30px; font-weight: 700 !important; }
	h5{ margin: 0 0 20px; color: #54595f; font-size: 30px; font-weight: 700 !important; }
	p{ font-weight: 300; }
		p.pale{ color: #bfbfbf !important; }
		p.breadcrumb{ display: block; margin-bottom: 35px; color: #bfbfbf; }
	a{ transition: all 0.3s; }
		a:focus{ outline: none !important; }
			td>a{ color: #6b207f; text-decoration: none; }
				td>a:hover{ color: #6b207f; text-decoration: underline; }
	.hideforload{ display: none; }
	.backToTop{ display: none; }
	.buttonlink:visited,
	.buttonlink:focus,
	.buttonlink{ display: inline-block; padding: 7px 25px; background-color: #6b207f; color: #ffffff; border: solid 1px #6b207f; border-radius: 5px; font-weight: 400; text-decoration: none; }
		.buttonlink:hover{ background-color: #ffffff; color: #6b207f; }
		.buttonlink.disabled{ background-color: #a97eb1; color: #ffffff; border: solid 1px #a97eb1; }
		.buttonlink .fas, .buttonlink .fa{ margin-right: 10px; }
		.buttonlink.green{ background-color: #23a455; color: #ffffff; border: solid 1px #23a455; }
			.buttonlink.green:hover{ background-color: #ffffff; color: #23a455; border: solid 1px #23a455; }
		.buttonlink.orange{ background-color: #af7d3f; color: #ffffff; border: solid 1px #af7d3f; }
		.buttonlink.yellow{ background-color: #abad3e; color: #ffffff; border: solid 1px #abad3e; }
		.buttonlink.blue{ background-color: #4054b2; color: #ffffff; border: solid 1px #4054b2; }
	.centred{ text-align: center; }
	.whitetext{ color: #ffffff; }
	html:not(.t-safari) .TextButton{ display: inline-block; padding: 7px 25px; background: #6b207f !important; color: #ffffff !important; border: solid 1px #6b207f; border-radius: 5px; font-weight: 400; text-decoration: none; transform: scale(1) !important; }
		html:not(.t-safari) .TextButton.Cancel{ background: #a97eb1 !important; border: solid 1px #a97eb1; }
		html:not(.t-safari) .TextButton:hover{ background: #ffffff !important; color: #6b207f !important; }
	#headerdata{ display: none; }
	X.anmfsa_inner_page .fa-ul{  }
	.fa-ul{  }
		.fa-ul li{ margin-bottom: 20px; padding-left: 20px; }
			.fa-ul li .title{ display: block; margin-bottom: 0px; color: #6b207f; font-size: 22px; font-weight: 700; }
			.fa-ul li .text{ display: block; color: rgb(120,120,120); font-size: 16px; font-weight: 300; line-height: 24px; }
				.fa-ul li .text a{ display: block; color: #ffffff; font-size: 16px; font-weight: 300; line-height: 24px; text-decoration: none; }
	
/*** LAYOUT ***/
	#masterContentArea{ max-width: 100%; padding-left: 0; padding-right: 0; }
	.has-secondary-col .col-primary{ width: 100%; margin-right: 0; }
	.has-secondary-col .col-secondary{ display: none; }
	.inner, .homeevents .ContentItemContainer{ max-width: 1330px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
	.anmfsa_about_layout .inner{ max-width: 1170px; }
		.anmfsa_about_layout .becomeamember .inner{ max-width: 1330px; }

/*** FILTER MENU (RIGHT SIDEBAR) ***/
	.filtersmenu{ background-color: #f2f2f2; border-radius: 5px; overflow: hidden; }
		.filtersmenu .search{ display: block; height: 40px; margin: 1px; padding: 0; background-color: #7f7f7f; border-radius: 5px; }
			.filtersmenu .search #txtSearch{ float: left; width: 80%; padding-left: 25px; background-color: #7f7f7f; color: #ffffff; border: solid 1px #7f7f7f; border-radius: 5px 0 0 5px; box-shadow: none; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; }
			.filtersmenu .search #bttSearch{ float: right; padding: 4px 10px; background-color: #54595f; color: #ffffff; border: solid 1px #54595f; border-radius: 0 5px 5px 0; font-size: 16px; }
				.filtersmenu .search #bttSearch:hover{ background-color: #5562a8; border: solid 1px #5562a8; }
		.filtersmenu>h2{ margin: 50px 0 50px; font-size: 36px; line-height: 44px; }
			.filtersmenu>h2.underline:after{ width: 60px; margin-left: -30px; }
		.filtersmenu>ul{ display: block; margin: 0; padding: 15px 30px; list-style: none; }
			.filtersmenu>ul li{ line-height: 30px; }
				.filtersmenu>ul li a{ display: block; color: #54595f; font-size: 16px; font-weight: 400; text-decoration: none; }
					.filtersmenu>ul li a .fas{ margin-right: 20px; color: #5562a8; }
					.filtersmenu>ul li a:hover{ color: #5562a8; }
						.filtersmenu>ul li a:hover .fas{ color: #54595f; }
			.filtersmenu>ul.checklist{ padding: 15px 15px; }
				.filtersmenu>ul.checklist li{ margin-bottom: 15px; }
					.filtersmenu>ul.checklist li a{ position: relative; padding-left: 30px; font-size: 14px; line-height: 22px; }
						.filtersmenu>ul.checklist li a .fas{ position: absolute; left: 0; top: 5px; }
			.filtersmenu>ul.buttonlist{  }
				.filtersmenu>ul.buttonlist li{ margin: 0 0 10px; text-align: center; }
					.filtersmenu>ul.buttonlist li .buttonlink{ display: inline-block; color: #ffffff; text-align: center; }
						.filtersmenu>ul.buttonlist li .buttonlink.green:hover{ background-color: #23a455; color: #ffffff; border: solid 1px #23a455; }
		.filtersmenu>p{ padding: 0 15px; color: #7a7a7a; font-size: 16px; font-weight: 400; line-height: 24px; }
		.filtersmenu .squarelink{ position: relative; display: block; height: 0; padding: 0 0 115%; background-color: #6b207f; color: #ffffff; text-align: center; text-decoration: none; }
			.filtersmenu .squarelink span{ display: block; }
			.filtersmenu .squarelink .up{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; padding: 30px 20px; background-color: #6b207f; }
				.filtersmenu .squarelink .up .icon{ font-size: 48px; }
				.filtersmenu .squarelink .up .title{ margin-bottom: 15px; font-size: 40px; font-weight: 300; line-height: 46px; }
				.filtersmenu .squarelink .up .text{ font-size: 12px; font-weight: 300; line-height: 18px; }
			.filtersmenu .squarelink .ov{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; padding: 100px 20px 50px; background-color: #6b207f; opacity: 0; transition: all 0.3s; }
				.filtersmenu .squarelink:hover .ov{ opacity: 1; }
				.filtersmenu .squarelink .ov .title{ margin-bottom: 15px; font-size: 20px; font-weight: 300; line-height: 26px; }
				.filtersmenu .squarelink .ov .text{ font-size: 12px; font-weight: 300; line-height: 18px; }
				.filtersmenu .squarelink .ov .linklabel{ display: block; width: 120px; margin: 15px auto 0; padding: 10px 10px; border: solid 2px #ffffff; font-size: 14px; line-height: 18px; font-weight: 700; }
		.filtersmenu .collapsibles{ margin: 0px 1px; }
			.filtersmenu .collapsibles .collapsiblesection{ display: block; padding: 0px; border: solid 1px #d4d4d4; }
				.filtersmenu .collapsibles .collapsiblesection>a{ display: block; padding: 5px 20px; color: #6ec1e4; font-size: 14px; font-weight: 700; text-decoration: none; }
					.filtersmenu .collapsibles .collapsiblesection>a.open{ color: #61ce70; }
					.filtersmenu .collapsibles .collapsiblesection>a .fa{ margin-right: 10px; }
				.filtersmenu .collapsibles .collapsiblesection>p{ display: block; padding: 20px; border-top: solid 1px #d4d4d4; font-size: 14px; font-weight: 400; line-height: 22px; }
		.filtersmenu.unionsa{ padding-bottom: 40px; }
			.filtersmenu.unionsa>h2{ margin: 50px 20px; }
				.filtersmenu.unionsa>h2:after{ left: 35px; }
			.filtersmenu.unionsa>ul{ margin: 40px 0; padding: 15px 20px; }
				.filtersmenu.unionsa>ul li a .fas{ color: #61ce70; }
			.filtersmenu.unionsa .progressbar{ margin: 15px 20px; }
				.filtersmenu.unionsa .progressbar .barbg{ background-color: #7a7a7a; }
					.filtersmenu.unionsa .progressbar .barbg .bar{ background-color: #61ce70; }
		.filtersmenu.anmec{ padding-bottom: 40px; }
			.filtersmenu.anmec .fa-ul{ margin: 0 20px; }
				.filtersmenu.anmec .fa-ul li{  }
					.filtersmenu.anmec .fa-ul li a{ font-size: 16px; text-decoration: none; }
						.filtersmenu.anmec .fa-ul li a:hover{ color: #5562a8; }
						.filtersmenu.anmec .fa-ul li a .fas{ color: #5562a8; }
							.filtersmenu.anmec .fa-ul li a:hover .fas{ color: #54595f; }
			.filtersmenu.anmec .featuredevent{ background-color: transparent; }
		.filtersmenu.eventdetail{ padding-bottom: 40px; }
			.filtersmenu.eventdetail .fa-ul{ margin: 0 20px; }
				.filtersmenu.eventdetail .fa-ul li{  }
					.filtersmenu.eventdetail .fa-ul li a{ font-size: 16px; text-decoration: none; }
						.filtersmenu.eventdetail .fa-ul li a:hover{ color: #6b207f; }
						.filtersmenu.eventdetail .fa-ul li a .fas{ color: #6b207f; }
							.filtersmenu.eventdetail .fa-ul li a:hover .fas{ color: #54595f; }
			.filtersmenu.eventdetail .featuredevent{ background-color: transparent; }
			.filtersmenu.eventdetail .link{ text-align: center; }
			
/*** GLOBAL ELEMENTS ***/
	.becomeamember{ position: relative; margin-bottom: 50px; background-attachment: fixed; background-image: url(https://www.anmfsa.org.au/images/site_anmfsa/slide_b_3.jpg); background-position: center; background-size: cover; text-align: center; }
		.becomeamember .inner{ padding-top: 120px; padding-bottom: 80px; overflow: hidden; }
		.becomeamember:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; display: block; background-color: rgba(0,0,0,0.4); }
		.becomeamember p{ position: relative; z-index: 10; }
			.becomeamember p.title{ color: #ffffff; font-size: 70px; font-weight: 300; }
	.tabset{ display: block; background-color: #f7f3f8; }
		.tabset .tabnav{ display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; }
			.tabset .tabnav li{ float: left; }
				.tabset .tabnav li a{ display: block; padding: 20px 30px; background-color: transparent; color: #54595f; border: solid 1px transparent; font-size: 14px; font-weight: 700; text-decoration: none; }
					.tabset .tabnav li a.selected{ background-color: #f7f3f8; color: #6b207f; border: solid 1px #d4d4d4; border-bottom: solid 1px #f7f3f8; }
					.tabset .tabnav li a:hover{  }
		.tabset .tabs{ display: block; margin-top: -1px; padding: 20px 30px; border: solid 1px #d4d4d4; }
			.tabset .tabs .tab{ font-size: 14px; font-weight: 400; line-height: 20px; }
				.tabset .tabs .tab p{ font-size: 14px; font-weight: 400; line-height: 20px; }
				.tabset .tabs .tab.selected{  }
	.progressbar{ display: block; margin: 15px 0; border-radius: 3px; overflow: hidden; }
		.progressbar .title{ display: block; margin: 0 0 1px; color: #6ec1e4; font-size: 16px; }
		.progressbar .barbg{ display: block; background-color: #eeeeee; border-radius: 3px; overflow: hidden; }
			.progressbar .barbg .bar{ float: left; background-color: #6d207c; border-radius: 3px; overflow: hidden; }
				.progressbar .barbg .bar .label{ float: left; margin: 0 0 0 20px; padding: 8px 0; color: #ffffff; font-size: 12px; font-weight: 300; line-height: 14px; }
				.progressbar .barbg .bar .barvalue{ float: right; margin: 0 20px 0 0; padding: 8px 0; color: #ffffff; font-size: 12px; font-weight: 300; line-height: 14px; }
	.accordion{ display: block; margin: 0; padding: 0; list-style: none; }
		.accordion>li{ display: block; margin: 0 0 15px; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
			.accordion>li>a{ display: block; padding: 10px 15px; color: #6d207c; font-size: 28px; text-decoration: none; }
				.accordion>li>a .far{ margin-right: 10px; }
				.accordion>li>a:hover{  }
			.accordion>li ul{ display: block; margin: 0; padding: 0 0 10px; list-style: none; }
				.accordion>li ul li{ display: block; border-bottom: solid 1px #eeeeee; }
					.accordion>li ul li:last-child{ border-bottom: none; }
					.accordion>li ul li a{ display: block; padding: 10px 30px; color: #7a7a7a; font-size: 16px; font-weight: 300; overflow: hidden; text-decoration: none; }
						.accordion>li ul li a .far{ float: left; width: 100px; color: #180477; font-size: 35px; }
						.accordion>li ul li a .date{ float: left; width: 150px; font-weight: 700; }
						.accordion>li ul li a .title{ float: left; }
						.accordion>li ul li a:hover{  }
	.teamprofiles{ display: block; margin: 0; padding: 50px 0; list-style: none; text-align: center; }
		.teamprofiles li{ display: inline-block; width: 25%; margin: 0 0 50px; }
			.teamprofiles li:nth-child(3n+2){ margin: 0 10% 30px; }
			.teamprofiles li a{ display: block; color: #bfbfbf; font-size: 16px; font-weight: 300; line-height: 22px; text-align: center; text-decoration: none; }
				.teamprofiles li a>span{ display: block; margin-bottom: 5px; }
				.teamprofiles li a .profile{ margin-bottom: 20px; text-align: center; }
					.teamprofiles li a .profile em{ display: inline-block; width: 106px; height: 106px; background-position: center; background-size: cover; border-radius: 150px; }
				.teamprofiles li a .name{ color: #000000; font-size: 36px; font-weight: 700; line-height: 30px; }
				.teamprofiles li a .position{ margin-bottom: 20px; text-transform: uppercase; }
				.teamprofiles li a .summary{  }
	.courselinks{ position: relative; z-index: 10; display: block; margin: 0; padding: 0; list-style: none; text-align: center; }
		.courselinks li{ display: inline-block; width: 32%; margin: 0 0 20px; padding: 0 10px; vertical-align: top; }
			.courselinks li:nth-child(3n+2){ margin: 0 0 20px; }
			.courselinks li a{ position: relative; display: block; height: 185px; color: #ffffff; border-radius: 10px; overflow: hidden; text-decoration: none; }
				.courselinks li a .up{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; padding: 42px; background-color: #eeeeee; background-position: center; background-size: cover; border-radius: 10px; font-size: 24px; line-height: 30px; opacity: 1; transition: all 0.5s; }
					.courselinks li a .up:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(80,50,0,0.4); }
					.courselinks li a .up .title{ position: relative; z-index: 10; display: block; margin: 0 0 10px; font-size: 14px; font-weight: 700; line-height: 24px; }
					.courselinks.twocol li a .up .title{ position: relative; z-index: 10; display: block; margin: 50px 0 10px; font-size: 20px; font-weight: 700; line-height: 24px; }
					.courselinks li a .up .text{ position: relative; z-index: 10; display: block; font-size: 12px; line-height: 18px; }
				.courselinks li a .ov{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; padding: 30px 40px; background-color: #61ce70; border-radius: 10px; font-size: 14px; line-height: 18px; opacity: 0; transition: all 0.5s; transform: rotatex(180deg); }
					.courselinks li a .ov .title{ position: relative; z-index: 10; display: block; margin: 0 0 10px; font-size: 16px; font-weight: 700; line-height: 24px; }
					.courselinks li a .ov .text{ position: relative; z-index: 10; display: block; font-size: 12px; line-height: 18px; }
					.courselinks li a .ov .fauxlink{ display: block; width: 120px; margin: 20px auto 0; padding: 10px 10px; border: solid 2px #ffffff; font-size: 14px; line-height: 18px; font-weight: 700; }
				.courselinks li a:hover .up{ opacity: 0; transform: rotateX(180deg); transition: all 1s; }
				.courselinks li a:hover .ov{ opacity: 1; transform: rotateX(0deg); transition: all 1s; }
			.courselinks.twocol li{ width: 49%; }
				.courselinks.twocol li:nth-child(3n+2){ margin: 0 0 20px; }
				.courselinks.twocol li a{ height: 225px; }
	.contentplaque{ display: block; padding: 30px; background-color: rgba(255,255,255,0.85); }
	.policieslist{ display: block; margin: 50px 0 50px; padding: 0; list-style: none; text-align: center; }
		.policieslist li{ display: inline-block; width: 25%; margin: 0 0 30px; }
			.policieslist li:nth-child(3n+2){ margin: 0 10% 30px; }
			.policieslist li a{ color: #54595f; font-size: 16px; text-decoration: none; }
				.policieslist li a span{ display: block; margin-bottom: 15px; text-align: center; }
					.policieslist li a .icon{  }
						.policieslist li a .icon .fa{ color: #5562a8; font-size: 50px; }
					.policieslist li a .title{ color: #000000; font-weight: 700; text-transform: uppercase; }
					.policieslist li a .description{  }
	.testimonials{ display: block; margin: 0; padding: 0; list-style: none; text-align: center; }
		.testimonials li{ display: inline-block; width: 31%; margin: 0 0 30px; vertical-align: top; }
			.testimonials li:nth-child(3n+2){ margin: 0 1.9% 30px; }
			.testimonials li a{ display: block; font-size: 14px; text-decoration: none; }
				.testimonials li a .testimonial{ position: relative; display: block; margin-bottom: 40px; padding: 30px 50px; color: #ffffff; line-height: 30px; text-align: left; }
					.testimonials li a .testimonial:after{ content: ''; position: absolute; left: 45px; bottom: -20px; display: block; width: 30px; height: 30px; clip-path: polygon(100% 0, 0 0, 50% 65%); }
				.testimonials li a .person{ display: block; padding-left: 30px; overflow: hidden; }
					.testimonials li a .person .profile{ float: left; margin-right: 30px; }
						.testimonials li a .person .profile em{ display: inline-block; width: 65px; height: 65px; background-position: center; background-size: cover; border-radius: 150px; }
					.testimonials li a .person .name{ float: left; width: 60%; color: #000000; font-size: 24px; font-weight: 700; line-height: 36px; text-align: left; }
					.testimonials li a .person .position{ float: left; width: 60%; color: #54595f; font-size: 16px; font-weight: 300; line-height: 22px; text-align: left; }

/*** HEADER ***/
	#masterHeaderBackground, .header{ border: none; }
		.header-top-container{ position: absolute; left: 0; top: 0; right: 0; bottom: auto; z-index: 10000; display: block; height: 40px; background-color: #6b207f; transition: all 0.6s; }
			.header-top-container .header-container{ position: relative; }
			#masterLogoArea{ position: absolute; left: 0; top: 55px; z-index: 1000; }
				#masterHeaderImage{ width: 370px; height: 80px; background-image: url(https://www.anmfsa.org.au/App_Themes/ANMF_Web_GreatBarrierReef_Responsive/images/logo_white.png); background-position: left center; background-size: contain; transition: all 0.6s; }
			.navbar-header{ float: none; display: block; width: 100%; margin-top: -10px; }
				.navbar-header>div{ float: none; display: block; width: 100%; }
				.navbar-header .ContentItemContainer{ float: right; }
				.navbar-header .ContentItemContainer:last-child{ float: left; }
				.nav-auxiliary .nav-aux-button.nav-aux-account a:hover .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-account a:focus .nav-text{ text-decoration: none; }
				.UtilityAuthentication{ margin-top: -5px; }
					.header-container .nav-auxiliary .UtilityAuthentication a{ color: #ffffff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
						.header-container .nav-auxiliary .UtilityAuthentication a:hover{ opacity: 0.8; text-decoration: none; }
				.nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink{ margin: -2px 10px 0 30px; color: #ffffff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
					.nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink:hover{ opacity: 0.8; text-decoration: none; }
					.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text{ float: none; display: block; height: 100%; padding: 0; background: none !important; }
				.nav-auxiliary .nav-aux-button .NavigationLink{ background-color: transparent; }
					.nav-auxiliary .nav-aux-button .NavigationLink:hover{ background-color: transparent; opacity: 0.8; }
					.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text{ height: 16px; background-image: url(https://www.anmfsa.org.au/App_Themes/ANMF_Web_GreatBarrierReef_Responsive/images/icon-cart-white.png); background-position: center; background-repeat: no-repeat; background-size: contain; }
				.header-search .search-field{ height: 25px; background-color: transparent; background-image: url(https://www.anmfsa.org.au/App_Themes/ANMF_Web_GreatBarrierReef_Responsive/images/icon-search-white.png); background-position: left 2px !important; background-repeat: no-repeat; background-size: auto 76%; }
					.header-search .search-field:hover{ background-color: transparent; color: #555555; }
					.header-search .search-field:focus{ background-color: #fff; width: 200px; color: #555555; }
					#ctl01_ciUtilityNavigation_ctl12_GoSearch { display: none; }
				.navbar-header .contact{ padding: 19px 0 0; color: #ffffff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
					.navbar-header .contact a{ display: inline-block; margin-left: 10px; color: #ffffff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
						.navbar-header .contact a:hover{ opacity: 0.8; }
				.navbar-header .socialnav{ display: none; margin-top: 14px; zoom: 0.8; }
					.SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:active, a:active .SocialSprite.LinkedInIcon.LargeButtons
					,.SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:hover, a:hover .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:focus, a:focus .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:active, a:active .SocialSprite.YouTubeIcon.LargeButtons
					,.SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:hover, a:hover .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:focus, a:focus .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:active, a:active .SocialSprite.TwitterIcon.LargeButtons
					,.SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:hover, a:hover .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:focus, a:focus .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:active, a:active .SocialSprite.FacebookIcon{ background-color: #898989; border-radius: 5px; }
		.header-bottom-container{ position: absolute; left: 0; top: 40px; right: 0; bottom: auto; display: block; height: 125px; background-color: transparent; transition: all 0.6s; }
			
			/*Bilal: Pipes */
			/*
			.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem{ border-right: solid 1px #ffffff; }
			.RadMenu.RadMenu_GreatBarrierReef .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText{ padding: 0 15px; }
			.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem.rmLast{ border-right: none; }
			*/
			/*Bilal: end Pipes */
			.RadMenu.RadMenu_GreatBarrierReef{ /*float: right !important;*/ margin-top: 100px; transition: all 0.6s; text-align: center;}
				.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup{  }
					.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink{ color: #ffffff; border: none !important; font-family: arial; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; }
						.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink:hover
						,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected
						,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded
						,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover
						,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus
						,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused{ color: #ffffff; text-decoration: underline; }
						.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink:hover .rmText{ color: #ffffff; text-decoration: underline; }
						.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected{ color: #ffffff; text-decoration: underline; }
						.RadMenu_GreatBarrierReef .rmSlide .rmFocused > .rmLink
						, .RadMenu_GreatBarrierReef .rmSlide .rmSelected > .rmLink
						, .RadMenu_GreatBarrierReef .rmSlide .rsmSelected > .rsmLink
						, .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink{ color: #ffffff; }
				.RadMenu.RadMenu_GreatBarrierReef .rmGroup{ background-color: #6b207f; }
					.RadMenu_GreatBarrierReef .rmSlide .rmLink, .RadMenu_GreatBarrierReef .rmSlide .rsmLink{ color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 16px; }
						.RadMenu_GreatBarrierReef .rmSlide .rmLink, .RadMenu_GreatBarrierReef .rmSlide .rsmLink:hover{ color: rgba(255,255,255,0.8); }
	#hd.scrolled .header-top-container{ position: fixed; }
	#hd.scrolled .header-bottom-container{ position: fixed; height: 155px; background-color: #ffffff !important; box-shadow: 0 0 30px rgba(0,0,0,0.5); }
	#hd.scrolled #masterHeaderImage{ /*width: 210px; height: 50px;*/ background-image: url(https://www.anmfsa.org.au/App_Themes/ANMF_Web_GreatBarrierReef_Responsive/images/logo.png); }
	#hd.scrolled .RadMenu.RadMenu_GreatBarrierReef{ /*margin-top: 15px;*/ }
		#hd.scrolled .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink{ color: #666666; }
		#hd.scrolled .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink:hover .rmText{ color: #666666; text-decoration: underline; }
	.searchbar-collapse{ position: absolute; left: 0; z-index: 10000; background-color: #6b207f; color: #ffffff; }
	
	
/*** SLIDER AND BANNERS ***/
	.HomePageFullWidthArea{ display: block; }
		.HomePageFullWidthArea .banner{ height: 65vh; background-attachment: fixed; }
			.HomePageFullWidthArea .banner .inner{ padding-top: 35vh; text-align: center; }
	.InternalHeaderArea .banner{ height: 56vh; background-attachment: fixed; }
	.banner{ position: relative; display: block; background-position: center; background-size: cover; }
		/* bilal: banner overlay */
		.banner:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.5); }
		.banner .inner{ position: relative; z-index: 10; text-align: center; }
			.banner .inner .title{ margin: 0 0 0; color: #ffffff; font-size: 48px; font-weight: 300; line-height: 60px; }
			.banner .inner .smalltitle{ margin: 0 0 0; color: #ffffff; font-size: 30px; font-weight: 300; line-height: 48px; }
			.banner .inner h1{ padding-top: 28vh; color: #ffffff !important; font-size: 96px; text-align: center; }
	
/*** FOOTER ***/
	#ft{ position: relative; height: auto; background-color: transparent; color: #666666; background-attachment: fixed; Xbackground-image: url(https://www.anmfsa.org.au/images/site_anmfsa/group-of-registered-nurses.jpg); background-position: center top; background-size: cover; }
		#ft .inner{ /*background-color: transparent !important;*/ max-width: 100%; }
		/*#ft:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }*/
		.footer-content{ position: relative; z-index: 10; /*padding-top: 60px;*/ padding-top: 0; Xbackground-color: rgba(255,255,255,0.9); background-color: transparent; color: #666666; font-size: 14px; text-align: left; }
			.footer-content .map{ float: left; width: 32%; margin-right: 1%; margin-top: 30px; padding-top: 30px; border-top: solid 1px #6b207f; }
				.footer-content .map img{ display: block; max-width: 100%; }
				.footer-content .map iframe{ display: block; max-width: 100%; max-height: 315px; }
			.footer-content .address{ float: left; width: 29%; margin-right: 1%; margin-top: 30px; padding: 30px 15px 0 30px; border-top: solid 1px #6b207f; }
				.footer-content .address .logo{ display: block; max-width: 60%; }
				.footer-content .address p a{ color: #6b207f; text-decoration: none; }
			.footer-content .quicklinks{ float: left; width: 24%; margin-top: 30px; padding: 30px 30px 0 15px; border-top: solid 1px #6b207f; }
				.footer-content .quicklinks .title{ color: #6b207f; font-size: 20px; }
				.footer-content .quicklinks a{ display: block; color: #666666; text-decoration: none; }
					.footer-content .quicklinks a:hover{ text-decoration: underline; }
			.footer-content .rightsidelinks{ float: right; width: 12%; margin-top: 30px; padding-top: 30px; border-top: solid 1px #6b207f; }
				.footer-content .rightsidelinks .title{ margin-bottom: 5px; color: #6b207f; font-size: 20px; }
				.footer-content .rightsidelinks a{ display: block; color: #666666; text-decoration: none; }
					.footer-content .rightsidelinks a:hover{ text-decoration: underline; }
		.footer-nav-copyright{ position: relative; z-index: 10; background-color: transparent; }
	.footer-content .container{ max-width: 100% !important; padding-left: 0; padding-right: 0; }
	.footer-content .socialnav{ position: absolute; bottom: 30px; right: 30px; }
		.footer-content .socialnav a img{ background-color: #6b207f !important; }
	#ft .greenbar{ display: block; padding: 30px 0; background-color: #8bdb96; color: #ffffff; overflow: hidden; }
		#ft .greenbar .inner{ max-width: 1330px; }
		#ft .greenbar h2{ clear: both; color: #ffffff; }
		#ft .greenbar .fa-ul{ float: left; width: 48%; }
			#ft .greenbar .fa-ul li{ color: #ffffff; font-size: 20px; }
				#ft .greenbar .fa-ul li .text{ padding-top: 4px; color: #ffffff; font-size: 20px; font-weight: 400; }
		#ft .greenbar .contactform{ float: right; width: 48%; font-size: 20px; }
	#ft .becomeamember{ margin-bottom: 0; font-size: 20px; }
	#ft .bluebar{ display: block; padding: 30px 0; background-color: #838cbf; color: #ffffff; overflow: hidden; }
		#ft .bluebar .inner{ max-width: 1330px; }
		#ft .bluebar h2{ clear: both; color: #ffffff; }
		#ft .bluebar .fa-ul{ float: left; width: 48%; }
			#ft .bluebar .fa-ul li{ color: #ffffff; font-size: 20px; }
				#ft .bluebar .fa-ul li .text{ padding-top: 4px; color: #ffffff; font-size: 20px; font-weight: 400; }
		#ft .bluebar .contactform{ float: right; width: 48%; font-size: 20px; }
	
/*** HOMEPAGE ***/
	.ctabar{ display: block; padding: 60px 0 100px; text-align: center; }
		.ctabar a{ display: inline-block; min-width: 320px; margin: 0 5%; padding: 5px 20px; background-color: #6b207f; color: #ffffff; border: solid 2px #6b207f; border-radius: 3px; font-size: 24px; font-weight: 300; text-align: center; text-decoration: none; vertical-align: middle; }
			.ctabar a .fa{ margin-right: 20px; }
			.ctabar a:hover{ background-color: #ffffff; color: #6b207f; }
				.ctabar a:hover .fa{  }
	.whyjoin{ padding-bottom: 30px; }
		.whyjoin h2{ margin: -10px 0 10px; }
		.whyjoin li{ margin-bottom: 8px; font-weight: 300; }
		.whyjoin .fa-ul{ margin-bottom: 30px; }
				.whyjoin .fa-ul .fa-li .fas{ color: #6ec1e4; }
	.video>iframe{ width: 100%; }
	.catbar{ position: relative; display: block; margin-bottom: 50px; padding: 15vh 0; background-attachment: fixed; background-repeat: no-repeat; background-size: 100% auto; text-align: center; }
		.catbar:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(80,50,0,0.4); }
		.catbar h2{ position: relative; z-index: 10; }
		.catbar ul{ position: relative; z-index: 10; display: block; margin: 0; padding: 0; list-style: none; text-align: center; }
			.catbar ul li{ display: inline-block; width: 19%; padding: 0 20px; vertical-align: top; }
				.catbar ul li a{ position: relative; display: block; height: 260px; color: #ffffff; overflow: hidden; text-decoration: none; }
					.catbar ul li a .up{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; padding: 40px; background-color: #eeeeee; border-radius: 10px; font-size: 24px; line-height: 30px; opacity: 0.6; transition: all 0.5s; }
						.catbar ul li:nth-child(1) a .up{ background-color: #804b92; }
						.catbar ul li:nth-child(2) a .up{ background-color: #5ebac4; }
						.catbar ul li:nth-child(3) a .up{ background-color: #80a930; }
						.catbar ul li:nth-child(4) a .up{ background-color: #5562a8; }
						.catbar ul li:nth-child(5) a .up{ background-color: #804b92; }
						.catbar ul li a .up .fa{ display: block; margin: 0 0 50px; color: #ffffff; font-size: 60px; }
					.catbar ul li a .ov{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; padding: 60px 40px; background-color: #54595f; border-radius: 10px; font-size: 14px; line-height: 18px; opacity: 0; transition: all 0.5s; transform: rotatex(180deg); }
						.catbar ul li a .ov .fauxlink{ display: block; width: 120px; margin: 30px auto 0; padding: 10px 10px; border: solid 2px #ffffff; font-size: 14px; line-height: 18px; font-weight: 700; }
					.catbar ul li a:hover .up{ opacity: 0; transform: rotateX(180deg); transition: all 1s; }
					.catbar ul li a:hover .ov{ opacity: 1; transform: rotateX(0deg); transition: all 1s; }
	.latestnewslist{ display: block; margin: 0; padding: 0; list-style: none; }
		.latestnewslist li{ display: inline-block; width: 32%; padding-left: 15px; padding-right: 15px; vertical-align: top; }
			.latestnewslist li:nth-child(3n+2){ margin-left: 1.45%; margin-right: 1.45%; }
			.latestnewslist li a{ display: block; color: #666666; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.4); overflow: hidden; text-align: left; text-decoration: none; }
				.latestnewslist li a>span{ display: block; margin: 0 0 20px; }
					.latestnewslist li a .image{ padding: 0 0 65%; background-position: center; background-size: cover; }
					.latestnewslist li a .title{ padding: 0 20px; font-size: 18px; font-weight: 700; line-height: 24px; }
					.latestnewslist li a .summary{ padding: 0 20px; font-size: 12px; line-height: 18px; }
					.latestnewslist li a .linklabel{ padding: 0 20px; color: #61ce70; font-size: 12px; line-height: 18px; text-transform: uppercase; }
				.latestnewslist li a:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.8); }
	.sloganbar{ position: relative; display: block; margin: 60px 0 30px; padding: 15vh 0; background-attachment: fixed; text-align: center; }
		.sloganbar:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.4); }
		.sloganbar h2{ position: relative; z-index: 10; color: #ffffff; font-size: 60px; font-weight: 300; }
	.communicationbar{ padding: 40px 0; background-color: #54595f; }
	.eventscntr{  }
		.eventscntr h2{ color: #c6c6c6; font-size: 36px; font-weight: 700 !important; text-transform: uppercase; }
		.eventscntr .latesteventslist{ margin: 0 0 30px; padding: 0; list-style: none; overflow: hidden; }
			.eventscntr .latesteventslist li{ float: left; width: 25%; padding-right: 10px; }
				.eventscntr .latesteventslist li a{ display: block; background-color: #fafafa; color: #6f6f6f; text-decoration: none; }
					.eventscntr .latesteventslist li a .image{ position: relative; display: block; padding: 0 0 56%; background-position: center; background-size: cover; }
						.eventscntr .latesteventslist li a .image:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; width: 2px; background-color: transparent; transition: all 0.3s; }
					.eventscntr .latesteventslist li a .text{ display: block; padding: 10px; border-left: solid 2px #206177; overflow: hidden; transition: all 0.3s; height: 210px;}
						.eventscntr .latesteventslist li a .text .date{ float: left; width: 20%; color: #c6c6c6; text-transform: uppercase; }
							.eventscntr .latesteventslist li a .text .date .day{ display: block; font-size: 24px; font-weight: 700; line-height: 22px; }
								.eventscntr .latesteventslist li a .text .date .day sup{ font-size: 12px; }
							.eventscntr .latesteventslist li a .text .date .month{ display: block; font-size: 12px; }
						.eventscntr .latesteventslist li a .text .details{ float: right; width: 75%; }
							.eventscntr .latesteventslist li a .text .details .title{ display: block; font-size: 24px; font-weight: 700; line-height: 22px; }
							.eventscntr .latesteventslist li a .text .details .description{ display: block; font-size: 14px; line-height: 18px; }
					.eventscntr .latesteventslist li a:hover .image{  }
						.eventscntr .latesteventslist li a:hover .image:after{ width: 6px; background-color: rgba(255,255,255,0.5); }
					.eventscntr .latesteventslist li a:hover .text{ border-left: solid 6px #206177; }
					.DynamicEventList .panel-body, .DynamicEventList .PanelBody {padding: 0px;}
					
/*** ABOUT PAGE ***/
	.anmfsa_about_layout{  }
		.anmfsa_about_layout p{ font-size: 16px; }
		.anmfsa_about_layout .col-sm-4 p{ color: #7a7a7a; font-size: 14px; line-height: 24px; }
		.anmfsa_about_layout .greybar{ background-color: #f7f3f8; }
			.anmfsa_about_layout .greybar .inner{ padding-top: 40px; padding-bottom: 40px; overflow: hidden; }
			.anmfsa_about_layout .greybar p{ color: #000000; font-size: 14px; line-height: 24px; }
		.anmfsa_about_layout .tabset{ margin-left: 30px; }
		.anmfsa_about_layout .progressbar{ margin-left: 30px; }
	.anmfsa_about_layout .inverserow{ margin-bottom: 60px; padding: 60px 0; background-color: #000000; color: #ffffff; }
		.anmfsa_about_layout .inverserow h2{ padding-top: 40px; color: #ffffff; }
		.anmfsa_about_layout .inverserow p.text{ float: left; width: 75%; padding-top: 20px; border-top: solid 2px #6d207c; font-size: 14px; line-height: 24px; }
		.anmfsa_about_layout .inverserow p.date{ float: right; padding-top: 40px; text-align: center; }
			.anmfsa_about_layout .inverserow p.date strong{ display: block; font-size: 60px; font-weight: 300; line-height: 60px; }
			.anmfsa_about_layout .inverserow p.date span{ display: block; color: #686868; font-weight: 700; text-transform: uppercase; }
	.anmfsa_about_layout .testimonials{ display: block; margin: 0 0 60px; padding: 0; list-style: none; text-align: center; }
		.anmfsa_about_layout .testimonials li{ display: inline-block; width: 28%; margin: 0 0 30px; }
			.anmfsa_about_layout .testimonials li:nth-child(2){ margin: 0 10% 30px; }
			.anmfsa_about_layout .testimonials li a{ display: block; padding: 60px 30px; background-color: #ffffff; border: solid 1px #ffffff; box-shadow: 0 0 100px rgba(0,0,0,0.15); text-decoration: none; }
				.anmfsa_about_layout .testimonials li a:hover{ border: solid 1px #6b207f; box-shadow: 0 0 100px rgba(0,0,0,0.5); }
				.anmfsa_about_layout .testimonials li a>span{ display: block; }
					.anmfsa_about_layout .testimonials li a .icon{ margin-bottom: 30px; }
						.anmfsa_about_layout .testimonials li a .icon .fa{ color: #bfbfbf; font-size: 48px; }
					.anmfsa_about_layout .testimonials li a .title{ color: #000000; font-size: 24px; font-weight: 700; line-height: 36px; }
					.anmfsa_about_layout .testimonials li a .text{ color: #bfbfbf; font-size: 16px; font-weight: 300; line-height: 22px; }

/*** ANMEC PAGE ***/
	.anmfsa_anmec_layout p{ font-size: 16px; font-weight: 400; line-height: 24px; }
	.anmfsa_anmec_layout h2{ color: #5562a8; }
		.anmfsa_anmec_layout h2:after{ background-color: #5562a8; }
	.anmfsa_anmec_layout .eventscntr h2{ color: #c6c6c6; font-size: 36px; font-weight: 700 !important; text-transform: uppercase; }
	.anmfsa_anmec_layout .col-sm-6 p{ font-size: 16px; font-weight: 400; line-height: 24px; }
	.anmfsa_anmec_layout .contactrow{ display: block; padding: 30px 0; background-color: #838cbf; color: #ffffff; overflow: hidden; }
		.anmfsa_anmec_layout .contactrow h2{ clear: both; color: #ffffff; }
		.anmfsa_anmec_layout .contactrow .fa-ul{ float: left; width: 48%; }
			.anmfsa_anmec_layout .contactrow .fa-ul li{ color: #ffffff; font-size: 20px; }
				.anmfsa_anmec_layout .contactrow .fa-ul li .text{ padding-top: 4px; color: #ffffff; font-size: 20px; font-weight: 400; }
		.anmfsa_anmec_layout .contactrow .contactform{ float: right; width: 48%; }
	.anmfsa_anmec_layout .courselinks li a .ov{ background-color: #5562a8; }
	.anmfsa_anmec_layout .teambar{ display: block; margin-bottom: 50px; padding: 80px 0; background-attachment: fixed; background-image: url(https://www.anmfsa.org.au/images/site_anmfsa/nursing-career-path.jpg); background-position: center; background-size: cover; }
		.anmfsa_anmec_layout .collapsibles{ margin: 0px 1px 30px; }
			.anmfsa_anmec_layout .collapsibles .collapsiblesection{ display: block; padding: 0px; border-bottom: solid 1px #d4d4d4; }
				.anmfsa_anmec_layout .collapsibles .collapsiblesection ul{ display: block; overflow: hidden; }
					.anmfsa_anmec_layout .collapsibles .collapsiblesection ul li{ float: left; width: 44%; margin: 0 1.5%; font-size: 16px; line-height: 22px; }
				.anmfsa_anmec_layout .collapsibles .collapsiblesection>a{ display: block; padding: 5px 0px; color: #5562a8; font-size: 14px; font-weight: 700; text-decoration: none; }
					.anmfsa_anmec_layout .collapsibles .collapsiblesection>a.open{ color: #5562a8; }
					.anmfsa_anmec_layout .collapsibles .collapsiblesection>a .fa{ margin-right: 10px; }
	.anmfsa_anmec_layout .testimonials li a .testimonial{ background-color: #5562a8; color: #ffffff; }
		.anmfsa_anmec_layout .testimonials li a .testimonial:after{ background-color: #5562a8; }

/*** EVENTS DETAIL PAGE ***/
	.eventbanner{ display: block; margin: 0 0 15px; padding: 0 0 25%; background-position: center; background-size: cover; }
	.anmfsa_event_detail_layout h3{ margin-top: 40px; }
	.anmfsa_event_detail_layout p{ font-size: 16px; font-weight: 400; line-height: 24px; }
	.anmfsa_event_detail_layout .collapsibles{ margin: 0px 1px 30px; }
		.anmfsa_event_detail_layout .collapsibles .collapsiblesection{ display: block; padding: 0px; border-bottom: solid 1px #d4d4d4; }
			.anmfsa_event_detail_layout .collapsibles .collapsiblesection>a{ display: block; padding: 5px 0px; color: #6ec1e4; font-size: 14px; font-weight: 700; text-decoration: none; }
				.anmfsa_event_detail_layout .collapsibles .collapsiblesection>a.open{ color: #61ce70; }
				.anmfsa_event_detail_layout .collapsibles .collapsiblesection>a .fa{ margin-right: 10px; }
			.anmfsa_event_detail_layout .collapsibles .collapsiblesection .sectioncontent{ display: block; padding: 25px 0px; font-size: 16px; line-height: 24px; }
				.anmfsa_event_detail_layout .collapsibles .collapsiblesection .sectioncontent li{ font-size: 16px; line-height: 24px; }
				.anmfsa_event_detail_layout .collapsibles .collapsiblesection .sectioncontent table{ border: solid 1px #d4d4d4 }
					.anmfsa_event_detail_layout .collapsibles .collapsiblesection .sectioncontent table td{ padding: 10px; border: solid 1px #d4d4d4 }

/*** EVENTS SEARCH PAGE ***/
	.anmfsa_event_search_layout{  }
		.anmfsa_event_search_layout .filtersbar{ margin-top: -45px; margin-bottom: 50px; padding: 10px 0; background-color: #f0e8f2; }
			.anmfsa_event_search_layout .filtersbar .iMIS-WebPart>.ContentItemContainer{ margin-bottom: 0; }
			.anmfsa_event_search_layout .filtersbar .filterslist{ margin: 0; padding: 0; list-style: none; text-align: center; }
				.anmfsa_event_search_layout .filtersbar .filterslist li{ display: inline-block; vertical-align: top; }
					.anmfsa_event_search_layout .filtersbar .filterslist li label{ font-weight: 300; }
					.anmfsa_event_search_layout .filtersbar .filterslist li input{ width: 170px; margin: 0 5px; background-color: #ffffff; color: #54595f; border: solid 1px #818a91; border-radius: 3px; font-family: 'Open Sans', sans-serif; font-size: 14px; }
					.anmfsa_event_search_layout .filtersbar .filterslist li a{ width: 170px; margin-left: 5px; padding: 5px 25px; font-size: 14px; vertical-align: 1px; }
	.eventslist{ display: block; margin: 0; padding: 0; list-style: none; }
		.eventslist li{ display: block; margin: 0 0 10px; }
			.eventsearchlist h2{ margin: 0; color: #c6c6c6; font-size: 24px; font-weight: 700 !important; text-transform: uppercase; }
			.eventslist li h3{ margin: 0; color: #c6c6c6; font-size: 24px; font-weight: 700 !important; text-transform: uppercase; }
			.eventslist li a{ display: block; padding: 10px; background-color: #fafafa; color: rgb(128,128,128); border: solid 1px #e5e5e5; border-bottom: solid 2px #e5e5e5; border-left: solid 3px #206177; border-radius: 5px; overflow: hidden; text-decoration: none; }
				.eventslist li a:hover{ background-color: #f4f4f4; border-left: solid 8px #206177; }
				.eventslist li a .image{ float: left; width: 10%; padding: 0 0 10%; background-position: center; background-size: cover; }
				.eventslist li a .date{ float: left; width: 10%; padding-top: 8px; padding-left: 25px; color: #ababab; }
					.eventslist li a .date strong{ display: block; font-size: 30px; line-height: 24px; }
					.eventslist li a .date em{ display: block; font-size: 12px; font-style: normal; }
				.eventslist li a .details{ float: left; width: 78%; }
					.eventslist li a .details .title{ display: block; padding-top: 5px; color: #6b6b6b; font-size: 24px; font-weight: 700; line-height: 30px; /*text-transform: uppercase;*/ }
					.eventslist li a .details .description{ display: block; color: #6b6b6b; font-size: 14px; /*text-transform: uppercase;*/ }
	.featuredevent{ display: block; padding: 30px 10px; background-color: #f2f2f2; }
		.featuredevent h2{ color: #5562a8; zoom: 0.6; }
			.featuredevent h2:after{ background-color: #5562a8; }
		.featuredevent .title{ font-weight: 700; }
		.featuredevent .image{  }
			.featuredevent .image img{  }
		.featuredevent .countdownlist{ display: block; text-align: center; }
			.featuredevent .countdownlist span{ display: inline-block; width: 31.8%; padding: 15px 0; background-color: #6ec1e4; color: #ffffff; }
				.featuredevent .countdownlist span strong{ display: block; font-size: 36px; line-height: 40px; }
				.featuredevent .countdownlist span em{ display: block; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; }
		.featuredevent .description{ margin-bottom: 25px; font-size: 14px; font-weight: 400; line-height: 22px; }
		.featuredevent .link{ text-align: center; }
			.featuredevent .link .buttonlink{ background-color: #61ce70; color: #ffffff; border: solid 1px #61ce70; font-size: 14px; }
				.featuredevent .link .buttonlink:hover{ background-color: #61ce70; color: #ffffff; border: solid 1px #61ce70; font-size: 14px; }
	.pcd_dropdown{ display: inline-block !important; min-width: 90px; padding: 8px 10px !important; background-color: #ffffff; color: #54595f !important; border: solid 1px #818a91; border-radius: 3px; font-size: 14px; text-decoration: none !important; }
		.pcd_dropdown>ul{ top: 34px !important; z-index: 10000; }
			.pcd_dropdown>ul>li{ display: block !important; padding: 3px 5px; white-space: nowrap; }

/*** MEMBERSHIP PAGE ***/
	.membertypeslist{ margin: 0 0 40px; padding: 0; list-style: none; text-align: center; }
		.membertypeslist li{ display: inline-block; width: 30%; text-align: center; vertical-align: top; }
			.membertypeslist li a{ display: block; color: #6b207f; font-size: 18px; text-align: center; text-decoration: none; }
				.membertypeslist li a span{ display: block; margin: 0 0 10px; font-size: 50px; text-align: center; transition: all 1s; }
					.membertypeslist li a:hover span{ transform: rotateY(360deg); }
	.joinbar{ display: block; text-align: center; }
		.joinbar.stick{ position: fixed; left: 0; top: 15px; right: 0; z-index: 1000000; }
	.purplebar{ margin: 40px 0; padding: 40px 0; background-color: #6d207c; color: #ffffff; overflow: hidden; text-align: center; }
		.purplebar .left{ display: inline-block; width: 36%; margin-right: 4%; font-size: 36px; font-weight: 300; line-height: 40px; vertical-align: middle; }
		.purplebar .right{ display: inline-block; width: 30%; margin-left: 4%; font-size: 70px; font-weight: 700; opacity: 0.8; text-align: left; vertical-align: middle; }
	.benefitslist{ margin: 0 0 30px; padding: 0; list-style: none; overflow: hidden; text-align: center; }
		.benefitslist.left{ text-align: left; }
		.benefitslist li{ display: inline-block; width: 20%; margin: 0 1% 15px 0; vertical-align: top; }
			.benefitslist.three li{ width: 32%; }
			.benefitslist li a{ position: relative; display: block; height: 350px; padding: 30px 10px; color: #ffffff; background-position: center; background-size: cover; border-radius: 30px; overflow: hidden; text-align: center; text-decoration: none; }
				.benefitslist li a:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(120,120,120,0.6); }
				.benefitslist li a .up{ position: relative; z-index: 10; display: block; }
					.benefitslist li a .up .icon{ display: block; margin: 0 0 20px; text-align: center; }
						.benefitslist li a .up .icon .fa{ display: inline-block; width: 80px; height: 80px; padding-top: 15px; border: solid 2px #ffffff; border-radius: 100px; font-size: 50px; }
					.benefitslist li a .up .title{ display: block; font-size: 24px; font-weight: 400; line-height: 28px; }
				.benefitslist li a .ov{ position: absolute; left: 0; top: 100%; right: 0; bottom: 0; z-index: 20; display: block; padding-top: 45%; background-color: #54595f; transition: all 0.6s; }
					.benefitslist.three li a .ov{ padding-top: 30%; }
					.benefitslist li a .ov .summary{ display: block; font-size: 16px; }
					.benefitslist li a .ov .linklabel{ display: block; width: 120px; margin: 15px auto 0; padding: 10px 10px; border: solid 2px #ffffff; font-size: 14px; line-height: 18px; font-weight: 700; }
					.benefitslist li a:hover .ov{ top: 0%; }
	.terms{ width: 84%; margin: 0 auto 30px; font-size: 12px; line-height: 20px; }
	.anmfsa_membership_page .parallax{ position: relative; padding: 100px 0; background-position: center; background-size: cover; }
		.anmfsa_membership_page .parallax:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; display: block; background-color: rgba(0,0,0,0.4); }
		.anmfsa_membership_page .parallax h2{ position: relative; z-index: 10; padding-top: 40px; color: #ffffff; font-size: 80px; font-weight: 300; line-height: 80px; }		
		.anmfsa_membership_page .parallax .fa-ul{ position: relative; z-index: 10; display: block; margin: 0 0 40px; padding: 15px 0 15px 0; border-left: solid 2px #6d207c; }
			.anmfsa_membership_page .parallax .fa-ul li{ display: block; margin: 0 0 20px 40px; color: #ffffff; font-size: 16px; font-weight: 300; line-height: 24px; }
		.anmfsa_membership_page .parallax p{ position: relative; z-index: 10; display: block; margin: 0; padding: 0; color: #ffffff; font-size: 16px; font-weight: 400; line-height: 24px; }
	.anmfsa_membership_page .greybar{ padding: 100px 0; background-color: #e0dcc0; }
		.paymentpanel{  }
			.paymentpanel.left{ padding-right: 30px; border-right: solid 2px #6d207c; }
			.paymentpanel.right{ padding-left: 30px; }
			.paymentpanel p>.fa{ color: #6d207c; font-size: 50px; }
			.paymentpanel h2{ display: block; margin-bottom: 50px; color: #54595f; font-size: 36px; line-height: 40px; }
			.paymentpanel p{ font-size: 16px; line-height: 22px; }
			.paymentpanel p+p{ margin-top: 30px; }
			
/*** MEMBER JOIN FORM ***/
	.anmfsa_member_join{ margin-top: -45px; background-color: #eeeeee; font-size: 14px; }
		.anmfsa_member_join .progressrow{ padding-top: 20px; background-color: #f5f5f5; }
		.anmfsa_member_join .memberjoinprogress{ display: block; text-align: center; }
			.anmfsa_member_join .memberjoinprogress li{ display: inline-block; margin: 0 20px; }
				.anmfsa_member_join .memberjoinprogress li a{ display: block; color: #c1c3c5; font-size: 20px; font-weight: 700; text-decoration: none; }
					.anmfsa_member_join .memberjoinprogress li a .icon{ display: inline-block; width: 85px; height: 85px; padding-top: 2px; background-color: #c1c3c5; color: #ffffff; border-radius: 100px; font-size: 45px; }
					.anmfsa_member_join .memberjoinprogress li a .label{ display: block; margin-top: 20px; color: #c1c3c5; }
					.anmfsa_member_join .memberjoinprogress li.selected a{  }
						.anmfsa_member_join .memberjoinprogress li.selected a .icon{ background-color: #6b1f7e; color: #ffffff; }
						.anmfsa_member_join .memberjoinprogress li.selected a .label{ color: #444444; }
		.anmfsa_member_join .PanelField{  }
			.anmfsa_member_join .PanelField{  }
				.anmfsa_member_join .PanelField label, .anmfsa_member_join .PanelField .Label{  }
				.anmfsa_member_join .PanelFieldValue{ max-width: 70%; }
				.anmfsa_member_join .RadComboBox.RadComboBox_MetroTouch{ max-width: 50%; }
	.anmfsa_member_join .panel{ max-width: 760px; margin: 30px auto; padding: 30px; background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.2); }
	.anmfsa_member_join input{ font-family: 'Open Sans', sans-serif !important; font-size: 14px; }
	.anmfsa_member_join select{ font-family: 'Open Sans', sans-serif !important; font-size: 14px; }
	.anmfsa_member_join input[type="radio"] + label
	, .anmfsa_member_join input[type="checkbox"] + label{ font-size: 12px; font-weight: 400 !important; }
	.anmfsa_member_join .EditValue table{ width: 100%; }
	.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem
	, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered
	, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled
	, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading{ font-family: 'Open Sans', sans-serif !important; font-size: 14px; }
	#masterMainButtonBar{ max-width: 1170px; margin-left: auto; margin-right: auto; }
	.anmfsa_member_join .EditContainer{ margin-bottom: 40px; }
	.anmfsa_member_join .Alerts .AlertItem{ padding: 0; background-color: transparent; border: none; overflow: hidden; }
		.anmfsa_member_join .Alerts .AlertItem .label{ float: left; width: 40%; margin-bottom: 10px; color: #444444; font-weight: 700; }
		.anmfsa_member_join .Alerts .AlertItem .value{ float: left; width: 60%; margin-bottom: 10px; }
					
/*** MEDIA NEWS PAGE ***/	
	.newslist{ display: block; margin: 0; padding: 0; list-style: none; }
		.newslist li{ display: inline-block; width: 32%; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; vertical-align: top; }
			.newslist li:nth-child(3n+2){ margin-left: 1.45%; margin-right: 1.45%; }
			.newslist li a{ display: block; color: #666666; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.4); overflow: hidden; text-align: left; text-decoration: none; }
				.newslist li a>span{ display: block; margin: 0 0 20px; }
					.newslist li a .image{ position: relative; padding: 0 0 65%; background-position: center; background-size: cover; }
						.newslist li a .image:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; background-color: rgba(0,0,0,0.15); transition: all 0.3s; }
					.newslist li a .title{ padding: 0 20px; font-size: 18px; font-weight: 700; line-height: 24px; }
					.newslist li a .summary{ padding: 0 20px; font-size: 12px; line-height: 18px; }
					.newslist li a .linklabel{ padding: 0 20px; color: #61ce70; font-size: 12px; line-height: 18px; text-transform: uppercase; }
				.newslist li a:hover{ box-shadow: 0 0 35px rgba(0,0,0,0.25); }
					.newslist li a:hover .image:after{ background-color: rgba(0,0,0,0); }
					
/*** UNION SA PAGE ***/
	.anmfsa_union_sa_layout .fa-balance-scale{ color: #61ce70; }
	.anmfsa_union_sa_layout .fa-ul{  }
		.anmfsa_union_sa_layout .fa-ul li{ margin-bottom: 20px; padding-left: 20px; }
			.anmfsa_union_sa_layout .fa-ul li .title{ display: block; margin-bottom: 0px; color: #61ce70; font-size: 22px; font-weight: 700; }
			.anmfsa_union_sa_layout .fa-ul li .text{ display: block; color: rgb(120,120,120); font-size: 16px; font-weight: 300; line-height: 24px; }
	.anmfsa_union_sa_layout .greybar{ display: block; margin-bottom: 50px; padding: 50px 0; background-color: #54595f; }
		.anmfsa_union_sa_layout .greybar iframe{ width: 95%; }
		.anmfsa_union_sa_layout .greybar .fa-ul{  }
			.anmfsa_union_sa_layout .greybar .fa-ul .fas{ color: #61ce70; vertical-align: -3px; }
			.anmfsa_union_sa_layout .greybar .fa-ul .title{ color: #ffffff; }
			.anmfsa_union_sa_layout .greybar .fa-ul .text{ color: #ffffff; }
	.anmfsa_union_sa_layout .testimonialbar{ display: block; margin-bottom: 1px; padding: 80px 0; background-image: url(https://www.anmfsa.org.au/images/site_anmfsa/slide_b_1.jpg); background-size: cover; }
		.anmfsa_union_sa_layout .testimonials li a .testimonial{ background-color: #23a455; color: #ffffff; }
			.anmfsa_union_sa_layout .testimonials li a .testimonial:after{ background-color: #23a455; }
	.anmfsa_union_sa_layout .becomeamember{ margin-bottom: 0; }
	.anmfsa_union_sa_layout .contactrow{ display: block; padding: 30px 0; background-color: #8bdb96; color: #ffffff; overflow: hidden; }
		.anmfsa_union_sa_layout .contactrow h2{ clear: both; }
		.anmfsa_union_sa_layout .contactrow .fa-ul{ float: left; width: 48%; }
			.anmfsa_union_sa_layout .contactrow .fa-ul li{ color: #ffffff; font-size: 20px; }
				.anmfsa_union_sa_layout .contactrow .fa-ul li .text{ padding-top: 4px; color: #ffffff; font-size: 20px; font-weight: 400; }
		.anmfsa_union_sa_layout .contactrow .contactform{ float: right; width: 48%; }
	.anmfsa_union_sa_layout .courselinks li a .ov{ background-color: #61ce70; }
	
	
					
@media(max-width: 1024px){
	.catbar ul li{ padding: 0 5px; }
		.catbar ul li a .up{ padding: 40px 10px; }
		.catbar ul li a .ov{ padding: 60px 10px; }
		.newslist li{ width: 48%; margin: 5px 5px 30px; }
		.newslist li:nth-child(3n+2){ margin: 5px 5px 30px; }
		.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink{ font-size: 12px; }
}
@media(min-width: 768px){
	.header-search .search-field:hover { /*background-color: #fff; width: 200px;*/ }
}

@media(max-width: 768px){
	.navbar-header .contact{ display: none; }
	.header-top-container{ height: 60px; }
	.header-bottom-container{ z-index: 1000000 !important; height: auto; }
	.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text{ width: auto; }
	.navbar-toggle{ background-color: transparent !important; }
		.navbar-toggle .icon-bar{ background-color: #ffffff;  }
		.navbar-toggle .icon-search{ filter: invert(100%); }
	.RadMenu.RadMenu_GreatBarrierReef{ float: none !important; margin-top: 19px; }
		.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup{ background-color: #6d207c; }
	.banner .inner .title{ font-size: 28px; line-height: 30px; font-weight: 700; }
	.banner .inner .smalltitle{ font-size: 16px; line-height: 24px; font-weight: 700; }
	.ctabar{ padding: 30px 0; }
		.ctabar a{ display: block; margin: 0 0 10px; }
	.catbar{ background-size: cover; }
		.catbar ul li{ display: block; width: 100%; margin: 0 0 10px; }
	.latestnewslist li{ display: block; width: 100%; margin: 0 0 10px; }
	.eventscntr .latesteventslist li{ display: block; width: 100%; margin: 0 0 10px; }
	.footer-content .map{ display: block; width: 100%; margin: 0 0 30px; padding: 10px !important; border-top: 0; }
	.footer-content .address{ display: block; width: 100%; margin: 0 0 30px; padding: 10px !important; border-top: 0; }
	.footer-content .quicklinks{ display: block; width: 100%; margin: 0 0 30px; padding: 10px !important; border-top: 0; }
	.footer-content .rightsidelinks{ display: block; width: 100%; margin: 0 0 30px; padding: 10px !important; border-top: 0; }
	.footer-content .socialnav{ position: relative; bottom: auto; right: auto; display: block; width: 100%; margin: 0 0 30px; padding: 10px !important; border-top: 0; }
	.teamprofiles li{ display: block; width: 100%; margin: 0 0 30px !important; }
	.anmfsa_about_layout .testimonials li{ display: block; width: 100%; margin: 0 0 30px !important; }
	.benefitslist li{ display: block; width: 100%; margin: 0 0 10px !important; }
	.paymentpanel{ padding: 0 !important; border-right: none !important; }
		.paymentpanel.left{ margin-bottom: 30px; padding-bottom: 30px !important; border-bottom: solid 2px #6d207c; }
	.courselinks li{ display: block; width: 100%; margin: 0 0 10px !important; }
	.anmfsa_union_sa_layout .greybar iframe{ width: 100%; }
	.testimonials li{ display: block; width: 100%; margin: 0 0 30px !important; }
	.anmfsa_anmec_layout .collapsibles .collapsiblesection ul li{ display: block; width: 100%; margin-bottom: 10px !important; }
	.policieslist li{ display: block; width: 100%; margin: 0 0 30px !important; }
	.becomeamember p.title{ font-size: 60px; line-height: 70px; }
	.newslist li{ display: block; width: 100%; margin: 0 0 30px !important; }
	.filtersmenu .squarelink{ padding: 0 0 100%; }
	.anmfsa_event_search_layout .filtersbar .filterslist li{ display: block; width: 100%; margin: 0 0 5px !important; }
		.anmfsa_event_search_layout .filtersbar .filterslist li input{ width: 95%; }
		.anmfsa_event_search_layout .filtersbar .filterslist li a{ width: 95%; }
	.eventslist li a .details{ width: 100%; }
	.nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink{ margin: -2px 10px 0 10px; }
	.nav-auxiliary .nav-aux-button .NavigationLink{ margin-left: 0; }
	.header-search .search-field{ width: 90%; height: auto; margin-left: 15px; margin-right: 15px; padding: 10px; background-color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 14px; }
	.anmfsa_member_join .memberjoinprogress{ zoom: 0.5; }
	.anmfsa_member_join .panel{ max-width: 730px; }
		.anmfsa_member_join table{ width: 100%; }
		.anmfsa_member_join .PanelField label, .anmfsa_member_join .PanelField .Label{ clear: both; width: 100%; margin-top: 20px; }
		.anmfsa_member_join .PanelFieldValue{ clear: both; width: 100%; }
		.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink{ font-size: 16px; }
}
@media(max-width: 700px){
	.anmfsa_member_join .panel{ max-width: 650px; }
	.banner .inner h1{ font-size: 42px; line-height: 50px; }
	h2{ font-size: 36px; }
	.sloganbar h2{ font-size: 42px; }
	.eventscntr .latesteventslist li a .text .details .title{ margin-bottom: 15px; font-size: 18px; line-height: 24px; }
}
@media(max-width: 400px){
	.anmfsa_member_join .panel{ max-width: 340px; }
}

/*
.HomePageFullWidthArea {
    background-color: #f5f5f5;
}


.OnBehalfOfContainer {
	display:none;
}



.row.fullwidth.sectionlinks {
    padding: 30px 0 10px;
}

.row.fullwidth.marketing {
    padding: 30px 0 30px;
}

h2 {
    margin: 0 0 20px;
}
*/

.anmfnopadding  .panel-body{ padding: 0!important; }
.anmfnopadding .PanelBody{ padding: 0!important; }

/*
.EventSummary { display: none;}
.TitleBarTitle { display: none;}
.ContactLocationArea { display: none;}
*/

.RadTabStrip.RadTabStrip_MetroTouch {
    background: #602070;
    padding: 10px 10px 0 10px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    background-color: #602070 !important;
    border-color: #602070 !important;
}

.filtersmenu>h2>a {
    text-decoration: none;
    color: #61ce70;
}

/*############### Content Buddy Styles#########*/
.psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group.expanded .psc-cb-accordion-toggle {
    background-color: #6b207f!important;
	}
	
	.psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group .psc-cb-accordion-toggle {
    background-color: #6b207f!important;

}
.psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group.expanded .psc-cb-accordion-content {
    border: solid 1px #6b207f!important;

}