a {color: #c97222;}
a:link {color: #c97222;}
a:visited {color: #792222;}
a:hover {color: #e99242;}
/*
#branding-site-00 {background: url(../_images/brandings-overlay-diversity.png) bottom left repeat-x, url(../_images/brandings-diversity.jpg) 50% 0 no-repeat;}
#branding-site-00 {background: url(/_images/brandings-overlay-diversity.png) bottom left repeat-x, url(/_images/brandings-diversity-3-1400.jpg) 50% 20% no-repeat;}
*/
#branding-site-00 {background-color: #ffd200;}
ul.events li.event .events-wrapper .events-dates {color: #fff; background: #a95202;}
ul.events-home li.event .events-wrapper .events-dates {color: #fff; background: #a95202;}
#strip-f-00 {width: 100%; background-color: #fff;}
#strip-f-00 #strip-f-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
#strip-f-00 #strip-f-01 #strip-f-02 {}
#strip-f-00 #strip-f-01 #strip-f-02 > .inner {}
#strip-g-00 {width: 100%; background-color: #fff;}
#strip-g-00 #strip-g-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
#strip-g-00 #strip-g-01 #strip-g-02 {}
#strip-g-00 #strip-g-01 #strip-g-02 > .inner {}

.sustained-dialogue-block {}
.sustained-dialogue-block > .inner {
  margin: 0 0 30px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5;
  background: rgb(245,245,245);
  background: -moz-linear-gradient(-45deg,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1)));
  background: -webkit-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  background: -o-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  background: -ms-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  background: linear-gradient(135deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fafafa',GradientType=1 );
}
.sustained-dialogue-block > .inner .sustained-dialogue-thumb {margin: 0 0 10px;}
.sustained-dialogue-block > .inner .sustained-dialogue-thumb img {display: block; line-height: 0;}
.sustained-dialogue-block > .inner .sustained-dialogue-title {font-weight: bold; line-height: 1.2em;}
.sustained-dialogue-block > .inner .sustained-dialogue-title a {color: #444; text-decoration: none;}
.sustained-dialogue-block > .inner .sustained-dialogue-teaser {margin-top: 10px; font-family: sans-serif; font-size: 80%; line-height: 1.4em;}
.sustained-dialogue-block > .inner .sustained-dialogue-teaser :first-child {margin-top: 0;}
.sustained-dialogue-block > .inner .sustained-dialogue-teaser :last-child {margin-bottom: 0;}
.sustained-dialogue-block > .inner .sustained-dialogue-more {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; text-align: right;}

.generic-block {}
.generic-block > .inner {
  margin: 0 0 30px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5;
  background: rgb(245,245,245);
  background: -moz-linear-gradient(-45deg,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1)));
  background: -webkit-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  background: -o-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  background: -ms-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  background: linear-gradient(135deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fafafa',GradientType=1 );
}
.generic-block > .inner .generic-thumb {margin: 0 0 10px;}
.generic-block > .inner .generic-thumb img {display: block; line-height: 0;}
.generic-block > .inner .generic-title {font-weight: bold; line-height: 1.2em;}
.generic-block > .inner .generic-title a {color: #444; text-decoration: none;}
.generic-block > .inner .generic-teaser {margin-top: 10px; font-family: sans-serif; font-size: 80%; line-height: 1.4em;}
.generic-block > .inner .generic-teaser :first-child {margin-top: 0;}
.generic-block > .inner .generic-teaser :last-child {margin-bottom: 0;}
.generic-block > .inner .generic-more {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; text-align: right;}

.hispanic-forum-schedule {}
.hispanic-forum-schedule dl {}
.hispanic-forum-schedule dl dt {}
.hispanic-forum-schedule dl dd {}
.hispanic-forum-schedule dl dd > ul {}
.hispanic-forum-schedule dl dd > ul > li {}
.hispanic-forum-schedule dl dd > ul > li .time {}
.hispanic-forum-schedule dl dd > ul > li .time > .inner {font-weight: bold;}
.hispanic-forum-schedule dl dd > ul > li .description {}
.hispanic-forum-schedule dl dd > ul > li .description > .inner {}

ul.faces-of-courage-list {list-style: none; margin: 0 0 1em; padding: 0;}
ul.faces-of-courage-list li.faces-of-courage-item {margin: 0 0 15px; padding: 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; background: rgb(245,245,245); background: -moz-linear-gradient(-45deg,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1))); background: -webkit-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -o-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -ms-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: linear-gradient(135deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fafafa',GradientType=1 );}
ul.faces-of-courage-list li.faces-of-courage-item > .inner {padding: 10px;}
ul.faces-of-courage-list li.faces-of-courage-item > .inner .faces-of-courage-video {margin: 0 0 15px;}
ul.faces-of-courage-list li.faces-of-courage-item > .inner .faces-of-courage-title {font-weight: bold; line-height: 1.2em; overflow: auto;}
ul.faces-of-courage-list li.faces-of-courage-item > .inner .faces-of-courage-description {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; overflow: auto;}

.promo {
  margin: 30px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5;
  background: rgb(245,245,245);
  background: -moz-linear-gradient(-45deg,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1)));
  background: -webkit-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  background: -o-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  background: -ms-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  background: linear-gradient(135deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fafafa',GradientType=1 );
}
.promo > .inner {}
.promo > .inner > .inner {}
.promo > .inner > .inner .promo-thumbnail {line-height: 0;}
.promo > .inner > .inner .promo-thumbnail > .inner {padding: 15px 15px 0;}
.promo > .inner > .inner .promo-thumbnail > .inner img {}
.promo > .inner > .inner .promo-text {}
.promo > .inner > .inner .promo-text > .inner {padding: 15px;}
.promo > .inner > .inner .promo-text > .inner .promo-title {font-weight: bold; line-height: 1.2em;}
.promo > .inner > .inner .promo-text > .inner .promo-title a {color: #444; text-decoration: none;}
.promo > .inner > .inner .promo-text > .inner .promo-title + .promo-teaser {margin-top: 10px;}
.promo > .inner > .inner .promo-text > .inner .promo-teaser {font-family: sans-serif; font-size: 80%; line-height: 1.4em;}
.promo > .inner > .inner .promo-text > .inner .promo-teaser :first-child {margin-top: 0; padding-top: 0;}
.promo > .inner > .inner .promo-text > .inner .promo-teaser :last-child {margin-bottom: 0; padding-bottom: 0;}
.promo > .inner > .inner .promo-text > .inner .promo-more {font-family: sans-serif; font-size: 80%; line-height: 1.4em; text-align: right;}
.promo > .inner > .inner .promo-text > .inner .promo-title + .promo-more {margin-top: 10px;}
.promo > .inner > .inner .promo-text > .inner .promo-teaser + .promo-more {margin-top: 10px;}

@media all and (min-width: 330px) {
}

@media all and (min-width: 480px) {
  .hispanic-forum-schedule dl dd > ul {display: table; table-layout: fixed; width: 100%; list-style: none; margin: 0 0 1em; padding: 0;}
  .hispanic-forum-schedule dl dd > ul > li {display: table-row; width: 100%; margin: 0; padding: 0; font-size: 90%; line-height: 1.4em;}
  .hispanic-forum-schedule dl dd > ul > li.odd {background: #f5f5f5;}
  .hispanic-forum-schedule dl dd > ul > li .time {display: table-cell; width: 40%; vertical-align: top;}
  .hispanic-forum-schedule dl dd > ul > li .time > .inner {padding: 5px; font-weight: normal;}
  .hispanic-forum-schedule dl dd > ul > li .description {display: table-cell; width: 60%; vertical-align: top;}
  .hispanic-forum-schedule dl dd > ul > li .description > .inner {padding: 5px;}
}

@media all and (min-width: 533px) {
  .promo > .inner {display: table; width: 100%; table-layout: fixed;}
  .promo > .inner > .inner {display: table-row; width: 100%;}
  .promo > .inner > .inner .promo-thumbnail {display: table-cell; width: 30%; vertical-align: top;}
  .promo > .inner > .inner .promo-thumbnail > .inner {padding: 15px;}
  .promo > .inner > .inner .promo-text {display: table-cell; width: 70%; vertical-align: middle;}
  .promo.promo-full > .inner {display: block;}
  .promo.promo-full > .inner > .inner {display: block;}
  .promo.promo-full > .inner > .inner .promo-thumbnail {display: block; width: 100%;}
  .promo.promo-full > .inner > .inner .promo-thumbnail > .inner {padding: 15px 15px 0;}
  .promo.promo-full > .inner > .inner .promo-text {display: block; width: 100%;}
  .weigl-books .promo > .inner > .inner .promo-thumbnail {width: 50%;}
  .weigl-books .promo > .inner > .inner .promo-text {width: 50%;}
  .tyler-books .promo > .inner > .inner .promo-thumbnail {width: 50%;}
  .tyler-books .promo > .inner > .inner .promo-text {width: 50%;}
}

@media all and (min-width: 600px) { /* nexus 7 & kindle fire (original) */
  /*
  #branding-site-00 {background: url(../_images/brandings-overlay-diversity.png) 0 50px repeat-x, url(../_images/brandings-diversity.jpg) 50% 50px no-repeat;}
  #branding-site-00 {height: 400px; background: url(/_images/brandings-overlay-diversity.png) 0 250px repeat-x, url(/_images/brandings-diversity-3-1400.jpg) 50% 50px no-repeat;}
  #branding-site-00 #branding-site-01 #branding-site-02 {height: 400px;}
  */
  #branding-site-00 {background-color: #ffd200;}
  .hispanic-forum-schedule dl dd > ul > li .time {width: 30%;}
  .hispanic-forum-schedule dl dd > ul > li .description {width: 70%;}
}

@media all and (min-width: 768px) {
}

@media all and (min-width: 960px) {
  .hispanic-forum-schedule dl dd > ul > li .time {width: 40%;}
  .hispanic-forum-schedule dl dd > ul > li .description {width: 60%;}
  .two-cols-left.initiatives-left {width: 60%;}
  .two-cols-right.initiatives-right {width: 40%;}
  .two-cols-left.ccd-left {width: 60%;}
  .two-cols-right.ccd-right {width: 40%;}
  .promo.promo-sidebar > .inner {display: block;}
  .promo.promo-sidebar > .inner > .inner {display: block;}
  .promo.promo-sidebar > .inner > .inner .promo-thumbnail {display: block; width: 100%;}
  .promo.promo-sidebar > .inner > .inner .promo-thumbnail > .inner {padding: 15px 15px 0;}
  .promo.promo-sidebar > .inner > .inner .promo-text {display: block; width: 100%;}
}

@media all and (min-width: 1200px) {
  .hispanic-forum-schedule dl dd > ul > li .time {width: 30%;}
  .hispanic-forum-schedule dl dd > ul > li .description {width: 70%;}
}