body,html,.Norm { font-family: arial,helvetica,sans-serif; font-size: 18px; }
	h2, .SYRAboutHdr { color: #b2282f; font-size: 36px; }
	h3 { color: #b2282f; font-size: 28px; }
	h4 { color: #b2282f; font-size: 22px; }
	#PageBox { width: 100%; font-family: arial,helvetica,sans-serif; }
	#TopLine { background-color: #b2282f; color: white; text-align: right; height: 48px; padding: 4px 30px 4px 30px; font-size: 14px; font-family: arial,helvetica,sans-serif; }
	.TLButton { text-decoration: none; background-color: #f57b20; color: white; font-weight: bold; padding: 8px 18px 8px 18px;}
	#BreadCrumbs { text-align: left; padding: 8px 0px 8px 30px; color: #D0333A; font-size: 13px; font-weight: bold; }
	#BreadCrumbs a { color: #D0333A; text-decoration: none; }
	
	.OLine { width: 100%; background: url('/images/o-line.gif') repeat-x; }
	.Obutton { display: inline-block; text-align: center; background-color: #f57b20; font-weight: bold; color: white; padding: 8px 20px 8px 20px; text-decoration: none; border: 0px; font-size: 18px; }

	.LogoTop { height: 60px; width: auto; border: 0px; padding: 6px 0px 6px 0px; }

	#HeaderBox { display: block; background-color: #ffffff; }
	.HeaderImg { width: 100%; height: auto; border: 0px; z-index: 10; }

	#HoverOut1, #HoverOut2 { display: inline-block; width: 50%; padding: 0px; margin: 0px; position: relative; min-height: 280px; }
	#HoverOut1 h2, #HoverOut2 h2 { font-family: Lato,arial,helvetida,sans-serif; font-size: 2.6em; color: #b2282f; font-weight: bold;}
	#HoverOut1 img:hover, #HoverOut2 img:hover { opacity: 0; } 
	.HO1Inner, .HO2Inner { width: 100%; margin: auto; text-align:left; padding: 0px 0px 0px 12%; white-space:normal; overflow-wrap: break-word; }

	.HomeCR { display: inline-block; color: white; font-size: 18px; margin-bottom: 18px; text-align: left;}
	.HomeCR img { height: 120px; width: auto; margin: 0px 18px; }

	.MidBox { display: inline-block; width: 310px; height: 320px; margin: 8px; border: 0px; color: white; font-face: Lato,arial,sans-serif; position: relative; }
	.MidBoxText { width: 100%; position: absolute; bottom: 0px; text-align: center; }
	.MidBoxText a { color: white; text-decoration: none; }
	.MidBoxText a:hover { color: #f57b20; }
	#MidRedLine { background-color: #b2282f; color: white; font-size: 32px; font-family: Lato,arial,sans-serif; font-weight: bold; padding: 24px; letter-spacing: .1em; text-align: center; }
	.MidButton { display: inline-block; background-color: #B2282F; color: white; width: 200px; padding: 8px; margin: 12px; text-align: center; font-weight: bold; font-size: 14px; border-radius: 8px; text-decoration: none; font-family: arial,helvetica,sans-serif; }

	#AboutTop { display: inline-block; text-align: left; width: 72%; position: relative; }
	.MidPageHalfBox { display: inline-block; vertical-align: top; width: 44%; max-width: 550px; margin: 0px 20px; text-align: left; }
	.MidPage3rdBox { display: inline-block; vertical-align: top; width: 32%; max-width: 360px; margin: 0px 20px; text-align: left; }
	
	.OrangeBox { display: inline-block; margin: 18px; border: 2px solid #F57B20; color: #F57B20; font-size: 18px; width: 100%;  }
	.LowerText { color: #B2282F; font-size: 20px; letter-spacing: 1px; }
	.LowerButton { display: inline-block; background-color: #B2282F; color: white; padding: 8px; margin: 12px; text-align: center; font-weight: bold; font-size: 18px; border-radius: 8px; text-decoration: none; font-family: arial,helvetica,sans-serif; }

	.iframe-video { width: 500px; height: 280px; }

	.Speaking1 { display: inline-block;  width: 40%; text-align: left; vertical-align: top; }
	.Speaking2 { display: inline-block; width: 58%; text-align: left; vertical-align: top; }
	.Speaking3 { display: inline-block;  width: 49%; text-align: left; vertical-align: top; }
	.Speaking4 { display: inline-block; width: 49%; text-align: left; vertical-align: top; }

	.QuoteBox { display: block; width: 100%; max-width: 480px; background-size: cover; color: white; margin-bottom: 20px; overflow: auto; } /* add background image in style tag */
	.QuoteBox2 { display: block; width: 90%; background-size: cover; color: white; margin-bottom: 20px; overflow: auto; } /* add background image in style tag */
	.QuoteBox > div { text-align: left; padding: 20px; }
	.QuoteBox2 > div { text-align: left; padding: 20px; }

	.SYRHomeImg { width: 500px; height: auto; padding-left: 24px; }
	.SYRHomeTxt { font-size: 36px; color: #b2282f; font-weight: bold; text-align: right; }
	
	.SYRThirdBox { display: inline-block; width: 30%; max-width: 360px; min-width: 320px; margin: 10px; text-align: center; vertical-align: top; border: 1px solid #F57B20; color: #F57B20; font-size: 18px; line-height: 22px; }
	.SYRThirdBox a { color: #F57B20; font-size: 12px; }
	.SYRThirdBox img { width: 50%; max-width: 150px; height: auto; padding: 12px; }

	.SYRAboutLowerBox1 { display: inline-block; overflow: hidden; width: 33%; float: left; background: url('/images/syr-about-lower.jpg') top center no-repeat; height: 100%; }
	.SYRAboutLowerBox2 { display: inline-block; color: white; text-align: center; font-size: 1.66em; position: relative; }
	
	.HomeQuote { font-weight: normal; text-align: left; padding: 0px 40px 16px 40px; }
	.PeachQuote { background-color: #F47C2B; width: 90%; max-width: 1000px; }
	.OrangeQuote { background-color: #F4491E; width: 90%; max-width: 1000px; }
	.RedQuote { background-color: #B2282F; width: 90%; max-width: 1000px; }
	.FireQuote { background: url('/images/fire-quote-bg.jpg') top center no-repeat; width: 90%; max-width: 1000px; }
	.HomeQuote, .PeachQuote, .OrangeQuote, .RedQuote, .FireQuote, .QuoteBox > div, .QuoteBox2 > div { color: white; line-height: 26px; font-size: 22px; }

	
	#nav { margin: auto; height: 50px; position: relative; z-index: 200; }
	#nav2 { height: 36px; position:relative; float: left; text-align: left; line-height: 24px; font-family: "News Cycle","arial narrow",arial,helvetica,sans-serif; color: #D0333A; font-size: 24px; z-index: 200; padding-top: 4px; }
	#nav2 a:link, #nav a:active, #nav a:visited{ 
		position: relative;
		display: block;
		text-align: left;
		vertical-align: middle;
		padding: 8px 16px 8px 16px;
		color: #D0333A;
		text-decoration: none;
		background-color: #ffffff;
	}
	#nav2 a:link, #nav2 a:active, #nav2 a:visited { color: #D0333A; }
	#nav2 a:hover{ color: #000000; }
	#nav3 { float: clear; position: absolute; width: 10em; top: 1.8em; display: none; height: 20px; z-index: 200; }
	#nav3 a:link, #nav3 a:active, #nav3 a:visited { border: 1px #000000 solid; background-color: #ffffff; color: #D0333A; }
	#nav3 a:hover{ background-color: #B2282F; color: #ffffff; }
	#nav2 #nav3 { display: none; }
	#nav2:hover #nav3 { display: block; z-index: 200; }
	#ShowMenu a { display: block; width: 200px; text-decoration: none; color: #B2282F; background-color: #ffffff; border: 1px solid #B2282F; padding: 2px 12px 2px 0px; }
	#ShowMenu a:hover { background-color: #B2282F; color: #ffffff; }

	.NewsBox { display: inline-block; width: 100%; max-width: 1000px; text-align: left; padding-bottom: 32px; overflow: auto; }
	.NewsBox img { float: left; width: 50%; max-width: 576px; height: auto; vertical-align: text-top; margin-right: 24px; }
	.NBTextBox { display: inline-block; width: 46%; }
	.NBTitle { font-weight: bold; color: #d0333a; font-size: 28px; }
	.NBDate { color: black; font-size: 16px; font-weight: normal; }
	.NBDesc { color: black; font-size: 16px; }

	#HoverOut1TextBox, #HoverOut2TextBox { background-color: white; position: absolute; top: 0; left: 0; opacity: 0.0; z-index: 50; width: 100%; height: 100%; }
	#HoverOut1TextBox:hover, #HoverOut2TextBox:hover { opacity: 1.0; }
	
	@media (min-width: 961px) {
		#LogoSection { display: none; }
	}
	@media (min-width: 841px) {
		.Only840 { display: none; }
	}
	@media (min-width: 641px) {
		.MobOnly { display: none; }
	}
	@media (min-width: 1109px) { .TabletSizeOnly { display: none; } }
	@media (max-width: 1108px) {
		#LogoSection { display: block; padding: 12px 0px 12px 0px; }
		#HoverOut1 h2, #HoverOut2 h2 { font-size: 28px; }
		#HoverOut1, #HoverOut2 { font-size: 14px; }
		#MidRedLine { font-size: 26px; }
		.HO1Inner, .HO2Inner { padding: 0px 0px 0px 10px; }
		.XWideOnly { display: none; }
		.TabletSizeNone { display: none; }
		.QuoteBox > div { font-size: 16px; }
		.SYRHomeImg { width: 360px; }
		.SYRHomeTxt { font-size: 32px; }
		.SYRAboutLowerBox2 { font-size: 1.33em; }
	}
	@media (max-width: 900px) {
		.SYRLowerImg { display: none; }
		#nav2 { font-size: 20px; }
	}
	@media (max-width: 840px) {
		.SYRHomeImg { width: 300px; }
		.SYRHomeImg { width: 300px; }
		.SYRHomeTxt { font-size: 28px; }
		#HoverOut1, #HoverOut2 { width: 100%; overflow: hidden; }
		#HoverOut1 h2, #HoverOut2 h2 { font-size: 24px; }
		#nav2 { font-size: 16px; }
		.NBTextBox {  width: 90%; }
		.NBDesc {  padding: 0px 20px 0px 20px; }
		.NewsBox img { width: 100%; height: auto; }
		.NewsImg { margin-top: 20px; }
	}
	@media (max-width: 640px) {
		body,html,.Norm { font-size: 14px; }
		h2, .SYRAboutHdr { font-size: 28px; text-align: center; }
		.DTOnly { display: none; }
		#TopLine { height: 72px; }
		#MidRedLine { font-size: 18px; }
		#AboutTop { width: 100%; }
		.LogoTop { height: 40px; }
		.HomeQuote, .PeachQuote, .OrangeQuote, .RedQuote, .FireQuote, .QuoteBox > div, .QuoteBox2 > div { font-size: 18px; }
		
		.HomeCR { font-size: 18px; height: 110px; }
		.HomeCR img { height: 100px; width: 100px; }
		.iframe-video { width: 320px; height: 180px; }
		.MidPageHalfBox { width: 80%; }
		.Speaking1, .Speaking2, .Speaking3, .Speaking4 { width: 100%; }
		.SYRHomeImg { display: none; }
		.SYRHomeTxt { text-align: center; }
		.WideAt640 { width: 100%; }
		.NewsImg { margin-top: 0px; }
		.NBDesc {  padding: 0px 20px 0px 20px; }
	}
	
	#HomeHdr { display: block; width: 100%; max-width: 1200px; position: absolute; z-index: 150; }
	#HomeHdr h1 { padding: 20% 0px 0px 0px; opacity: 1.0; z-index: 150; font-size: 56px; color: #b2282f; font-face: Lato,arial,sans-serif; font-weight: bold; text-shadow: 1px 1px 2px black; }
	.SRText { font-size: 56px; color: #b2282f; font-face: Lato,arial,sans-serif; font-weight: bold; margin: 0px; }
	.SRText2 { font-size: 40px; color: #b2282f; font-face: Lato,arial,sans-serif; font-weight: bold; margin: 0px; }
	@media (max-width: 1000px) { #HomeHdr h1 { padding: 30% 0px 0px 0px; font-size: 48px; } .SRText { font-size: 48px; } .SRText2 { font-size: 36px;} }
	@media (max-width: 840px) { #HomeHdr h1 { padding: 24% 0px 0px 0px; font-size: 40px; } .SRText { font-size: 40px; } .SRText2 { font-size: 28px;} }
	@media (max-width: 640px) { #HomeHdr h1 { padding: 18% 0px 0px 0px; font-size: 28px; } .SRText { font-size: 28px; } .SRText2 { font-size: 18px;} }
	
	.embed-container { display: block; position: relative; padding-bottom: 50%; height: 0; overflow: hidden; width: 100%; max-width: 1200px; height: auto; opacity: 1.0; z-index: -100; background-image: url('/images/video_poster.jpg'); background-size: cover; }
	.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	small { font-size: 12px; }
	.tiny { font-size: 10px; padding-bottom: 3px; }
	.NewsImg { width: 100%; max-width: 960px; height: auto; border: 0px; z-index: 10; margin-top: 80px; }
	.NewsLetter { width: 90%; max-width: 1024px; text-align: left; }
	
	.TextGradient { font-size: 36px; line-height: 48px;
		background-image: -webkit-linear-gradient(left, #b2282f, #F57B20); /* For Chrome and Safari */
		background-image:    -moz-linear-gradient(left, #b2282f, #F57B20); /* For old Fx (3.6 to 15) */
		background-image:     -ms-linear-gradient(left, #b2282f, #F57B20); /* For pre-releases of IE 10*/
		background-image:      -o-linear-gradient(left, #b2282f, #F57B20); /* For old Opera (11.1 to 12.0) */
		background-image:         linear-gradient(to right, #b2282f, #F57B20); /* Standard syntax; must be last */
		color:transparent;
		-webkit-background-clip: text;
		background-clip: text;
	}
	.TextGradient2 { font-size: 36px; line-height: 48px;
		background-image: -webkit-linear-gradient(left, #F57B20, #b2282f); /* For Chrome and Safari */
		background-image:    -moz-linear-gradient(left, #F57B20, #b2282f); /* For old Fx (3.6 to 15) */
		background-image:     -ms-linear-gradient(left, #F57B20, #b2282f); /* For pre-releases of IE 10*/
		background-image:      -o-linear-gradient(left, #F57B20, #b2282f); /* For old Opera (11.1 to 12.0) */
		background-image:         linear-gradient(to right, #F57B20, #b2282f); /* Standard syntax; must be last */
		color:transparent;
		-webkit-background-clip: text;
		background-clip: text;
	}
	.DropMenu { background-color: white; }
	#ModernElder { width: 100%; border: 1px solid #999999; background-color: #dddddd; border-radius: 12px; }
	#ModernElder p { padding: 0px 20px; line-height: 1.3em; }
	#ModernElder img { padding-top:30px; }