/**************************************************/
/* Author: Lee Averbeck, Scope Interactive */
/**************************************************/

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
img,
embed,
object,
video {
  max-width: 100%;
  }

html {
  scroll-behavior: smooth;
  }


body {
  background: #fff;
  font-family: 'Raleway', sans-serif !important;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  margin: 0;
  padding: 0;
  }
body.Pop {
  background: #fff;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  margin: 0;
  padding: 0;
  }

p {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  margin: 5px 0 10px 0;
  padding: 0;
  }
p.Signature {
  font-size: 15px;
  line-height: 22px;
  color: #000000;
  margin: 5px 0 10px 0;
  padding: 0;
  text-align: right;
  font-style: italic;
  }
p.Quote {
  font-size: 18px;
  line-height: 22px;
  color: #685c53;
  margin: 0 25px 15px 0;
  padding: 0;
  font-style: italic;
  }
p.CenterBItal {
  margin: 10px 0 15px 0;
  font-style: italic;
	font-weight: bold;
	text-align: center;
  }

ul {
  color: #000000;
  margin: 5px 0 10px 10px;
  padding: 0 0 0 10px;
  }

ol.Nums {
  color: #000000;
  margin: 5px 0 10px 10px;
  padding: 0 0 0 10px;
  list-style-type:  decimal;
  }
ol.Nums li {
  margin-bottom: 5px;
  }

h1 {
  font-size: 24px;
  line-height: 1.3em;
  color: #722a82;
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: 700;
  }

h2 {
  font-size: 20px;
  line-height: 1.3em;
  color: #147c86;
  margin: 20px 0 5px 0;
  padding: 0;
  font-weight: 700;
  }

h3 {
  font-size: 18px;
  line-height: 1.3em;
  color: #939598;
  margin: 10px 0 0 0;
  padding: 0;
  font-weight: 700;
  }

h4 {
  font-size: 17px;
  line-height: 1.3em;
  color: #722a82;
  margin: 20px 0 0 0;
  padding: 0;
  font-weight: 700;
  }

h5 {
  margin: 20px 0 0 0;
  font-weight: 700;
  }

img.Fright {
  float: right;
  border: 0;
  margin: 0 0 10px 10px;
  }

img.ScholarR {
  float: right;
  margin: 0 0 10px 20px;
  border: 0;
  }

img.ScholarL {
  float: left;
  margin: 0 20px 10px 0;
  border: 0;
  }

img.Big {
  display: block;
  margin: 10px auto;
  padding: 0;
  border: 0;
  }

.Attribute {
  font-size: 11px;
  line-height: 30px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  }

.clr {
  clear: both;
  }

.SupScript {
  font-size: 8px;
	line-height: 10px;
	vertical-align: top;
  }

.CenterIt {
  text-align: center;
  }

.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  }

.Hide {
  display: none;
  }


a {
  color: #722a82;
  text-decoration: underline;
  }
a:hover {
  color: #dd291e;
  text-decoration: none;
  }

/* ********************************************* */
/* Layout Divs                                 */
/* ********************************************* */

#SocialMedia {
  clear: both;
  margin: 20px 0;
  text-align: center;
  font-size: 50px;
  }
#SocialMedia a {
  display: inline-block;
  color: #722a81;
  margin: 0 10px;
  text-decoration: none;
  }
#SocialMedia a:hover {
  color: #dd291e;
  }



#Enclose {
  background: #ffffff;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  }
.enclose {
  width: 96%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  }
.Encase {
  background: #ffffff;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  }

#Header {
  background: #e6e6e6;
  margin: 0;
  padding: 0;
  }
#Header img.Logo {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  border: 0;
  }

#TopNav {
  float: right;
  background: #685c53;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  }
#TopNav a {
  display: inline-block;
  margin: 0 10px 0 10px;
  color: #ffffff;
  text-decoration: none;
  padding: 5px;
  }
#TopNav a:hover {
  color: #ffffff;
  text-decoration: underline;
  }

a.DonateBut {
  float: right;
  clear: right;
  background: #722a82;
  color: #fff;
  font-weight: bold;
  padding: 12px 20px;
  margin: 0;
  text-decoration: none;
  border-radius: 10px;
  }
a.DonateBut:hover {
  background: #e1c8e7;
  color: #000;
  }

#SearchBox {
  float: right;
  clear: right;
  height: 30px;
  margin: 0 0 0 0;
  padding: 0;
  }
#SearchBox form {
  margin: 0;
  padding: 0;
  }
#SearchBox input.srch {
  float: left;
  margin: 0;
  padding: 0;
  width: 230px;
  height: 28px;
  border: 1px solid #033e6e;
  }
#SearchBox img {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  }

#___gcse_0 {
  height: 45px;
  overflow: hidden;
  width: 285px;
  }

.gsc-search-button {
  }

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
  padding: 8px 10px 0 10px !important;
  }

.cse .gsc-control-cse, .gsc-control-cse {
  padding: 10px 0 0 0 !important;
  }

#gs_tti50 {
  width: 200px;
  }

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
  background-color: #0d82e4 !important;
  background-image: url('../images/bgSrchBut.png') !important;
  background-repeat:repeat-x !important;
  border-color: #000000;
  filter: none;
  }

.gsc-input-box {
			  height: 30px !important;
			}
			
/**********************************************/
/* Nav Styles                                */
/**********************************************/

.slicknav_menu {
  display:none;
  }
.slicknav_menu {
  background: #033e6e;
  }
.slicknav_btn {
  background-color: #7d9bc0;
  }

#Nav {
  background: #147c86;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  margin: 0;
  text-align: center;
  }
#Nav a {
  margin: 0;
  padding: 0 20px;
  color: #ffffff;
  line-height: 30px;
  height: 30px;
  text-decoration: none;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
  }
#Nav a:hover {
  color: #ffffff;
  background: #000000;
  text-decoration: none;
  }
#Nav a.Fimage {
  display: inline;
  }
#Nav a.Fimage:hover {
  background: none;
  }
#Nav a.Fimage img:hover {
  opacity: .9;
  }

#Nav .sub-menu-block {
  text-align: left;
  }
#Nav .sub-menu-block h2 {
  color: #000;
  font-weight: 400;
  }
#Nav .sub-menu-block img {
  display: block;
  margin: 5px 0 0 0;
  border: 0;
  }

#MobileNav {
  display: none;
  }

@media only screen and (max-width:900px) {
#Nav a {
  padding: 0 10px;
  }
}
@media screen and (max-width: 770px) {
  .js #menu {
  display:none;
  }
  .js .slicknav_menu {
  display:block;
  }
#Nav {
  display: none;
  }
#MobileNav {
  display: block;
  }
nav {
  position: static;
  }
}



#Main {
  margin: 0;
  padding: 0;
  }

#Footer {
  clear: both;
  background: #333;
  margin: 0;
  padding: 20px 0;
  border-top: 10px solid #787878;
  }
#Footer h1 {
  color: #cecb63;
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #cecb63;
  }
#Footer p {
  color: #fff;
  margin: 0 0 10px 0;
  }
#Footer p.Copy {
  text-align: center;
  font-size: .8em;
  clear: both;
  }
#Footer a {
  color: #a89d96;
  text-decoration: underline;
  }
#Footer a:hover {
  color: #cecece;
  text-decoration: none;
  }

.FtEnclose {
  margin: 0 auto;
  width: 95%;
  max-width: 1080px;
  }

.FtAdLinks {
  float: left;
  width: 62.96296296296296%; /* 680 / 1080 */
  margin: 0 0 10px 0;
  }
.FtAdLinks ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }
.FtAdLinks li {
  float: left;
  width: 49%;
  margin: 0 0 10px 0;
  }

.FtAddress {
  float: left;
  width: 44.11764705882353%; /* 300 / 680 */
  margin: 0 0 10px 0;
  }

.FtQuick {
  float: right;
  width: 44.11764705882353%; /* 300 / 680 */
  margin: 0 0 10px 0;
  }

/* ********** Footer Nav Styles ********** */

.footer-nav {
	margin: 20px 0; /* 20px / 960px */
	font-size: 14px;
	}
.footer-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }
.FNsection {
  float: left;
  width: 12%;
  margin: 0 2.2% 20px 0;
  }
#Footer .footer-nav a {
  text-decoration: none;
  color: #cecece;
  font-weight: 600;
  }
#Footer .footer-nav a:hover {
  color: #a89d96;
  text-decoration: underline;
  }
