article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
.Media {
  background-image: url(/images/mainbg.png);
  background-repeat: no-repeat;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
#content-wrapper {
  padding: 0 15px;
}
#content,
.no-sidebars #content {
  float: left;
  width: 960px;
  margin-left: 0;
  margin-right: -960px;
  padding: 0;
  /*background-color:#CF0;*/
  margin-top: 3em;
}
.sidebar-first #content {
  width: 700px;
  margin-left: 245px;
  margin-right: -960px;
  background-color: #fff;
  background-image: url(/images/mainbg.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.region-sidebar-first {
  background-image: linear-gradient(bottom, #ffffff 10%, #ebebeb 70%);
  background-image: -o-linear-gradient(bottom, #ffffff 10%, #ebebeb 70%);
  background-image: -moz-linear-gradient(bottom, #ffffff 10%, #ebebeb 70%);
  background-image: -webkit-linear-gradient(bottom, #ffffff 10%, #ebebeb 70%);
  background-image: -ms-linear-gradient(bottom, #ffffff 10%, #ebebeb 70%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.1, #ffffff),
    color-stop(0.7, #ebebeb)
  );
}
.footerclass {
  text-align: center;
  font-size: 0.78em;
  font-family: arial, helvetica, sans-serif;
  border: 0;
}
.footerclass a {
  margin: 0 8px;
  border: 0;
}
.region-sidebar-first {
  float: left;
  width: 242px;
  margin-left: 0;
  margin-right: -242px;
  padding: 0;
  background-image: url(/images/sidebartop.gif);
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 3em;
}

#header {
  font-size: 0em;
  border-bottom: 8px solid #000;
}
#header a {
  float: left;
  font-size: 1em;
}
#header #camera {
  float: left;
  height: 125px;
  width: 200px;
  background: url(/header_camera.gif);
  background-position: -4px;
  z-index: 2;
  position: absolute;
  margin-left: 240px;
}
#header #tagline {
  font-size: 1em;
  float: right;
  margin-right: 20px;
  margin-top: 25px;
  position: relative;
  z-index: 3;
}
.breadcrumb {
  display: none;
}
#vidplayer {
  width: 520px;
  float: left;
}
#vidplayer-wrapper {
  margin-right: 40px;
  padding-bottom: 25px;
}
/*#vidsidebar{
float:left;
margin-bottom:15px;
}*/
#vidsidebar .featured-vid-row img {
  margin-right: 15px;
}
.featured-vid-row {
  padding-bottom: 15px;
}
#vidmenubox {
  position: relative;
  clear: both;
}
#vidmenu {
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding: 25px;
  margin-top: 25px;
}
.vtitle {
  font-size: 18px;
  line-height: 1.1;
}
@media (max-width: 1279px) {
  .vidcard {
    width: 31.5% !important;
  }
}
@media (max-width: 720px) {
  .vidcard {
    width: 48.5% !important;
  }
}
@media (max-width: 594px) {
  .vidcard {
    width: 100% !important;
    height: 220px !important;
  }
  .vidcatbox {
    height: 160px !important;
  }
  .flexend {
    flex-wrap: wrap !important;
  }
}
.vidcard:hover .vidcatbox {
  /* box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  border-color: #888;*/
  opacity: 0.7;
}

