@charset "utf-8";
/* CSS Document */

.size-diff{ width:100%; height:2%; background-color:#9F0; clear:both;}

.menu-holder-mobile{ display:block;}
.menu-holder-large{ display:none;}

.show-mobile{ display:block;}
.hide-mobile{ display:none;}

.header-container{ width:100%; padding:0; margin:0; background-color:#dd0000; height:8.5%;}

.inside-header-container{ background-image:none;}

.content-holder{width:90%; padding:0; margin:0 auto;}
.main-left-holder{width:3%; padding:1%; margin:0; background-color:#fff;}
.main-right-holder{width:3%; padding:1%; margin:0; background-color:#fff;}
.main-center-holder{width:90%; padding:0%; margin:0; background-color:#fff;}

.tag{ display:none;}
.left-top-box-outlined{ width:22%; float:left; padding:1%; margin-right:1%; border:solid #000 7px; font-size:10px; font-weight:bold; text-align:center;}
.right-top-box-outlined{ width:22%; padding:1%; float:left; margin-left:1%; border:solid #000 7px; font-size:10px; font-weight:bold; text-align:center;}

.date-search-tag{ display:none;}
.inside-logo-holder{ width:100%; padding:0; margin:0; float:left;}

.single-news-holder{ width:100%;}
.single-news-holder p img{ width:100%;}

.article-list-3-holder ul li{ display:inline-block; width:100%; padding:2% 0% 2% 0%; margin:0 auto; vertical-align:text-top;}

.inside-side-stories-holder{  width:100%; padding:0; margin:0 0 0 0%; float:right; display:block;}
.inside-main-stories-holder{  width:100%; padding:0; margin:0; float:right; display:block;}


.menu-holder-mobile{ font-family:Arial, Helvetica, sans-serif;}

.left-top-box-outlined{ width:91%; float:none; padding:1%; margin:2%; border:solid #000 7px; font-size:10px; font-weight:bold;}
.right-top-box-outlined{ width:91%; padding:1%; float:none; margin:2%; border:solid #000 7px; font-size:10px; font-weight:bold;}
.home-logo-holder{ width:96%; float:none; margin:0 auto;}

.home-side-stories-holder{  width:94%; padding:0; margin:0 auto; float:none; display:none;}
.home-main-stories-holder{  width:94%; padding:0; margin:0; float:none; display:none;}
.home-side-stories-holder article{ width:43%; float:left; margin:5% 2% 2% 2%;}

.top-gray-holder{ margin:2% auto; }

.top-gray-holder h4{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;  font-size:10px; padding:1% 0 0 0; margin:0 auto; background-image:none); text-align:center;}
.top-gray-holder .nbs{margin-top:-1%;}
.top-gray-holder .nbs p{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;  font-size:10px; font-weight:bold; width:35%; margin:0 auto; padding:2% 0; }
.top-gray-holder .nbs img{ float:right; margin:-3% 0 0 0; width:25%;}
.top-gray-holder span{ margin:0 0 1% 2%; font-size:10px; padding-bottom:10%; font-family:Arial, Helvetica, sans-serif;}

.page-title-holder h1{ font-size:250%;}

.menu-holder-mobile{ z-index:1000;}

.mobile-content-container{ width:100%; padding:0; margin:0;}
.mobile-content-container article.showcase{ display:block; position:relative; padding:5% 0;}
.mobile-content-container article.showcase div.img-holder02{ z-index:1; position:absolute;}
.mobile-content-container article.showcase div.img-holder02 img{ width:100%;}
.mobile-content-container article.showcase h1{z-index:2; position:absolute;  font-family:"Arial Black", Gadget, sans-serif; font-size:10px; line-height:100%; padding:2%; margin:0; color:#fff;}

.mobile-main-stories{ width:100%; padding:0 0 0 0; margin:0 auto;}
.main-story-wrapper{width:100%; padding:50% 0 0 0; margin:0 0 0 0; display:block; position:relative;}
.main-story-wrapper .story-img{ width:100%; padding:0 0 0 0; margin:0; position:absolute; top:0%;}
.main-story-wrapper .story-img img{ width:100%;}
.main-story-wrapper .story-details{position:absolute; padding:0 0 0 0; top:35%; left:5%; }
.main-story-wrapper .story-details h1{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:rgb(0,0,0);opacity:0.6; padding:2%; margin:2% 0 0; text-decoration:none;}
.main-story-wrapper .story-details p{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0; margin:1% 0 0; text-decoration:none;}

.mobile-side-stories{ width:100%; padding:0; margin:0;}
.side-story-list{ width:100%; padding:0; margin:0;}
.side-story-list ul{ width:100%; padding:0; margin:0; list-style-type:none;}
.side-story-list ul li{ display:inline-block; float:left; vertical-align:text-top; width:48%; margin:1%;   padding:0 0 0 0;}
.side-story-list ul li .story-details h1 a{ text-decoration:none; color:#dd0000;}
.side-story-list ul li .story-details h1 a:hover{ text-decoration:underline;}
.side-story-list ul li .story-img{ width:100%; padding:0; margin:0;}
.side-story-list ul li .story-img img{width:100%;}
.side-story-list ul li .story-details{width:100%; padding:0; margin:0;}
.side-story-list ul li .story-details h1{color:#dd0000; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:2%; margin:2% 0 0;}

.article-list-4-holder{width:100%; padding:0; margin:0;}
.article-list-4-holder ul{width:100%; padding:0 0 0 1%; margin:0 auto; list-style-type:none;}
.article-list-4-holder ul li{ display:inline-block; width:45%; padding:2% 1% 2% 1%; margin:0 auto; vertical-align:text-top;}
.article-list-4-holder ul li .image-holder{ width:100%;  padding:0; margin:0;}
.article-list-4-holder ul li .image-holder img{width:80%; text-align:center;}
.article-list-4-holder ul li .title-holder h2{ font-family:Arial, Helvetica, sans-serif; font-weight:regular; font-size:10px; line-height:100%; color:#000000;  padding:2% 0 2% 0; margin:0 0 2% 0;}
.article-list-4-holder ul li .par-excerpt{ font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:140%; text-align:left;}

.footer-holder{width:80%; padding:0; margin:0 auto;}

/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #dd0000;
  position: relative;
  z-index:1000;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 10px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #d0121a;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
 background: #d0121a;
  
}

/* Style the active link (or home/logo) */
.active {
  background-color: #dd0000;
  color: white;
}