#Footer .footer-nav .child {
  font-size: 13px;
  line-height: 15px;
  margin: 10px 0 0 0;
  }
#Footer .footer-nav .child li {
  margin: 0 0 10px 0;
  }
#Footer .footer-nav .child a {
  color: #a89d96;
  }
#Footer .footer-nav .child a:hover {
  color: #cecece;
  }

@media screen and (max-width: 960px) {
.footer-nav {
	float: none;
	width: 90%;
	margin: 20px 5%;
	}
}
@media screen and (max-width: 770px) {
.FNsection {
	float: left;
	width: 45%;
	margin: 0 5% 20px 0;
	}
}
@media screen and (max-width: 500px) {
.FNsection {
	float: none;
	width: 90%;
	margin: 0 5%;
	}
}

/* ********** Footer Nav Styles ********** */


.FtCopy {
  float: right;
  width: 30.09259259259259%; /* 325 / 1080 */
  margin: 0 0 10px 0;
  text-align: right;
  }

.FtSignup {
  clear: both;
  text-align: center;
  margin: 40px 0 10px 0;
  }
#Footer .FtSignup a {
  display: block;
  background: #722a82;
  max-width: 400px;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  text-decoration:  none;
  text-transform: uppercase;
  border: 2px solid #fff;
  border-radius: 5px;
  }
#Footer .FtSignup a:hover {
  background: #17ab29;
  }

.FlashRight {
  float: right;
  margin: 0 0 10px 20px;
  }

/* ********************************************* */
/* Home Page Styles                              */
/* ********************************************* */

#HomeContent {
  float: left;
  width: 72.72727272727273%; /* 800 / 1100 */
  margin: 0 0 10px 0;
  }
#HomeContent h1 {
  font-size: 30px;
  line-height: 36px !important;
  margin: 0;
  padding: 0;
  }
#HomeContent p {
  font-size: 20px;
  line-height: 25px;
  color: #000000;
  margin: 5px 0 20px 0;
  padding: 0;
  letter-spacing: .01em;
  }

#HomeLogo {
  float: right;
  width: 22.72727272727273%; /* 250 / 1100 */
  margin: 0 0 10px 0;
  }
#HomeLogo img {
  display: block;
  margin: 0 auto;
  border: 0;
  }



.HowHelp {
  position: relative;
  background: #000;
  color: #fff;
  }
.HowHelp img {
  display: block;
  margin: 0 auto;
  border: 0;
  }

.HHtitle {
  position: absolute;
  top: 100px;
  left: 50%;
  width: 40%; /* 480px / 1200px */
  margin-left: -42.5%; /* 510px / 1200px */
  }
.HHtitle h1 {
  color: #fff;
  margin: 0 0 .5555555555555556em 0; /* 20px / 36px */
  font-weight: 700;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1),-2px -2px 2px rgba(0, 0, 0, 1);
  }

.HHtext {
  background: rgba(114,42,130,.9);
  position: absolute;
  top: 75px;
  left: 56%;
  width: 37%;
  border-radius: 5px;
  }
.HHtext p {
  font-size: 1.125em; /* 18px / 16px */
  line-height: 1.444444444444444em	; /* 26px / 18px */
  color: #fff;
  margin: 30px 50px 50px 50px;
  }
.HHtext a {
  display: block;
  font-size: 1.5em;
  color: #fff;
  font-weight: 700;
  margin: 15px 0;
  text-decoration: none;
  }
.HHtext a:hover {
  color: #cecb63;
  }

@media screen and (max-width: 1155px) {
.HHtext p {
  font-size: 1em;
  line-height: 1.2em;
  }
}
@media screen and (max-width: 1000px) {
.HHtitle {
  top: 40px;
  }
.HHtitle h1 {
  font-size: 1.5em;
  }
.HHtext {
  top: 35px;
  }
.HHtext p {
  margin: 20px 30px 25px 30px;
  }
}
@media screen and (max-width: 850px) {
.HHtitle {
  top: 20px;
  left: 5%;
  margin-left: 0;
  width: 90%;
  }
.HHtext {
  top: 70px;
  left: 5%;
  width: 90%;
  }
.HHtext p {
  margin: 10px 20px 10px 20px;
  }
}
@media screen and (max-width: 630px) {
.HHtext {
  position: static;
  width: 100%;
  padding: 1px 0;
  }
#HomeContent {
  float: none;
  width: 90%;
  margin: 0 5% 10px 5%;
  }
#HomeLogo {
  float: none;
  width: 90%;
  margin: 0 5% 10px 5%;
  }
}


#HBwhite {
  background: #fff;
  padding: 20px;
  }
#HomeButtons {
  clear: both;
  background: #e1c8e7;
  margin: 20px 0 0 0;
  margin: 0;
  padding: 50px 0;
  border-top: 1px solid #722a82;
  border-bottom: 1px solid #722a82;
  }
.HBTitle {
  float: right;
  width: 48%;
  }
.HBTitle h2 {
  color: #000;
  margin: 15px 0;
  text-align: left;
  }
.HBTitle p {
  margin: 35px 20% 15px 0;
  }
.HBTitle p.TLogo {
  margin: 55px 20% 15px 0;
  }
.HBButton {
  float: left;
  width: 48%;
  }
.HBButton a {
  display: block;
  float: right;
  background: #722a82;
  width: 200px;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin: 0;
  padding: 15px 0;
  text-align: center;
  text-decoration:  none;
  text-transform: uppercase;
  border: 2px solid #fff;
  border-radius: 5px;
  }
.HBButton a:hover {
  background: #dd291e;
  }
.HBButton img {
  display: block;
  float: right;
  margin: 0;
  border: 0;
  }
.HBButton a.Logo {
  display: block;
  float: none;
  background: none;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  }


#SpanishInfo {
  clear: both;
  float: left;
  width: 44.44444444444444%; /* 480 / 1080 */
  }
#SpanishInfo p {
  font-size: 13px;
  line-height: 20px;
  color: #000000;
  margin: 5px 10px 10px 0;
  padding: 0;
  }
#SpanishInfo img {
  float: left;
	border: 0;
	margin: 0 40px 10px 0;
  }

.SpTitle {
  font-size: 16px;
  line-height: 20px;
  color: #dd291e;
  font-weight: bold;
  margin: 0 10px 0 0;
  }

/* ********************************************* */
/* CTA Styles                                    */
/* ********************************************* */

#HomeCTA {
  background: #939598;
  margin: 20px 0 0 0;
  padding: 40px 0;
  }

ul.ThreeCol {
  margin: 20px;
  padding: 0;
  clear: both;
  list-style-type: none;
  }

li.H3ContCol {
  float: left;
  width: 31.54545454545455%; /* 347px / 1100px */
  background: #ffffff;
  max-width: 347px;
  min-height: 415px;
  margin: 0 2.63636363636364% 0 0; /* 29px / 1100px */
  padding: 0;
  border-radius: 5px;
  overflow: hidden;
  }
li.H3ContCol:nth-child(3n) {
  margin: 0 0 20px 0;
  }
.H3ContCol h2 {
  margin: 10px 10px 5px 10px;
  }
.H3ContCol h2 a {
  color: #722a82;
  text-decoration: none;
  }
.H3ContCol h2 a:hover {
  text-decoration: underline;
  }
.H3ContCol img {
  display: block;
  border: 0;
  margin: 0 auto 10px auto;
  }
.H3ContCol p {
  font-size: .875em; /* 14px / 16px */
  line-height: 1.714285714285714em; /* 24px / 14px */
  margin: 0 10px .7142857142857143em 10px; /* 10px / 14px */
  letter-spacing: 0;
  }

@media screen and (max-width: 700px) {
li.H3ContCol {
  float: none;
  width: 100%;
  margin: 20px auto;
  }
li.H3ContCol:nth-child(3n) {
  margin: 20px auto;
  }
}

/* ********************************************* */
/* Slideshow Styles                              */
/* ********************************************* */

/* #slideshow { margin: 0 0 10px 0; }
#SSnav { z-index: 50; position: absolute; bottom: 13px; right: 5px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px;}
#SSnav a { margin: 0 5px; padding: 3px 7px; border: 0; background: #ffffff; text-decoration: none; color:#000000;}
#SSnav a.activeSlide { background: #dc771e; }
#SSnav a:focus { outline: none; } */


/* ********************************************* */
/* Flexslider Styles                              */
/* ********************************************* */

.FlexHold {
  background: #685c53;
  }

.FlexMax {
  max-width: 1600px;
  margin: 0 auto;
  }

