html * {margin:0; padding:0;}
html, body { font-size: 100%; min-width: 240px;  }
body {background-color:#f6f6f6; font-family: 'BenchNine', sans-serif; color:#000; }

a {color:#185be2;}
a:hover {color:#18c5e2; text-decoration: none;}
img {width:100%;}

.clr {clear: both;}

.hr-10 {height: 10px; clear: both;}
.hr-20 {height: 20px; clear: both;}
.hr-30 {height: 30px; clear: both;}
.hr-40 {height: 40px; clear: both;}
.hr-50 {height: 50px; clear: both;}

#top-row #logo-row {padding: 10px 0;}
#top-row #logo-row h1 {font-size:36px; text-shadow: 0 0 3px #fff;}

#top-row #menu-row .navbar-default {background: #fff none; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius: 0; margin:0; min-height: 30px;}
#top-row #menu-row ul.nav {list-style-type:none; font-size:16px; text-transform: uppercase;}
#top-row #menu-row ul.nav li a {display: block; padding: 0; color:#000;}
#top-row #menu-row ul.nav li a span {line-height: 15px; display: block; padding: 12px 13px;}
#top-row #menu-row ul.nav li ul {display: none; background-color: #999; z-index: 100; position: absolute; }
#top-row #menu-row ul.nav li ul li {display: block; float:none; background: none; padding: 0; margin:0;}
#top-row #menu-row ul.nav li ul li a {white-space: nowrap; color:#fff;}
#top-row #menu-row ul.nav li:hover {background: #999;}
#top-row #menu-row ul.nav li:hover a {color:#fff;}
#top-row #menu-row ul.nav li:hover ul {display: block;}
#top-row #menu-row ul.nav li a:hover {text-decoration: none; color:#fff;}
#top-row #menu-row ul.nav li ul li:hover {background: #ccc;}

#center-row #pathway-row {padding:20px 0 0 0;}
#center-row .image {padding-left:0; max-height: 250px; overflow: hidden; border:1px solid #999; padding:3px; background-color:#fff; margin-bottom:20px;}
#center-row .title {color:#000; margin:0 0 10px 0; font-size:30px;}
#center-row .title h2 {font-size:30px;}
#center-row .title a {color:#000;}
#center-row .title a:hover {color:#18c5e2;}
#center-row .info {color:#999; font-size:90%; margin:0 0 10px 0;}
#center-row .article-Box {padding-bottom:30px;}

#bottom-row {padding: 30px 0; border-top:1px solid #ccc;}
#bottom-row .title {font-size:24px; font-weight: bold; text-transform:  uppercase; margin:0 0 20px 0;}
#bottom-row ul {list-style-type:none; font-size:18px; letter-spacing: 1px;}

#footer-row {border-top:1px solid #ccc; padding:15px; margin:0 0 50px 0; text-align: left; padding: 28px 0;}

@media (max-width : 769px) {
    #top-row #menu-row {background-repeat: repeat-x; background-position: 0 0; float:none; width:100%; top:0;}
    #top-row #menu-row { opacity:1;}
    #top-row #menu-row ul.nav {max-height: 900px; overflow: auto; text-align: left; float:none; text-align: left; margin:0; font-size:14px;}
    #top-row #menu-row ul.nav > li { display: block; background: none; padding:0; }
    #top-row #menu-row ul.nav li {margin:0;}
    #top-row #menu-row ul.nav li a {border-bottom:1px solid #d0d0d0;}
    #top-row #menu-row ul.nav li a span {padding: 10px 15px; color:#666;}
    #top-row #menu-row ul.nav li ul {display: block; position: static; padding:0; background: #fff;}
    #top-row #menu-row ul.nav li:hover {background:transparent none;}
    #top-row #menu-row ul.nav li a:hover {background-color:#edfbee;}
    #top-row #menu-row ul.nav li ul li:hover {background: transparent;}

    #top-row #logo {top:35px; right:auto; left:30px;}
}


.col-lg-1:nth-child(12n+1),
.col-lg-2:nth-child(6n+1),
.col-lg-3:nth-child(4n+1),
.col-lg-4:nth-child(3n+1),
.col-lg-6:nth-child(2n+1),
.col-md-1:nth-child(12n+1),
.col-md-2:nth-child(6n+1),
.col-md-3:nth-child(4n+1),
.col-md-4:nth-child(3n+1),
.col-md-6:nth-child(2n+1) {
    clear: both;
}

.col-sm-1:nth-child(12n+1),
.col-sm-2:nth-child(6n+1),
.col-sm-3:nth-child(4n+1),
.col-sm-4:nth-child(3n+1),
.col-sm-6:nth-child(2n+1) {
    clear: left;
}