.view ul.pager {
    margin-top: 20px;
}

/** categories **/

.categories ul {
  color: white;
  margin: 15px -5px;
  overflow: hidden;
  padding: 0;
}

.categories li {
  float: left;
  list-style: none;
  margin: 5px;
}

.categories a {
  display: block;
  height: 200px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: 220px;
  cursor: pointer;
}

.categories .image {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 10;
}

.categories .content {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 90;
}

.categories .content * {
  display: inline;
}

.categories a:hover .content {
  background: #333;
  color: white;
  display: block;
  height: 180px;
  opacity: 0.8;
  filter: alpha(opacity = 80);
  zoom:1;
  overflow-y: auto;
  padding: 10px;
  width: 200px;
  font-weight: normal;
}

.categories .title {
  background: #444;
  border-top: 2px solid white;
  bottom: 0;
  color: white;
  left: 0;
  padding: 10px;
  position: absolute;
  text-transform: uppercase;
  width: 200px;
  font-weight: bold;
  z-index: 100;
}

/** gallery **/

.gallery {
  margin-top: 0;
}

.gallery ul {
  margin: 0;
  padding: 0;
}

.gallery li {
  list-style: none;
  margin: 0;
  margin-bottom: 10px;
  overflow: hidden;
}

.gallery .wrapper {
  background: #CCC;
  float: left;
  height: 360px;
  margin-right: 10px;
  overflow-y: auto;
  padding: 20px;
  width: 180px;
}

.gallery .title {
  font-weight: bold;
  text-transform: uppercase;
  color: #21486A;
}

.gallery .image {
  background: black;
  float: left;
  height: 400px;
  width: 450px;
}

/** thumbs **/

.thumbs ul {
  color: white;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.thumbs li {
  float: left;
  list-style: none;
  margin: 0;
  padding-bottom: 10px;
  padding-right: 10px;
}

.thumbs a {
  background: #333;
  display: block;
  height: 105px;
  position: relative;
  text-decoration: none;
  width: 105px;
  cursor: pointer;
  font-weight: normal;
}

.thumbs .image {
  height: 105px;
  left: 0;
  position: absolute;
  top: 0;
  width: 105px;
  z-index: 10;
}

.thumbs .title {
  display: none;
}

.thumbs a:hover .title {
  background: #444;
  border-top: 2px solid white;
  bottom: 0;
  color: white;
  display: block;
  left: 0;
  opacity: 0.8;
  padding: 5px;
  position: absolute;
  width: 95px;
  z-index: 20;
}

/** resources **/

div.resources h3 {
  border-bottom: 1px solid #CCC;
  color: #21486A;
  margin-bottom: -10px;
  margin-top: 30px;
  padding-bottom: 5px;
  text-transform: uppercase;
}

div.resources .views-row {
  border-bottom: 1px dashed #CCC;
  list-style: none;
  overflow: hidden;
  padding: 20px 0;
}

/** keywords **/

div.keywords ul {
  overflow: hidden;
  padding-left: 0;
  background: #eeeeee;
}

div.keywords li {
  float: left;
  list-style: none;
  font-weight: bold;
  padding: 5px 0;
}

div.keywords li a {
  border-right: 1px solid #999;
  display: block;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 0 10px;
  text-transform: uppercase;
}

div.keywords li.active a {
  color: #21486A;
}

div.keywords li a:hover {
  color: orange;
}

/** news **/

.block-news-block_1 .title a {
  color: #21486A;
}

.block-news-block_1 .more a {
  background: url(../images/chevron-sm.png) no-repeat right center;
  padding-right: 20px;
}

.view-news-page ul,
.view-trenches-page ul
{
  margin: 0;
  padding: 0;
}

.view-news-page .views-row,
.view-trenches-page .views-row
{
  border-bottom: 1px solid #999;
  list-style: none;
}