.flexslider {
margin: 0 0 50px 0;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
box-shadow: 0 0 0 rgba(0,0,0,0);
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
-o-box-shadow: 0 0 0 rgba(0,0,0,0);
}

@media screen and (max-width: 1150px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
  }

.slides li {
  position: relative;
  margin: 0;
  padding: 0;
  }

.PlaqLeft {
  position: absolute;
  background: rgba(0,0,0,.7);
  top: 10%;
  left: 40px; /* 75px / 1160px */
  width: 35%; /* 325px / 1160px */
  border-radius: 10px;
  }
.PlaqLeft h1 {
  font-size: 1.875em; /* 30px / 16px */
  line-height: 1.2em; /* 36px / 30px */
  color: #fff;
  margin: 20px 10px;
  padding: 0;
  }
.PlaqLeft a {
  color: #fff;
  text-decoration: none;
  }
.PlaqLeft a:hover {
  color: #fff;
  text-decoration: underline;
  }
.PlaqLeft p {
  font-size: 1.125em; /* 18px / 16px */
  line-height: 1.25em; /* 30px / 24px */
  color: #fff;
  margin: 10px 10px 20px 10px;
  font-weight: 700;
  }

.PlaqRight {
  position: absolute;
  background: rgba(0,0,0,.7);
  top: 10%;
  right: 40px; /* 75px / 1160px */
  width: 35%; /* 325px / 1160px */
  border-radius: 10px;
  }
.PlaqRight h1 {
  font-size: 1.875em; /* 30px / 16px */
  line-height: 1.2em; /* 36px / 30px */
  color: #fff;
  margin: 20px 10px;
  padding: 0;
  }
.PlaqRight a {
  color: #fff;
  text-decoration: none;
  }
.PlaqRight a:hover {
  color: #fff;
  text-decoration: underline;
  }
.PlaqRight p {
  font-size: 1.125em; /* 18px / 16px */
  line-height: 1.25em; /* 30px / 24px */
  color: #fff;
  margin: 10px 10px 20px 10px;
  font-weight: 700;
  }

.PlaqBottom {
  position: absolute;
  background: rgba(0,0,0,.7);
  bottom: 0;
  left: 0;
  width: 100%; /* 325px / 1160px */
  }
.PlaqBottom h1 {
  font-size: 1.875em; /* 30px / 16px */
  line-height: 1.2em; /* 36px / 30px */
  color: #fff;
  margin: 15px 20px;
  padding: 0;
  }
.PlaqBottom a {
  color: #fff;
  text-decoration: none;
  }
.PlaqBottom a:hover {
  color: #fff;
  text-decoration: underline;
  }
.PlaqBottom p {
  font-size: 1.125em; /* 18px / 16px */
  line-height: 1.25em; /* 30px / 24px */
  color: #fff;
  margin: 10px 20px;
  font-weight: 700;
  }

.PlaqHidden {
  display: none;
	}

.PlaqTop {
	position: absolute;
  background: rgba(0,0,0,.7);
	bottom: 0;
	top: 0;
	width: 100%; /* 325px / 1160px */
	height: 115px;
	}
.PlaqTop h1 {
  font-size: 1.875em; /* 30px / 16px */
  line-height: 1.2em; /* 36px / 30px */
  color: #fff;
  margin: 15px 20px;
  padding: 0;
  text-align: left;
  }
.PlaqTop a {
  color: #fff;
  text-decoration: none;
  }
.PlaqTop a:hover {
  color: #fff;
  text-decoration: underline;
  }
.PlaqTop p {
  font-size: 1.125em; /* 18px / 16px */
  line-height: 1.25em; /* 30px / 24px */
  color: #fff;
  margin: 10px 20px;
  font-weight: 700;
  text-align: left;
  }

/* ********************************************* */
/* Sub Page Styles                               */
/* ********************************************* */

#HeaderSub {
  margin: 0 0 10px 0;
  }

#HelpLinks {
  float: right;
  background: #f2f2f2;
  width: 200px;
  height: 120px;
  border: 1px solid #033e6e;
  margin: 8px 25px 0 0;
  -moz-border-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  }
#HelpLinks a {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  margin: 14px 0 0 14px;
  font-weight: bold;
  }
#HelpLinks a.Donate {
  background: url("../images/IconDonate.png") no-repeat;
  color: #17ab29;
  font-size: 18px;
  line-height: 20px;
  padding: 13px 0 7px 60px;
  }
#HelpLinks a.Email {
  background: url("../images/IconEmail.png") no-repeat;
  color: #033e6e;
  font-size: 16px;
  line-height: 16px;
  padding: 0 0 0 60px;
  }

/*
#SubNav {
  float: left;
  width: 190px;
  margin: 0 0 10px 10px;
  font-size: 13px;
  line-height: 19px;
  font-weight: bold;
  }
#SubNav a {
  display: block;
  margin: 0 0 5px 0;
  color: #000000;
  text-decoration: none;
  border-bottom: 5px solid #ffffff;
  }
#SubNav a:hover {
  color: #033e6e;
  text-decoration: none;
  }

#SubNav a span.Reduce {
  font-size: 11px;
  }
*/



#SubContent {
  margin: 0 0 10px 0;
  }

#SideBar {
  float: right;
  width: 33.7962962962963%; /* 365 / 1080 */ /**** 250 / 740 ****/
  margin: 0 0 10px 0;
  }
#SideBar.Yellow {
  background: #eae3aa;
  padding: 25px 0;
  border: 2px solid #cecb63;
  border-radius: 10px;
  }
#SideBar.Mdown {
  margin: 35px 0 10px 0;
  }
#SideBar img {
  display: block;
  margin: 0 auto 10px auto;
  padding: 0;
  border: 0;
  max-width: 100%;
  border-radius: 5px;
  }
#SideBar img.NoMar {
  display: block;
  margin: 0 auto;
  padding: 0;
  border: 0;
  }
#SideBar img.Center {
  display: block;
  float: none;
  margin: 0 auto 10px auto;
  padding: 0;
  border: 0;
  }
#SideBar h1 {
  font-size: 24px;
  line-height: 1.3em !important;
  color: #dd291e;
  margin: 0 10px 10px 10px;
  padding: 0;
  text-align: center;
  }
#SideBar h1 a {
  color: #dd291e;
  }
#SideBar h1 a:hover {
  color: #000000;
  }
#SideBar h2 {
  margin: 10px 0 5px 10px;
  }
#SideBar h2.Game {
  font-size: 18px;
  line-height: 22px;
  color: #17ab29;
  margin: 10px 0 5px 70px;
  padding: 0;
  }
#SideBar p {
  font-size: 16px;
  line-height: 1.3em;
  color: #000000;
  margin: 5px 10px 20px 10px;
  padding: 0;
  text-align: center;
  }
#SideBar p.Left {
  text-align: left;
  }
#SideBar p.BlockText {
  text-align: left;
  }
#SideBar p.Caption {
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  color: #000000;
  margin: 5px 10px 10px 10px;
  padding: 0;
  text-align: center;
  clear: both;
  }
#SideBar p.Quote {
  font-size: 18px;
  line-height: 22px;
  color: #92278f;
  margin: 30px 10px 15px 10px;
  padding: 10px 0 0 0;
  text-align: left;
  border-top: 4px double #dd291e;
  }
#SideBar p.Signature {
  font-size: 15px;
  line-height: 22px;
  margin: 5px 10px 10px 10px;
  padding: 0 0 10px 0;
  text-align: right;
  font-style: italic;
  border-bottom: 4px double #dd291e;
  }
#SideBar ul.slist {
  font-size: 12px;
  line-height: 20px;
  color: #000000;
  margin: 0 10px 10px 10px;
  padding: 0;
  list-style-type: none;
  }
#SideBar ul.slist li {
  margin: 0 0 5px 0;
  padding: 0;
  text-align: center;
  }
#SideBar a {
  color: #000000;
  text-decoration: underline;
  }
#SideBar a:hover {
  color: #dd291e;
  text-decoration: none;
  }

a.dslink {
  font-size: .875em; /* 14px / 16px */
  }


.SideBar2 {
  float: right;
  width: 33.7962962962963%; /* 365 / 1080 */ /**** 250 / 740 ****/
  margin: 0 0 10px 0;
  }
.SideBar2  img {
  display: block;
  margin: 0 auto 10px auto;
  padding: 0;
  border: 0;
  max-width: 100%;
  }
.SideBar2  img.Push {
  margin: 50px auto;
  }
