/* General stuff */

* {
margin: 0;
padding: 0;
}

body {
background: #333 url("../images/back.gif") repeat;
font: normal normal normal 11px/18px verdana, arial, sans-serif;
padding: 10px;
}

div#wrapper {
width: 95%;
background: #fff;
margin: 0 auto;
padding: 10px 10px 10px 10px;
}

div#menu {
width: 160px;
height: 210px;
background: #000;
margin: 0px 0px 1px 0px;
height: 210px;
float: left;
}

div#menu table.moduletable {
width: 100%;
margin: 0px 0px 0px 0px;
}

div#banner {
height: 210px;
background-color: #000;
background-image: url("../images/header.png");
background-repeat:no-repeat;
background-position: center center;
margin: 0px 0px 1px 160px;
}

div#slideshow {
margin: auto;
}

div#sitename {
width: 160px;
height: 30px;
float: left;
background: #333;
margin: 0px 1px 1px 0px;
}

div#pathway {
height: 30px;
background: #333;
margin: 0px 0px 1px 161px;
}

div#pathway h2.pagename ol.mod-breadcrumbs li {
display: inline;
list-style-type: none;
}

div#pathway h2.pagename ol.mod-breadcrumbs li span.divider {
  padding-left: 0.3em;
  padding-right: 0.3em;
}

div#pathway h2.pagename ol.mod-breadcrumbs li a.pathway span {
  padding-left: 0.3em;
  padding-right: 0.3em;
}

div#sidebar {
width: 160px;
float: left;
background-color: #ccc;
margin: 1px 0px 0px 0px;
font: normal 10px/18px verdana, arial, tahoma, sans-serif;
}

ul.newsfeed {
    padding-right: 0.5em;
    list-style-type: square;
    padding-left: 1.2em;
}

div#content {
margin: 10px 0px 10px 160px;
padding-left: 1em;
}

div.page-header {
  margin-bottom: 1em;
}

div.page-header h2{
  font-size:1.2em;
}

nav.pagination {
  text-align: center;
}

nav.pagination__wrapper ul.pagination li.page-item {
  display: inline;
  list-style-type: none;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

div#footer {
text-align: center;
clear: both;
width: 100%;
}

a {
color: #666;
text-decoration: underline;
}

a.external {
padding-right: 16px;
background: transparent url(/images/icons/icon_link_external.png) no-repeat center right;
}

a:visited {
text-decoration: none;
}

a:hover {
color: #ccc;
}

h1.first-letter-red {
float: left;
font: bold 16px/30px arial, verdana, tahoma, sans-serif;
padding-left: 10px;
color: #fff;
cursor: default;
}

h1.first-letter-red:first-letter {
color: #f00;
text-decoration: underline;
}

h2.pagename {
font: bold 16px/30px arial, verdana, tahoma, sans-serif;
padding-left: 10px;
color: #fff;
margin-top: 1px;
cursor: default;
}

#current a {
background-repeat: no-repeat;
background-position: 100% 50%;
}

img.article {
padding: 3px;
background: #ccc;
border-bottom: 2px solid #474747;
border-right: 2px solid #474747;
border-top: 1px solid #000;
border-left: 1px solid #000;
}

p {
margin-bottom: 1em;
}

/* Joomla stuff */

div#menu ul.mod-menu {
list-style-type: none;
}


div#menu ul.mod-menu li a {
color: #fff;
font: normal 11px/24px verdana, arial, tahoma, sans-serif;
display: block;
width: 93%;
height: 24px;
background-color: #000;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
padding-left: 10px;
text-decoration: none;
}

div#menu ul.mod-menu li a:hover {
background-color: #333;
}

.contentheading {
font-family: verdana, arial;
font-weight: bold;
color: #202020;
}

.small {
font-size: 10px;
color: #656565;
line-height: 1.0;
}

.createdate {
font-size: 10px;
color: #656565;
line-height: 1.0;
padding-bottom: 1.0em;
}

.modifydate {
font-size: 10px;
color: #656565;
line-height: 1.0;
}

#sidebar a {
color: #666;
text-decoration: underline;
}

#sidebar a:hover {
color: #666;
text-decoration: underline;
}

#sidebar a:visited {
color: #666;
text-decoration: none;
}

table.moduletable {
margin: 1em 0em 0em 0em;
}

table.moduletable table {
margin: 0em 0em 1em 0em;
}

ul.slick-rss-list {
padding-left:1.2em;
padding-right: 0.5em;
list-style-type: square;
}

li.slick-rss-item a {
display:block;
}

div.syndicate div {
height: 20px;
}

/* Overwrite JoomGallery styles */

/* Dynamic Grid for Images in a Category */

div.jg-gallery.columns .jg-images.columns-4.jg-category {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}