.vidcard {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 23.3%;
  height: 200px;
  cursor: pointer;
  background-color: #333;
  /*border: 1px solid transparent;*/
}
.vidcatbox {
  height: 140px;
  width: 100%;
  background-size: cover;
  background-position: top center;

  opacity: 1;
  transition: all 0.5s ease;
}
.vidcatbg {
  text-align: center;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #334566;
}
.vidcattitle {
  font-weight: bold;
  color: #fff;
  font-size: 1.1em;
}
.vidtitle {
  max-width: 180px;
}
.vidthumbbox {
  float: left;
  width: 150px;
  font-size: 0.8em;
}
.vidthumbspace {
  float: left;
  width: 2.5em;
}
#featuredvids,
#recentvids {
  background-color: #fff;
  padding: 15px 15px 0px;
  margin-top: 1px;
  min-height: 400px;
  box-shadow: 1px 1px 2px #ddd;
}
#featuredvids img,
#recentvids img {
  margin-right: 10px;
}
#recentvids {
  display: none;
}
a.vidlinks {
  padding: 20px;
  display: block;
  color: #222;
  background: #f7f7fc;
  transition: all 0.5s ease;
}
a.vidlinks:hover {
  background: #dce1ed;
}
body {
  margin: 0;
}
.vidlistdiv {
  /*display:none;*/
  position: relative;
  padding: 25px;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  margin: 20px 0;
}
.vidlistdiv h4 {
  clear: both;
}
.vidpage .row .sameheight {
  min-height: 200px;
}
.vidrow {
  clear: both;
}
.vidrowspacer {
  clear: both;
  padding: 10px;
}
ul.vid-tabs {
  text-align: left;
  margin: 0.75em 0 0 0;
  list-style-type: none;
  border: none;
  padding: 0;
}
ul.vid-tabs li {
  display: inline;
  margin-right: 6px;
}
ul.vid-tabs li a {
  padding: 8px 20px;
  background-color: #dce1ed;
  color: #354466;
  border: 1px solid #dce1ed;
  text-decoration: none;
  border-bottom: 0px none;
  position: relative;
  top: -4px;
}
ul.vid-tabs li.selected {
  background-color: #dce1ed;
}
ul.vid-tabs li.selected a {
  background-color: #fff;
  border: none;
}
ul.vid-tabs li.selected a:hover {
  background-color: #fff;
  border: 0px none;
  color: #354466;
  cursor: default;
}
ul.vid-tabs li a:hover {
  background-color: #324174;
  border: 1px solid #324174;
  border-bottom: none;
  color: #fff;
  cursor: pointer;
}
.vid-rlinks {
  margin-top: 15px;
  font-weight: bold;
  font-size: 0.85em;
}
ul.rlinks-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.rlinks-list li {
  margin-top: 6px;
}
ul.rlinks-list li a {
  font-size: 0.85em;
}
.vidlistdiv h4 {
  margin: 20px 10px 10px 0px;
  float: left;
}
.catvidcounter {
  float: left;
  margin: 20px 10px 10px 0px;
}
.vidpage {
  clear: both;
  display: none;
}
.vidlistdiv div.active {
  display: block;
}
.backtosubmenu {
  display: block;
  font-weight: bold;
  float: left;
}
.vid-bmlinks {
  margin-top: 15px;
  font-weight: bold;
  font-size: 0.85em;
  /*float:left;*/
}
ul.bmlinks-list {
  margin-left: 35px;
}
ul.bmlinks-list li {
  margin-bottom: 10px;
  font-size: 0.8em;
}
ul.bmlinks-list li div.bmlink-time {
  float: left;
}
ul.bmlinks-list li div.bmlink {
  margin-left: 65px;
}
.vglink {
  margin-top: 5px;
  font-size: 0.8em;
  padding: 10px;
}
.playing {
  background-color: #ecf5ff;
}
.nowplaying {
  color: #666;
}
ul.vglinks-list {
  margin-left: 65px;
}
ul.vglinks-list li {
  margin-bottom: 10px;
  font-size: 0.8em;
}
ul.vglinks-list li a {
  font-size: 1.15em;
}
h2.vid-title {
  margin-bottom: 8px;
}
.vidsearchbox {
  padding-bottom: 5px;
}
.vidsearchbox form,
.vidsearchbox-wrapper {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}
.form-item-vkw {
  display: inline;
}