.SideBar2 p {
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  margin: 5px 10px 10px 10px;
  padding: 0;
  text-align: center;
  }
.SideBar2 p.Caption {
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  color: #000000;
  margin: 5px 10px 10px 10px;
  padding: 0;
  text-align: center;
  clear: both;
  }
.SideBar2 p.Quote {
  font-size: 18px;
  line-height: 1.5em;
  color: #685c53;
  margin: 50px 25px 15px 25px;
  text-align: left;
  }
.SideBar2 .Attribute {
  display: block;
  text-align: right;
  }



.SBoard {
  background: #cecece;
  padding: 0 0 10px 0;
  margin: 30px 0 0 0;
  border-radius: 15px;
  overflow: hidden;
  }
#SideBar .SBoard h1 {
  background: #685c53;
  color: #fff;
  margin: 0 0 10px 0;
  padding: 10px;
  }
.SBoard ul {
  margin: 0 10px 10px 10px;
  padding: 0;
  list-style-type: none;
  }
.SBoard li {
  margin: 0 0 10px 0;
  padding: 0;
  }


#MiddleCol {
  float: left;
  width: 63.42592592592593%; /* 685 / 1080 */ /**** 470 / 740 ****/
  min-height: 150px;
  margin: 0;
  }
.MainCol {
  float: left;
  width: 63.42592592592593%; /* 685 / 1080 */ /**** 470 / 740 ****/
  min-height: 150px;
  margin: 0;
  }
.WholeCol {
  margin: 0 auto;
  }

.TwoCol {
  float: left;
  width: 220px;
  margin: 0 10px 0 0;
  }

.Longpage {
  clear: both;
  margin: 20px 0;
  padding: 20px 0;
  border-top: 1px dotted #000;
  }


/* ********************************************* */
/* Millionaire Styles                            */
/* ********************************************* */

#Millionaire input {
  font-size: 11px;
  }

/* ********************************************* */
/* Poll Styles                                   */
/* ********************************************* */

#EncPoll {
  float: right;
  width: 490px;
  margin: 0 0 10px 0;
  border: 1px solid #a89d96;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  }
#EncPoll form {
  clear: both;
  margin: 0 0 0 10px;
  text-align: right;
  }
#EncPoll form input {
  margin: 0 10px 0 5px;
  }
#EncPoll div.ButtonPane {
  float: right;
  margin: 0 0 10px 10px;
  }
#EncPoll div.ButtonPane input {
  padding: 3px;
  }
#EncPoll img {
  float: left;
  margin: 5px 0 0 5px;
  }

p.Question {
  float: right;
  width: 300px;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin: 5px 10px 10px 0;
  padding: 0;
  }
p.Results {
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  margin: 5px 10px 10px 10px;
  padding: 0;
  }

.StoryImage {
  float: right;
  width: 45.74074074074074%; /* 494 / 1080 */
  margin: 0 0 10px 0;
  }
.StoryImage img {
  display: block;
  margin: 0 auto;
  border: 1px solid #a89d96;
  }

.StoryBar {
  float: right;
  width: 248px;
  border: 1px solid #a89d96;
  margin: 0 0 10px 15px;
  -moz-border-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  }
.StoryBar h1 {
  background: #dd291e;
  font-size: 14px;
  line-height: 24px !important;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0 10px 3px 10px;
  font-weight: bold !important;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  }
.StoryBar p {
  font-size: 13px;
  line-height: 20px;
  color: #000000;
  margin: 5px 10px 10px 10px;
  padding: 0;
  }

/* ********************************************* */
/* Calendar Styles                               */
/* ********************************************* */


.EventFeatureList {
  border-bottom: 1px dotted #000000;
  margin: 0 0 5px 0;
  }

.EventList {
  margin: 0 0 30px 0;
  padding: 0 0 10px 0;
  }
.EventList ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
.EventList li {
  margin: 0;
  padding: 5px 10px;
  border-radius: 5px;
  }
.EventList li:nth-child(even) {
  background: #efefef;
  }

.EventDetail {
  margin: 0 0 30px 0;
  }

p.EDmain {
  font-size: 12px;
  color: #000000;
  line-height: 20px;
  margin: 0px 0px 10px 0px !important;
  padding: 0px;
  }

.EventDate {
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin: 5px 0 5px 0;
  letter-spacing: 1px;
  }
.EventDetail .EventDate {
  display: block;
  font-size: 13px;
  font-weight: normal;
  margin: 5px 0 5px 0;
  letter-spacing: 0;
  }
.EventDetail .EventDate b {
  color: #033e6e;
  font-size: 14px;
  }
.EventDetail .EventLocation {
  display: block;
  font-size: 13px;
  font-weight: normal;
  margin: 5px 0 20px 0;
  letter-spacing: 0;
  }
.EventDetail .EventLocation b {
  color: #033e6e;
  font-size: 14px;
  }

.EventContent {
  float: left;
  width: 63.63636363636364%; /* 700px / 1100px */
  margin: 0;
  }

  a.DateLink {
  color: #000000;
  text-decoration: none;
  }
a.DateLink:hover {
  color: #b0953a;
  text-decoration: underline;
  }

.EventName {
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 0px 0;
  }

.EventImage {
  float: right;
  width: 31.81818181818182%; /* 350px / 1100px */
  background: #e1c8e7;
  margin: 0 0 10px 0;
  padding: 15px 0 5px 0;
  border-radius: 15px;
  }
.EventImage img {
  display: block;
  padding: 0;
  margin: 10px auto;
  }
.EventImage h2 {
  font-size: 18px;
  line-height: 22px;
  color: #17ab29;
  margin: 10px 0 5px 10px;
  padding: 0;
  }
.EventImage ul {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin: 5px 0 10px 15px;
  padding: 0 0 0 15px;
  }

.EDlab {
  margin: 0 0 0 10px;
  font-weight: bold;
  color: #033e6e;
  }

p.VElinks {
  font-size: 11px;
  color: #000000;
  line-height: 20px;
  font-weight: bold;
  margin: 10px 0 10px 0;
  padding: 5px 0 5px 20px;
  border-top: 1px dotted #685c53;
  }

p.TElinks {
  float: right;
  font-size: 11px;
  color: #000000;
  line-height: 20px;
  font-weight: bold;
  margin: 0 15px 0 0;
  padding: 0 0 0 0;
  }

p.PastEv {
  font-size: 11px;
  color: #000000;
  line-height: 20px;
  font-weight: bold;
  margin: 10px 0 10px 0;
  padding: 5px 0 5px 20px;
  border-top: 1px dotted #685c53;
  }

.EventCal {
  margin: 0 0 15px 0;
  }
.EventCal table {
  border-spacing: 3px;
  border-collapse: separate;
  margin: 0 auto;
  }

 td.CalMonth {
  background: #033e6e;
  color: #7bddd8;
  vertical-align: top;
  font-weight: bold;
  font-size: 12px;
  padding: 10px 8px 10px 8px;
  -moz-border-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  }

 td.CalHeader {
  background: #7bddd8;
  color: #033e6e;
  vertical-align: top;
  font-weight: bold;
  font-size: 12px;
  padding: 10px 8px 10px 8px;
  -moz-border-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  }

 td.CalDay {
  background: #f2eec8;
  vertical-align: top;
  font-size: 11px;
  padding: 10px 8px 10px 8px;
  -moz-border-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  }

 td.CalDay a.TitleLink {
  font-size: 11px;
  line-height: 15px;
  }


@media screen and (max-width: 1130px) {
.EventDetail {
  margin: 0 10px 30px 10px;
  }
}
@media screen and (max-width: 800px) {
.EventContent {
  float: none;
  width: 100%;
  }
.EventImage {
  float: none;
  width: 100%;
  }
}

/* ********************************************* */
/* News Styles                                   */
/* ********************************************* */

.SWDLNewsDetail p {
  margin: 5px 0 10px 0;
  }
.SWDLNewsDetail .paragraph {
  margin: 5px 0 10px 0;
  }
.SWDLNewsDetail .paragraph p {
  margin: 5px 0 10px 0;
  }
.SWDLNewsDetail ul {
  margin-right: 280px;
  }
.SWDLNewsDetail ol {
  margin-right: 280px;
  }

.SWDLNewsDetail .rphoto { 
	float: right; 
	margin: 0 0 10px 10px; 
	padding: 0 0 10px 0; 
	font-size: 11px; 
	line-height: 15px; 
	color: #000000; 
  text-align: center; 
	} 

