.sabc_footer {height:250px; background-color:#000; color:#FFF; font-family:Roboto; padding-top:20px; padding-bottom:50px; font-size:13pt;}
	.sabc_footer_butt {background-color:#000; color:#008758; padding:15px; padding-left:25px; padding-right:25px; border:2px solid #008758; text-decoration:none; font-weight:bold;}
	.sabc_footer_butt:hover {color:orange; border:2px solid orange;}
	@media only screen and (max-width: 1024px) {
		.sabc_footer table {width:99%;}
	}html, body {font-family:'Oswald',Helvetica,Arial,ucida,Tahoma,San-serif; margin:0px; }
		
		/* DISPLAY: */
		.b {font-weight:bold;}
		.db {display:block;}
		.dib {display:inline-block;}
		.hide {display:none;}
		.pr {position:relative;}
		.center {margin:0px auto;}	/* Use with width to create a centered div */
		.fr {float:right;}
		.fl {float:left;}
		ul {margin-left:30px;}
		ul.tick {
			list-style: none;
		}
		ul.tick li:before {
			content: '✓ ';
		}
		.info {background-image:url('/images/info_off.png'); width:100%; height:100%; background-size:contain; display:inline-block; cursor:help;}
		.info:hover {background-image:url('/images/info_on.png');}
		.alert {color:rgb(190,30,45); font-weight:bold; text-align:center; border:1px solid rgb(190,30,45); padding:5px; border-radius:10px;}
		.alert2 {background-color:rgb(190,30,45); color:#FFF; font-weight:bold; text-align:center;padding:5px; border-radius:10px;}
		
		/* FONT */
		.roboto {font-family:'Roboto',Tahoma,San-serif;}
		.s {font-size:9pt;}
		.w {color:#FFF;}
		.fs12 {font-size:12px;}
		.fs13 {font-size:13px;}
		.fs14 {font-size:14px;}
		.fs15 {font-size:15px;}
		.fs18 {font-size:18px;}		
		.fs20 {font-size:20px;}		
		.fs30 {font-size:30px;}				
		.fs40 {font-size:40px;}			
		
		/* HEADINGS */
		h2, h4 {color:#147B4C;}
		
		/* ALIGN */
		.tac {text-align:center;}
		.tar {text-align:right;}
		.tal {text-align:left;}		
		.vat {vertical-align:top;}
		.taj {text-align:justify;}
		
		/* HR */
		hr {border-top:1px solid #CCC;width:90%;}
		
		/* COLORS (FONT) */
		.gray {color:#777;}
		.graylite {color:#CCC;}
		.graydark {color:#444;}
		.white {color:#FFF;}
		.green {color:#147B4C;}
		.red {color:#de3831;}			/* brownish red - see services/BCoachingNew.php */
		
		/* BG */
		.bgw {background-color:#FFF;}
		.bggreen {background-color:#008758;}/* green used on new pages */
		.shade {background-color:#EEE;}		/* very light gray */
		.shade_dark {background-color:#555;}		/* dark gray */		
		.shade_vdark {background-color:#222;}		/* vdark gray */		
		.bgb {background-color:#000;}		/* black */		
		.bg1 {background-color:#0b472c;}	/* dark green */
		.bg2 {background-color:#10633d;}	/* lighter green */		
		.bg3 {background-color:#147B4C;}	/* lighter green */
		.bg4 {background-color:#159b5d;}	/* lighter green */		
		.bg5 {background-color:#19b86f;}	/* lighter green */	
		.bg6 {background-color:#FF9966;}	/* orange */
		
		/* LINKS */
		a.glink {color:#008758; font-weight:bold; text-decoration:none;}
		a.glink:hover {color:orange;}
		a.wlink {color:#FFF; font-weight:bold; text-decoration:none;}
		a.wlink:hover {color:orange;}
		a.olink {color:orange; font-weight:bold; text-decoration:none;}
		a.olink:hover {color:yellow;}
		a.toplink {display:inline-block;text-decoration:none;font-weight:bold;font-size:9pt;color:#14784C;}
		a.toplink:hover {color:gray;}
		a.butt_social {display:inline-block; background-color:#008758; color:#FFF; font-weight:bold; font-size:15pt; width:35px; height:35px; text-decoration:none; text-align:center; vertical-align:middle; line-height:190%; border-radius:5px;}
		
		/* BORDERS */
		.bs {border:1px solid #CCC;}
		.bd {border:1px dashed #555;}		
		.bt {border-top:1px solid #CCC;}
		.bt2 {border-top:1px solid #222;}		
		.bb2 {border-bottom:1px solid #147B4C;}
		.btd {border-top:1px dashed #CCC;}
		
		/* PADDING */
		.p5 {padding:5px;}		
		.p10 {padding:10px;}
		.pt10 {padding-top:10px;}		
		.p15 {padding:15px;}
		.p20 {padding:20px;}
		.pt20 {padding-top:20px;}		
		.pl20 {padding-left:20px;}					
		.pr20 {padding-right:20px;}					
		.pb20 {padding-bottom:20px;}
		.pl50 {padding-left:50px;}					
		.pr50 {padding-right:50px;}					
		.pb50 {padding-bottom:50px;}
		
		/* MARGINS */
		.mt15 {margin-top:15px;}
		.mt30 {margin-top:30px;}
		.mr20 {margin-right:20px;}
		.ml10 {margin-left:10px;}		
		.ml20 {margin-left:20px;}
		.ml25 {margin-left:25px;}
		.ml50 {margin-left:50px;}
		.mlm20 {margin-left:-20px;}
		.mt20 {margin-top:20px;}		
		.mtm20 {margin-top:-20px;}
		.mtm40 {margin-top:-40px;}		
		.mtm500 {margin-top:-500px;}		
		.mb15 {margin-bottom:15px;}
		
		/* WIDTHS */
		.w100_perc {width:100%;}
		.w100p {width:100%;}
		.w80_perc {width:80%;}
		.w80p {width:80%;}	
		.w70p {width:70%;}
		.w50_perc {width:50%;}
		.w50p {width:50%;}		
		.w60_perc {width:60%;}
		.w60p {width:60%;}		
		.w20_perc {width:20%;}
		.w20p {width:20%;}		
		.w200 {width:200px;}
		
		/* HEIGHTS */
		.h20 {height:20px;}		
		.h50 {height:50px;}		
		.h80 {height:80px;}		
		.h100 {height:100px;}
		.h200 {height:200px;}
		
		/* BORDER-RADIUS */
		.br10 {border-radius:10px;}
		.br15 {border-radius:15px;}
		.br15_tl {border-top-left-radius:15px;}
		.br15_tr {border-top-right-radius:15px;}		
		.br15_bl {border-bottom-left-radius:15px;}		
		.br15_br {border-bottom-right-radius:15px;}		

		/* BUTTONS */
		
		a.button_orange {color:#FFF;background-color:orange;border:1px solid orange;display:inline-block;text-align:center;}
		a.button_orange:hover {background-color:#FFF;color:orange;}		
		a.button_red {color:white;background-color:#b20000;border:1px solid #b20000;display:inline-block;text-align:center;}
		a.button_red:hover {background-color:#FFF;color:#b20000;}
		a.button_red2 {color:white;background-color:#de3831;border:1px solid #b20000;display:inline-block;text-align:center;}
		a.button_red2:hover {background-color:#FFF;color:#de3831;}						
		
		/* HOME PAGE: */
		a.button_big_round {padding:10px; background-color:#FFF; text-align:center; text-decoration:none; font-weight:bold; font-size:14pt; display:inline-block; width:240px; border-radius:10px;}
		a.button_big_round:hover {color:#000000; background-color:#EEEEEE;}
		a.button_green2 {background-color:#147B4C;color:#FFF;display:inline-block;padding:3px;width:100px;font-size:10pt;text-align:center;border:1px solid #147B4C;}
		a.button_green2:hover {background-color:#FFF;color:#147B4C;}
		
		/* SERVICES PAGE */
		a.button_big {padding:10px;background-color:#FFF;text-align:center;text-decoration:none;font-weight:bold;font-size:12pt;display:inline-block;width:200px;border:1px solid #14784C;}
		a.button_big:hover {color:#FFFFFF;background-color:#14784C;}
		a.button_big_round_red {padding:10px;color:#FFF;background-color:#de3831;text-align:center;text-decoration:none;font-weight:bold;font-size:13pt;display:inline-block;width:200px;border:1px solid #FFF;border-radius:15px;}
		a.button_big_round_red:hover {color:#de3831;background-color:#FFF;}

		/* TRAINING PAGE */
		a.button_green {text-decoration:none; background-color:#147B4C; border:1px solid teal; padding-top:5px; padding-bottom:5px; color:#FFF; text-align:center; width:105%; font-size:14pt;}
		
		.butt {background-color:#147B4C; color:#FFF; padding:5px; font-weight:bold; font-size:12pt; padding-left:10px; padding-right:10px;}

		.butt_green {text-decoration:none; background-color:#147B4C; border:1px solid teal; padding:10px; color:#FFF; text-align:center; font-size:14pt; padding-left:40px; padding-right:40px; border-radius:20px; cursor:pointer;}
		.butt_green:hover {background-color:orange; border:1px solid orange;}
		.butt_green:disabled {background-color:#999; border:1px solid #999; cursor:not-allowed;}		
		
		/* INPUTS */
		input[type=text] {border:1px solid #AAA; height:30px; border-radius:5px;}
		input[type=email] {border:1px solid #AAA; height:30px; border-radius:5px;}		
		input[type=tel] {border:1px solid #AAA; height:30px; border-radius:5px;}				
		
		/* TABLES */
		.grid {width:100%;text-align:center;background-color:#EEE;font-size:12pt;color:#222;}
		.head {background-color:#147B4C;color:#FFF;font-size:13pt;padding:5px;}
		.head th {padding:3px;text-align:center;}
		.grid td {background-color:#EEE;color:#222;padding:3px;}
		.grid .one {background-color:#555;color:#FFF;}
		.grid .two {background-color:#CCC;color:#222;}
		.grid .three {background-color:#FF9966;color:#222;}
		.grid .white {background-color:#FFF;color:#222;}	
		.grid .w1 {width:16%;}
		
		/* BOXES */
		.leftbox {float:left;}
		.rightbox {float:right;}		

		/* MEDIA */
/*		.media_normal {display:block;}
		.media_mobile {display:none;}
		.media_tablet {display:none;}
		@media (max-width:480px) {
			.leftbox {display:block;float:none;width:100%;}
			.rightbox {display:block;float:none;width:100%;}
			.grid {font-size:0.8rem;}
			.grid .head {font-size:0.8rem;}
			.media_normal {display:none;}
			.media_tablet {display:none;}			
			.media_mobile {display:block;}			
		}
		@media (max-width:768px) {
			.leftbox {display:block;float:none;width:100%;}
			.rightbox {display:block;float:none;width:100%;}
			.grid {font-size:0.8rem;}
			.grid .head {font-size:0.8rem;}
			.media_normal {display:none;}
			.media_tablet {display:block;}			
			.media_mobile {display:none;}			
		}
*/	/* SITE MENU */
		.topnav {overflow:hidden;}
		.topnav a {float: left; display:block; color:rgba(0,0,0,.6); text-align:center; padding:14px 16px; text-decoration:none; font-size:11pt;	font-family:'Oswald',Helvetica,Arial,sans-serif;}
		.topnav a:hover {color:#AAA;}
		.topnav a.selected {color:#009263;}
		.topnav .icon {display:none; color:rgba(0,0,0,.6); font-size:20pt;}
		/* FOR MOBILE: HIDE ALL LINKS EXCEPT 'HOME' */
		@media screen and (max-width: 1024px) {
/*			.topnav a:not(:first-child) {display:none;} */
			.topnav a {display:none;}
			.topnav a.icon {float:right; display:block; color:rgba(0,0,0,.6); padding:0px 16px;}
		}
		/* 	ADD 'responsive' class to topnav via JS when user clicks on icon. 
			This class makes the topnav look good on small screens (display the links vertically instead of horizontally) 
		*/
		@media screen and (max-width: 1024px) {
			.topnav.responsive {position:relative;}
			.topnav.responsive a.icon {position:absolute; right:0; top:0;}
			.topnav.responsive a {float:none; display:block; text-align:left;}
		}
	}
.sabc_page_banner {position:relative; border-top:1.5px solid #008758; border-bottom:4px solid #008758; padding-top:30px; padding-bottom:8px; margin:0px auto;}
	.topline {position:relative; font-size:30px; color:#555; font-weight:normal; text-align:center; margin-bottom:0px; letter-spacing:4px;}
	.banner_title {position:relative; font-size:84px; color:#008758; font-weight:bold; text-align:center;}
	.banner_title_small {position:relative; font-size:64px; color:#008758; font-weight:bold; text-align:center;}	
	.banner_right {display:inline-block;}
	.banner_bottom {display:none;}
	/* FOR MOBILE ONLY: */
	@media only screen and (max-width: 1024px) {
		.topline {font-size:18px;}
		.banner_title {font-size:60px;}
		.banner_title_small {font-size:50px;}
		.banner_right {display:none;}
		.banner_bottom {display:block; text-align:center;}
	}