form#video-search-form #vidmenubutton,
#vidmenubutton {
  border: 1px solid #999;
  background-color: #ccc;
  margin-right: 10px;
}
form#video-search-form .form-submit {
  display: none;
}
/*.vidsearchbuttoncontent{
position:static;
opacity:0.5;
display:block;
width:16px;
height:16px;
word-spacing:0px;
text-align:center;
text-indent:-10000px;
background-image:url(https://www.ncpc.gov/images/vidsearchicon.png);
background-repeat:no-repeat;
background-position:center;
}*/
a.vidbutton {
  border: 1px solid #999;
  padding: 5px;
  font-size: 13.5px;
  background-color: #ccc;
  color: #333;
  text-decoration: none;
}
#vidbutton i {
  margin-right: 5px;
}
ul.vid-tabs li.searchtab,
ul.vid-tabs li.relatedtab {
  display: none;
}
.vidpagelink {
  text-decoration: underline;
  padding: 2px 6px;
  margin: 0px 3px;
  border: 1px solid #aaa;
  background-color: #eee;
  cursor: pointer;
}
#footer {
  padding-top: 25px;
}
.ncpcfooter {
  font-size: 13px;
}
.ncpcfooter tbody {
  border: 0 none;
}
.prevlink {
  float: left;
  font-size: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
}
.nextlink {
  float: right;
  font-size: 15px;
  padding-bottom: 20px;
}
.node-type-page h1#page-title {
  margin-top: 80px;
  font-family: "Arial Black", Gadget, sans-serif;
  color: #333;
  font-size: 30px;
  padding-bottom: 15px;
  line-height: 100%;
}
.page-node-176 h1#page-title {
  margin-top: 95px;
}
.page-node-176 div#content {
  background-image: url("/images/project_review_fade.png");
  background-repeat: no-repeat no-repeat;
  background-position: 2px 13px;
}
.page-node-176 div#content-wrapper {
  padding: 0px 22px;
}
.node-type-page h2 {
  background-image: url(/images/Subhead_gradient.png);
  background-repeat: repeat-y;
  padding: 5px;
  font-size: 15px;
  color: #000;
  margin-top: 20px;
}
.node-type-page #content {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.72em;
  line-height: 1.5em;
  color: #333;
}
.node-type-page #content ul {
  list-style: disc;
}
.page-videos h1#page-title {
  background-color: #354566;
  padding: 0.25em 0.4em;
  margin: 0.5em 0px;
  color: #fff;
  font-size: 1.5em;
}
.page-node-125 h1.title,
.page-node-126 h1.title {
  display: none;
}
.page-node-153 .region-sidebar-first .content {
  background-image: linear-gradient(bottom, #ffffff 10%, #ebebeb 70%);
  background-image: -o-linear-gradient(bottom, #ffffff 10%, #ebebeb 70%);
  background-image: -moz-linear-gradient(bottom, #ffffff 10%, #ebebeb 70%);
  background-image: -webkit-linear-gradient(bottom, #ffffff 10%, #ebebeb 70%);
  background-image: -ms-linear-gradient(bottom, #ffffff 10%, #ebebeb 70%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.1, #ffffff),
    color-stop(0.7, #ebebeb)
  );
}
.page-node-153 h1#page-title {
  display: none;
}
.page-node-151 h1#page-title,
.page-node-156 h1#page-title {
  margin-top: 30px;
}
.vid-bmlinks {
  margin-top: 10px;
  font-weight: bold;
  font-size: 100%;
  float: left;
}
.bmlink a {
  color: #548e20;
}
ul.bmlinks-list {
  margin-top: 10px;
  margin-left: 45px;
}
ol,
ul {
  list-style: none;
}
ul.bmlinks-list li div.bmlink-time {
  float: left;
  margin-left: 10px;
}
ul.bmlinks-list li {
  margin-bottom: 10px;
  font-size: 100%;
}
ul.bmlinks-list li div.bmlink {
  margin-left: 90px;
}
ul.bmlinks-list li {
  margin-bottom: 10px;
  /*font-size: .8em;*/
}

.dataTables_length {
  display: none;
}
#tbl-s_wrapper {
  padding-bottom: 10px !important;
}
#tbl-s_wrapper table.dataTable tbody tr {
  background: transparent;
}
#tbl-s {
  border: none;
}
#tbl-s_wrapper table.dataTable thead th,
#tbl-s_wrapper table.dataTable thead td {
  border: none;
}
#tbl-s_wrapper table.dataTable tbody th,
#tbl-s_wrapper table.dataTable tbody td {
  padding: inherit;
}

@media (max-width: 1399px) {
  #vidbutton i {
    display: none;
  }
}
@media (max-width: 991px) {
  #vidbutton i {
    display: inline;
  }
}
@media (max-width: 1199px) {
  #vidbutton {
    padding: 5px 2px !important;
  }
}