p.SWDLArchLinks {
  clear: right;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  margin: 10px 0 10px 0;
  padding: 5px 0 0 0;
  border-top: 1px dotted #000000;
  }

.SWDLNewsList {
  float: left;
  width: 470px;
  }

/* ********************************************* */
/* Gallery Styles                                */
/* ********************************************* */

#RIbox {
  float: right;
  clear: right;
  width: 33.7962962962963%; /* 365 / 1080 */ /**** 250 / 740 ****/
  margin: 10px .90909090909091% 0 0; /* 10px / 1100px */
  }
#RIbox img {
  display: block;
  margin: 0 auto 10px auto;
  border: 0;
  }
#RIbox .GallarySidebar {
  float: none;
  width: 250px;
  border: 0;
  margin: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  }
#RIbox .GallarySidebar h2 {
  font-size: 13px;
  line-height: 15px;
  color: #17ab29;
  margin: 5px 0 5px 0;
  padding: 0;
  text-align: center;
  }
#RIbox .GallarySidebar .EventImageGalleryLink {
  margin: 5px 0 10px 0;
  font-size: 11px;
  text-align: center;
  }


.GalleryImage {
  margin: 0 0 0 10px;
  }
.GalleryImage img {
  margin: 0;
  border: 0;
  }

.EventImageGalleryLink {
  margin: 5px 5px 10px 10px;
  font-size: 14px;
  text-align: center;
  }
.EventImageGalleryLink a {
  color: #722a82;
  text-decoration: none;
  }
.EventImageGalleryLink a:hover {
  color: #033e6e;
  text-decoration: underline;
  }

ul.gallery li {
  height: 135px;
  width: 160px;
  margin: 0 10px 10px 0;
  overflow: hidden;
  max-width: 100%;
  _width: 100%;
  }
ul.gallery li img {
  max-width: 100%;
  _width: 100%;
  max-height: 100%;
  _height: 100%;
  }

#Gallery {
  width: 100%;
  margin: 0 0 30px 0;
  }
#Gallery img.GalleryPic {
  border: 0;
  float: left;
  }

#Gallery #GalleryThumbnails {
  float: right;
  margin: 0 0 0 0;
  width: 59.09090909090909%; /* 650px / 1100px */
  }

#Gallery .Thumbnail {
  float: left;
  margin: 0 10px 10px 0;
  color: #000000;
  font-size: 12pt;
  line-height: 16pt;
  text-align: center;
  height: 150px;
  width: auto;
  overflow: hidden;
  }
#Gallery .Thumbnail img {
  display: block;
  margin: 0 auto;
  border: 0;
  height: 100%;
  max-width: none;
  }

.GalleryList {
  margin: 0;
  }
.GalleryList h2 {
  font-size: 18px;
  line-height: 22px;
  color: #17ab29;
  margin: 10px 0 5px 0;
  padding: 0;
  float: left;
  width: 350px;
  clear: left;
  }

.GalleryItem {
  float: left;
  width: 355px;
  height: 95px;
  margin: 10px 10px 10px 0;
  overflow: hidden;
  }
.GalleryItem h2 {
  font-size: 18px;
  line-height: 22px;
  color: #17ab29;
  margin: 7px 0 5px 0;
  padding: 0;
  float: right;
  width: 245px;
  clear: none;
  }
.GalleryItem .GalleryImage {
  float: left;
  margin: 10px 0 0 0;
  width: 100px;
  height: 85px;
  overflow: hidden;
  }
.GalleryItem .GalleryImage img {
  display: block;
  margin: 0;
  border: 0;
  max-width: 100%;
  }

.Gallery h1 {
  font-size: 45px;
  margin: 10px 0;
  font-weight: bold;
  text-align: center;
  }
.Gallery h3 {
  font-size: 32px;
  text-align: center;
  margin: 0 0 20px 0;
  }
.Gallery div.Paragraph {
  font-size: 28px;
  line-height: 1.4em;
  text-align: center;
  }

#Gallery .MainImage {
  float: left;
  width: 36.36363636363636%; /* 400px / 1100px */
  max-width: 400px;
  margin: 0 auto;
  }


@media screen and (max-width: 1130px) {
#Gallery {
  width: 96%;
  margin: 0 auto 30px auto;
  }
}
@media screen and (max-width: 800px) {
#Gallery #GalleryThumbnails {
  float: none;
  margin: 30px 0;
  padding: 20px 0 0 0;
  width: 100%;
  border-top: 1px dotted #000;
  }
#Gallery .MainImage {
  float: none;
  width: 100%;
  }
#Gallery .MainImage img {
  float: none;
  }
}
@media screen and (max-width: 500px) {
#Gallery .Thumbnail {
  float: none;
  display: block;
  margin: 0 auto 10px auto;
  }
.Gallery h1 {
  font-size: 32px;
  margin: 10px;
  }
.Gallery h3 {
  font-size: 20px;
  margin: 0 10px 20px 10px;
  }
.Gallery div.Paragraph {
  font-size: 16px;
  margin: 10px;
  }
}

/* ********************************************* */
/* Contact Styles                                */
/* ********************************************* */

#MailView {
  float: left;
  width: 49%;
  margin: 0;
  }
#MailView h1 {
  font-size: 24px;
  font-weight: 700;
  }
#MailView p {
  font-size: 14px;
  }

form {
  margin: 0px;
}


.gform {
  margin: 10px auto 0 auto;
  padding: 5px;
  font-size: 13px;
  line-height: 13px;
  color: #000000;
  width: 100%;
  max-width: 510px;
  }
.gform input {
  margin: 5px 10px 5px 0;
  padding: 3px;
  max-width: 300px;
  }
.gform select {
  margin: 5px 10px 5px 0;
  padding: 3px;
  max-width: 300px;
  }
.gform textarea {
  margin: 5px 10px 0 0;
  padding: 3px;
  display: block;
  width: 262px;
  max-width: 300px;
  }
.gform input.boxes {
  margin: 10px 5px 0 0;
  padding: 0;
  float: left;
  display: inline;
  }
.gform label {
  float: left;
  text-align: right;
  margin: 10px 10px 0 0;
  padding: 0;
  width: 180px;
  }
.gform .ButtonPane {
  margin: 0 0 0 190px;
}
.gform .ButtonPane input {
  display: inline;
  margin: 0 10px 10px 0;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ooo;
  }

.Req {
  color: #dd291e;
  }


.LocSec {
  float: right;
  width: 49%;
  margin: 0;
  }
.LocSec h1 {
  background: #dd291e;
  font-size: 26px;
  line-height: 1.2em;
  color: #fff;
  font-weight: 700;
  letter-spacing: .05em;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  }
.LocSec p.Ohours {
  font-size: 16px;
  margin: 10px 50px;
  }

.OfficeCol {
  clear: both;
  }

.Office {
  float: left;
  width: 40%;
  margin: 0 0 0 10%;
  }
.Office h2 {
  font-size: 18px;
  margin: 20px 0 5px 0;
  }
.Office p {
  font-size: 14px;
  margin: 0 0 15px 0;
  }

@media screen and (max-width: 1120px) {
#MailView {
  width: 48%;
  margin: 0 0 0 1%;
  }
.LocSec {
  width: 48%;
  margin: 0 1% 0 0;
  }
}
@media screen and (max-width: 1000px) {
.gform label {
  float: none;
  display: block;
  text-align: left;
  }
.gform .ButtonPane {
  margin: 0 0 0 10px;
  }
}
@media screen and (max-width: 850px) {
.Office {
  float: none;
  width: 95%;
  margin: 0 0 0 5%;
  }
.LocSec p.Ohours {
  font-size: 16px;
  margin: 10px 0;
  }
}
@media screen and (max-width: 660px) {
#MailView {
  float: none;
  width: 98%;
  margin: 0 1%;
  }
.LocSec {
  float: none;
  width: 98%;
  margin: 0 1%;
  }
}

/* ********************************************* */
/* User Form Styles                              */
/* ********************************************* */

.UserAddEditView label.labelEmailLearning {
  float: left;
  text-align: right;
  width: 365px;
  line-height: 16px;
  margin: -3px 10px 10px 0; 
  padding: 0px;
  color: #000000;
  }
.UserAddEditView label.labelEmailPolicy {
  float: left;
  clear: left;
  text-align: right;
  width: 365px;
  line-height: 16px;
  margin: -3px 10px 10px 0; 
  padding: 0;
  color: #000000;
  }
.UserAddEditView label.labelEmailVol {
  float: left;
  clear: left;
  text-align: right;
  width: 365px;
  line-height: 16px;
  margin: -3px 10px 10px 0; 
  padding: 0px;
  color: #000000;
  }

input#EmailVol {
  margin-top: 5px;
  margin-bottom: 10px;
  }

/* ********************************************* */
/* Newsletter Signup Styles                      */
/* ********************************************* */

#SubscribeForm {
  margin: 10px 0 10px 0;
  padding: 0 0 5px 0;
  width: 450px;
  background: #f2f2f2;
  }
#SubscribeForm p {
  clear: both;
  margin: 10px 10px 10px 10px;
  }
#SubscribeForm p b {
  color: #033e6e;
  }
#SubscribeForm label.labelNewsletter {
  display: block;
  float: next;
  text-align: left;
  margin: 10px 10px 10px 10px;
  }
#SubscribeForm label.radio {
  clear: both;
  width: 330px;
  }
#SubscribeForm label#labelFormat0 {
  width: 170px;
  }
#SubscribeForm label#labelFormat1 {
  width: 170px;
  }
#SubscribeForm input.radio {
  float: left;
  }
#SubscribeForm label.labelName {
  clear: both;
  }
#SubscribeForm input {
  margin: 0 0 5px 0;
  }
#SubscribeForm select {
  margin: 0 0 5px 0;
  }

/**********************************************/
/* JQUERY ACCORDION STYLES                    */
/**********************************************/

ul#accordion_list {
   list-style-type:none;
   padding:0;
}
ul#accordion_list li {
   list-style-type:none;
   margin: 10px 0 10px 0;
}
ul#accordion_list li h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 16px;
	margin: 0 0 5px 0;
}
ul#accordion_list li h4 a {
   display:block;
   color:#ec6e00;
   height:18px;
   margin:0;
   padding:0 0 0 24px;
   width:100%;
   background:url("../images/showhide_collapsed.gif") no-repeat left top;
}
ul#accordion_list li.selected h4 a {
   display:block;
   color:#ec6e00;
   height:18px;
   margin:0;
   padding:0 0 0 24px;
   width:100%;
   background:url("../images/showhide_expanded.gif") no-repeat left top;
}
ul#accordion_list li h4 a:hover,
ul#accordion_list li.selected h4 a:hover {
   background-position:0 -18px;
   text-decoration:none;
}
ul#accordion_list li h4 a:visited,
ul#accordion_list li h4 a:active,
ul#accordion_list li.selected h4 a:visited,
ul#accordion_list li.selected h4 a:active {
   color:#ec6e00;
}
ul#accordion_list li div.accordion_content h5 {
   padding:0 0 0 24px;
}
ul#accordion_list li div.accordion_content h5 {
   padding:0 0 0 24px;
}
ul#accordion_list div.accordion_content {
   zoom:1;
}

/* ********************************************* */
/* Mardi Gras Styles                             */
/* ********************************************* */

.MGking {
  float: left;
  margin: 0 0 10px 0;
  border-bottom: 1px dotted #685C53;
  width: 100%;
  }
.MGking img {
  float: right;
  margin: 0 0 10px 10px;
  border: 1px solid #000000;
  }

/* ********************************************* */
/* Learning Center Styles                        */
/* ********************************************* */

.CourseList {
  width: 470px;
  margin: 0 0 0 0;
  }

.Course {
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
  border-bottom: 4px double #f2f2f2;
  }
.Course p {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0;
  }
.Course .Paragraph {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin: 0 0 5px 0;
  padding: 0;
  }



.CourseDetail {
  margin: 0 0 0 0;
  }

.CourseDetail .EventDate {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #685c53;
  margin: 5px 0 5px 0;
  letter-spacing: 1px;
  }

.CoursePresenter {
  font-size: 16px;
  line-height: 22px;
  color: #17ab29;
  margin: 10px 0 0 0;
  }

.CourseDuration {
  font-size: 13px;
  line-height: 20px;
  color: #147c86;
  margin: 0 0 0 0;
  }

.CourseDetail .Paragraph {
  float: left;
  width: 470px;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin: 5px 0 10px 0;
  padding: 0;
  }

.CourseVideo {
  float: right;
  width: 195px;
  background: #eae3aa;
  margin: 0 25px 10px 0;
  padding: 5px 0 5px 0;
  border: 2px solid #cecb63;
  -moz-border-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  }
.CourseVideo p {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin: 5px 10px 10px 10px;
  padding: 0;
  }

.VideoThumbnail {
  margin: 0 0 0 0;
  }
.VideoThumbnail img {
  display: block;
  padding: 0;
  margin: 10px auto 10px auto;
  border: 1px solid #000000;
  }

.CourseDetail ul {
  clear: left;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin: 5px 0 10px 10px;
  padding: 0 0 0 10px;
  }




/* ********************************************* */
/* Legacy Styles                                 */
/* ********************************************* */

td.hse { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #000000;
	font-weight: bold;
	background-color: #4aaaff;
	border-collapse:collapse;
	border-color:#000000;
  padding: 10px;
	}

td.se { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #000000;
	background-color: #ffffc6;
	border-collapse:collapse;
	border-color:#000000;
  padding: 10px;
	}

a.wn {
	font-size: 11px; 
	}
p.def { 
	font-size: 14px; 
	font-style: italic; 
	color: #000000; 
	line-height: 20px;
	margin: 0 15px 20px 15px; 
	}

table.Volunteer {
  border-spacing: 2px 2px;
  border-collapse: separate;
  }

th.db {
  font-size: 12px; 
  color: #ffffff; 
  font-weight: bold;
  background-color: #6E94B7;
  padding: 10px;
  }

th.fg { 
	font-size: 14px; 
	color: #ffffff; 
	font-weight: bold;
	background-color: #FF6600;
  padding: 10px;
	}

td.dbcat { 
	font-size: 13px; 
	color: #000000;
	font-weight: bold;
	background-color: #b4cde6;
  padding: 10px;
	}

td.dbscat { 
	font-size: 12px; 
	color: #000000;
	font-weight: bold;
	background-color: #b4cde6;
  padding: 10px;
	}

td.dbbody { 
	font-size: 10px; 
	color: #000000;
	background-color: #f8f8f8;
  padding: 10px;
	}

td.dbcol { 
	font-size: 13px;
	color: #000000;
	background-color: #e6f0f5;
  padding: 10px;
	}
.dbtitle {
	font-size: 12px; 
	color:#000000;
	font-weight: bold;
	text-decoration: none; 
  padding: 10px;
	}
td.dbcontent2 {
  padding: 10px;
  }

.text { 
	font-size: 13px; 
	color: #000000; 
	line-height: 17px;
	}
.home { 
	font-size: 11px; 
	color: #000000; 
	}

input.GiveCont { 
	font-size: 12px;
	color: #000000; 
	display: block;
	margin: 10px 0 0 140px;
	}




label.labelNotGeneral {
  width: 400px;
  float: right;
  margin-right: 310px;
  margin-top: 0;
  text-align: left;
  }

input#NotGeneral {
  margin-top: 5px;
  }

/* ********************************************* */
/* Medical Professional Styles                   */
/* ********************************************* */

#MedProfCred {
  margin: 0 0 0 0;
  }
#MedProfCred h1 {
  font-size: 18px;
  line-height: 24px !important;
  color: #dd291e;
  margin: 15px 0 0 0;
  padding: 0;
  font-weight: bold !important;
  }
#MedProfCred h2 {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  margin: 10px 0 0 0;
  padding: 0;
  }
#MedProfCred h2.RdEd {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  margin: 20px 10px 0 0;
  padding: 0;
  border-bottom: 1px solid #000000;
  font-weight: normal;
  }
#MedProfCred h2.Snote {
  text-transform: uppercase;
  }
#MedProfCred p {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 0;
  }
#MedProfCred input {
  float: left;
  margin: 2px 10px 10px 0;
  padding: 0;
  }

.downH2 {
  font-size: 16px;
  color: #000000;
  }

#MiyaAsato {
  float: left;
  width: 150px;
  height: 180px;
  background: url(../images/MiyaAsato.jpg) no-repeat;
  margin: 5px 10px 10px 0;
  }

/* ********************************************* */
/* Show/Hide Styles                              */
/* ********************************************* */

a.morelink {
   background: url("../images/showhide_collapsed.gif") no-repeat 40px 0px;
   padding-right: 35px;
   font-weight: bold;
    text-decoration: none;
    outline: none;
    display: block;
    margin: 5px 0 0 0;
    line-height: 18px;
}
a.morelink:hover {
   background: url("../images/showhide_collapsed.gif") no-repeat 40px -18px;
}
.morecontent span {
    display: none;
}
a.less {
   background: url("../images/showhide_expanded.gif") no-repeat 40px 0px;
}
a.less:hover {
   background: url("../images/showhide_expanded.gif") no-repeat 40px -18px;
}

/* ********************************************* */
/* Stories Styles                                */
/* ********************************************* */

.NewsList {
  margin: 0;
  }
.NewsList h2 {
  clear: both;
  }
.NewsList .Paragraph {
  width: 470px;
  }

.PRight {
  float: right;
  margin-bottom: 10px;
  }

.StoryPhotoDivOdd {
  float: right;
  width: 250px;
  margin: 0 0 10px 10px;
  }
.StoryPhotoDivOdd img {
  display: block;
  margin: 0;
  border: 0;
  }

.StoryPhotoDivEven {
  float: left;
  width: 250px;
  margin: 0 10px 10px 0;
  }
.StoryPhotoDivEven img {
  display: block;
  margin: 0;
  border: 0;
  }

hr.StorSep {
	clear: both;
  border: 0;
  color: #474747;
  background-color: #474747;
  height: 1px;
  margin: 10px 0 10px 0;
  padding: 0;
	}

/* ********************************************* */
/* Dont display sub-menus for mobile design      */
/* ********************************************* */

#AboutContainer {
  display: none;
  }
#WhatContainer {
  display: none;
  }
#ProgramsContainer {
  display: none;
  }
#ForContainer {
  display: none;
  }
#EventsContainer {
  display: none;
  }
#EducationContainer {
  display: none;
  }
#GiveContainer {
  display: none;
  }

/* ********************************************* */
/* Staff Page Styles                             */
/* ********************************************* */

.Staff {
  float: left;
  width: 150px;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
  margin: 5px 10px 5px 0;
	}
.Staff img {
  border: 0;
  margin: 0;
	}
.StaffLast {
  margin: 5px 0 5px 0;
	}

.StaffGroup {
  clear: left;
  }
.StaffGroup:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  }

/* ********************************************* */
/* Give Form Styles                              */
/* ********************************************* */

#GiveForm {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
	}
#GiveForm input {
  float: left;
  margin: 5px 0 5px 0;
  }
#GiveForm select {
  float: left;
  margin: 5px 0 5px 0;
  }
#GiveForm textarea {
  float: left;
  margin: 5px 0 5px 0;
  max-width: 100%;
  }
#GiveForm label {
  float: left;
  clear: left;
  text-align: right;
  margin: 5px 5px 0 0;
  padding: 0;
  width: 160px;
  }
#GiveForm label.Dsign {
  clear: none;
  text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
  width: 10px;
	}
#GiveForm .ButtonPane {
  margin: 0 0 0 165px;
  clear: both;
  }
#GiveForm .ButtonPane input {
  display: inline;
  margin: 0 10px 10px 0;
  padding: 2px 7px;
  }
#GiveForm p {
  clear: both;
  margin: 0 0 0 0;
  padding: 20px 0 0 0;
	}

/* ********************************************* */
/* Application Styles                            */
/* ********************************************* */

.MapPhoto {
  margin: 0 auto;
  clear: both;
  max-width: 500px;
  }
.MapPhoto img {
  display: block;
  margin: 0 auto;
  border: 0;
  max-width: 100%;
  }

.ApItem {
  font-weight: bold;
  color: #722a82;
  }

.Purple {
  color: #573393;
  }

.LeftPhoto {
  float: left;
  margin: 0 10px 20px 0;
  border: 1px solid #000;
  }

img.StanAlone {
  display: block;
  margin: 15px auto;
  border: 1px solid #000;;
  }

#SideBar .bulletin-board-list-container li p {
   text-align: left;
}
  
#SideBar .bulletin-board-list-container li .link {
   font-weight: 700;
   margin-top: 15px;
   margin-bottom: 0;
}
  
#SideBar .bulletin-board-list-container li .text {
   margin: 0 10px 15px;
   text-align: justify;
}
  
#SideBar .bulletin-board-list-container li .text p {
    margin-left: 0;
    margin-right: 0;
    text-align: justify;
}
  
.height-10 {
    height: 10px;
}
  
.margin-bottom-10 {
    margin-bottom: 10px;
}

.resource-list-container .description {
    text-align: justify;
}

.resource-list-container h2 {
  border-bottom: 1px solid #17ab29;
  margin: 20px 0 10px 0;
  padding: 0 0 5px 0;
  }

.resource-list-container .resource-link {
  text-decoration: none;
  margin-right: 10px;
  }

#SideBar.filter-container {
  background: #cecece;
  padding: 0 0 10px 0;
    margin-top: 5px;
    max-width: 250px;
  border-radius: 15px;
  overflow: hidden;
}

#SideBar.filter-container h1 {
  background: #685c53;
  color: #fff;
  font-size: 16px;
  margin: 0;
  padding: 10px;
}

.tag-filter-form {
    text-align: center;
}

.tag-filter-form ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tag-filter-form ul li.tag-filter-li {
    text-align: left;
    padding: 5px 15px;
}

.filter-container .tag-filter-label {
    font-weight: 500;
    margin: 0 0 0 5px;
}

.tag-filter-btn {
    border: 0;
    margin: 10px;
  padding: 10px 20px;
  border-radius: 10px;
}

.member-list {
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
  }

.member-list li {
  float: left;
  width: 32.40740740740741%; /* 350 / 1080 */
  max-width: 350px;
  background: #cecece;
  margin: 0 1.38888888888889% 20px 0; /* 15 / 1080 */
  border-radius: 10px;
  }
.member-list li:nth-child(3n+3) {
  margin: 0 0 20px 0;
  }

.member-list li:nth-child(3n + 3) {
    margin: 0;
}

.member-list li a {
    cursor: pointer;
    display: block;
    text-decoration: none;
}

.member-list li a:hover p {
    color: #dd291e;
}

.memorial-right-side img,
.member-list li a img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.member-list li a .member-name {
    padding: 20px 10px;
}

.member-list li a .image-placeholder p,
.member-list li a .member-name p {
    color: #147c86;
    font-size: 20px;
    margin: 0;
    text-align: center;
}

.member-list li a img,
.member-list li a .image-placeholder {
    width: 100%;
    max-height: 340px;
}

.member-list li a .image-placeholder p {
    line-height: 300px;
    vertical-align: middle;
}

.member-description p {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
}

.display-none {
    display: none;
}

.memorial-right-side {
  width: 33.7962962962963%; /* 365 / 1080 */ /**** 250 / 740 ****/
  max-width: 340px;
    background: #cecece;
    border-radius: 10px;
    float: right;
    font-size: 18px;
    text-align: center;
}

.memorial-right-side img {
    display: block;
    margin: 0;
    max-width: 100%;
}

.memorial-right-side img.no-gallery {
    border-radius: 10px;
}

.memorial-right-side .gallery-link {
    padding: 10px;
    min-width: 300px;
}

.text-align-center {
    text-align: center;
}

.add-memo-link {
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
}

/* ********************************************* */
/* Add This Styles                               */
/* ********************************************* */

#ShareSect {
  padding: 2px 0;
  }
#ShareSect.HomeShare {
  padding: 2px 0 10px 0;
  margin: 0 auto;
  max-width: 255px;
  }

#ShareArt {
  float: right;
  }
#ShareArt span.ShareLabel {
  float: left;
  font-size: .8em;
  letter-spacing: .1em;
  margin: 8px 10px 0 0;
  }

.addthis_inline_share_toolbox {
  float: right;
  }


/* ********************************************* */
/* Donate Footer Styles                          */
/* ********************************************* */

.DonButton {
  margin: 20px 0 0 0;
  }
#Footer .DonButton a {
  display: block;
  float: right;
  background: #17ab29;
  width: 200px;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin: 0;
  padding: 15px 0;
  text-align: center;
  text-decoration:  none;
  text-transform: uppercase;
  border: 2px solid #fff;
  border-radius: 5px;
  }
#Footer .DonButton a:hover {
  background: #722a82;
  }

.HeroText {
  margin: 50px 0;
  }
.HeroText h1 {
  font-size: 45px;
  text-align: center;
  }
.HeroText h3 {
  font-size: 32px;
  text-align: center;
  margin: 0 0 20px 0;
  }
.HeroText p {
  font-size: 28px;
  line-height: 1.4em;
  text-align: center;
  }


@media screen and (max-width: 1100px) {
#HomeContent {
  margin: 0 10px 10px 10px;
  }
#MiddleCol {
  margin: 0 0 0 1%;
  }
.MainCol {
  margin: 0 0 0 1%;
  }
.WholeCol {
  max-width: 98%;
  }
#RIbox {
  margin: 10px 1% 0 0;
  }
#SideBar {
  margin: 0 1% 10px 0;
  }
.SideBar2 {
  margin: 0 1% 10px 0;
  }
}
@media screen and (max-width: 1024px) {
    .member-list li a img {
        height: initial;
    }
    
    .memorial-right-side .gallery-link {
        min-width: initial;
    }
}
  
@media screen and (max-width: 1220px) {
#SocialMedia svg {
  display: inline-block;
  margin: 0 10px;
  }
}
@media screen and (max-width: 1125px) {
a.DonateBut {
  float: right;
  clear: right;
  background: #722a82;
  color: #fff;
  font-weight: bold;
  padding: 12px 20px;
  margin: 0 10px 0 0;
  text-decoration: none;
  border-radius: 10px;
  }
}
@media screen and (max-width: 1050px) {
#HelpLinks {
  height: 100px;
  }
#HelpLinks a {
  margin: 5px 0 0 14px;
  }
}
@media screen and (max-width: 925px) {
.PlaqLeft h1 {
  font-size: 1.25em !important; /* 20px / 16px */
  line-height: 1.3em !important; /* 26px / 20px */
  }
.PlaqLeft p {
	font-size: .875em; /* 14px / 16px */
	line-height: 1.285714285714286em; /* 18px / 14px */
  }
.PlaqRight h1 {
  font-size: 1.25em !important; /* 20px / 16px */
  line-height: 1.3em !important; /* 26px / 20px */
  }
.PlaqRight p {
	font-size: .875em; /* 14px / 16px */
	line-height: 1.285714285714286em; /* 18px / 14px */
  }
.PlaqTop h1 {
  font-size: 1.25em !important; /* 20px / 16px */
  line-height: 1.3em !important; /* 26px / 20px */
  }
.PlaqTop p {
	font-size: .875em; /* 14px / 16px */
	line-height: 1.285714285714286em; /* 18px / 14px */
  }
.PlaqBottom h1 {
  font-size: 1.25em !important; /* 20px / 16px */
  line-height: 1.3em !important; /* 26px / 20px */
  }
.PlaqBottom p {
	font-size: .875em; /* 14px / 16px */
	line-height: 1.285714285714286em; /* 18px / 14px */
  }
#HelpLinks {
  width: 265px;
  height: auto;
  margin: 0;
  border-radius: 0;
  }
#HelpLinks a {
  display: inline-block;
  margin: 5px 10px;
  }
#HelpLinks a.Donate {
  background: none;
  color: #17ab29;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  }
#HelpLinks a.Email {
  background: none;
  color: #033e6e;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  }
.FtAdLinks {
  float: none;
  width: 100%;
  }
.FtCopy {
  float: none;
  width: 100%;
  text-align: center;
  }
#Footer .DonButton a {
  float: none;
  margin: 10px auto;
  }
}
@media screen and (max-width: 835px) {
.DonTitle {
  float: none;
  width: 100%;
  }
.DonTitle h2 {
  margin: 15px;
  text-align: center;
  }
.DonButton {
  float: none;
  width: 100%;
  }
.DonButton a {
  margin: 0 auto;
  }
.HBTitle {
  float: none;
  width: 100%;
  }
.HBTitle h2 {
  margin: 15px;
  text-align: center;
  }
.HBButton {
  float: none;
  width: 100%;
  }
.HBButton a {
  float: none;
  margin: 0 auto;
  }
.HBButton img {
  float: none;
  margin: 0 auto;
  }
.HBTitle p.TLogo {
  margin: 15px 10%;
  text-align: center;
  }
}
@media screen and (max-width: 825px) {
#GiveForm input {
  float: none;
  display: block;
  margin: 5px 0 15px 0;
  }
#GiveForm select {
  float: none;
  display: block;
  margin: 5px 0 15px 0;
  }
#GiveForm textarea {
  float: none;
  display: block;
  margin: 5px 0 15px 0;
  }
#GiveForm label {
  float: none;
  display: block;
  text-align: left;
  width: 100%;
  }
#GiveForm .ButtonPane {
  margin: 0 0 0 15px;
  clear: both;
  }
}
@media screen and (max-width: 790px) {
#SpanishInfo {
  float: none;
  width: 100%;
  }
#SpanishInfo p {
  margin: 5px 0 10px 0;
  }
#SpanishInfo img {
  float: none;
  display: block;
  margin: 0 auto 10px auto;
  }
.StoryImage {
  float: none;
  width: 100%;
  }
}
@media screen and (max-width: 650px) {
.PlaqLeft {
  position: static;
  width: 100%;
  margin-left: 0;
  padding: 1px 0;
  background: #333333;
  border-radius: 0;
  }
.PlaqLeft h1 {
  margin: 10px 10px 5px 10px !important;
  }
.PlaqLeft p {
  margin: 0 10px .5em 10px;
  }
.PlaqRight {
  position: static;
  width: 100%;
  margin-left: 0;
  padding: 1px 0;
  background: #333333;
  border-radius: 0;
  }
.PlaqRight h1 {
  margin: 10px 10px 5px 10px !important;
  }
.PlaqRight p {
  margin: 0 10px .5em 10px;
  }
.PlaqTop {
	position: static;
	width: 100%;
	height: auto;
	margin-left: 0;
	padding: 1px 0;
	background: #333333;
	}
.PlaqTop h1 {
  margin: 10px 10px 5px 10px !important;
  }
.PlaqTop p {
  margin: 0 10px .5em 10px;
  }
.PlaqBottom {
	position: static;
	width: 100%;
	margin-left: 0;
	padding: 1px 0;
	background: #333333;
	}
.PlaqBottom h1 {
  margin: 10px 10px 5px 10px !important;
  }
.PlaqBottom p {
  margin: 0 10px .5em 10px;
  }
.FtAddress {
  float: none;
  width: 100%;
  }
.FtQuick {
  float: none;
  width: 100%;
  }
.MGking img {
  float: none;
  display: block;
  margin: 0 auto 10px auto;
  }
}
@media screen and (max-width: 600px) {
#Header {
  height: auto;
  }
#Header img.Logo {
  float: none;
  clear: both;
  display: block;
  margin: 0 auto;
  }
#TopNav {
  float: none;
  width: 100%;
  margin: 0 0 10px 0;
  }
a.DonateBut {
  float: none;
  display: block;
  width: 150px;
  margin: 10px auto;
  text-align: center;
  }
#SearchBox {
  float: none;
  clear: both;
  margin: 0 0 10px 0;
  }
#SideBar {
  float: none;
  width: 96%;
  margin: 0 2% 10px 2%;
  }
.SideBar2 {
  float: none;
  width: 96%;
  margin: 0 2% 10px 2%;
  }
#RIbox {
  float: none;
  width: 96%;
  margin: 0 2% 10px 2%;
  }
.memorial-right-side {
  float: none;
  width: 96%;
  margin: 20px auto;
  }
#MiddleCol {
  float: none;
  width: 96%;
  margin: 0 2% 10px 2%;
  }
.MainCol {
  float: none;
  width: 96%;
  margin: 0 2% 10px 2%;
  }
.LeftPhoto {
  float: none;
  display: block;
  margin: 15px auto 20px auto;
  }
.member-list li {
  float: none;
  width: 100%;
  margin: 0 auto 20px auto;
  }
.member-list li:nth-child(3n+3) {
  margin: 0 auto 20px auto;
  }
}
@media screen and (max-width: 500px) {
.EventCal table {
  width: 100%;
  }
.EventCal table td {
  display: block;
  width: 100%;
  margin: 0 0 5px 0;
  }
.EventCal table td.CalHeader {
  display: none;
  }
img.Fright {
  float: none;
  display: block;
  margin: 10px auto;
  }
.HeroText h1 {
  font-size: 32px;
  }
.HeroText h3 {
  font-size: 20px;
  }
.HeroText p {
  font-size: 16px;
  }
}
@media screen and (max-width: 430px) {
.flex-direction-nav a {
	top: 30%;
	}
}
@media screen and (max-width: 400px) {
.FtAdLinks li {
  float: none;
  width: 100%;
  }
}