body
{
  margin: 0px;
	background-color: rgb(240,240,240);
}

* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

html {
  font-family: Arial, "Lucida Sans", sans-serif;
  color: black;
}

a.body
{
	font-family: Arial;
	background-color:transparent;
}


a.body:link
{
	color:rgb(179,31,23);
	font-weight: normal;
	text-decoration:none;
}

a.body:visited
{
	color:rgb(179,31,23);
	font-weight: normal;
	text-decoration: none;
}

a.body:hover
{
	color:black;
	font-weight: normal;
	text-decoration: underline;
}

a.regular
{
	font-family: Arial;
	background-color:transparent;
}


a.regular:link
{
	color:white;
	font-weight: normal;
	text-decoration:none;
}

a.regular:visited
{
	color:white;
	font-weight: normal;
	text-decoration: none;
}

a.regular:hover
{
	color:yellow;
	font-weight: normal;
	text-decoration: underline;
}

a.yellow
{
	font-family: Arial;
	background-color:transparent;
}


a.yellow:link
{
	color:rgb(43,92,171);
	font-weight: normal;
	text-decoration:none;
}

a.yellow:visited
{
	color:rgb(43,92,171);
	font-weight: normal;
	text-decoration: none;
}

a.yellow:hover
{
	color:black;
	font-weight: normal;
	text-decoration: underline;
}


div.header {
	background-color: rgb(179,31,23);
	color: white;
	text-align: center;
	font-family:  tempus sans itc, Trebuchet MS, Arial;
	font-size: 18pt;
	font-weight: 400;
	width:100%;
	margin: 0px 0px -4px 0px;
}

div.ftText
{
	width:100%;
	padding-left:35%;
}

img.pg_logo
{
	margin:0px;
	padding:0px;
	width:100%;
	max-width:1200px;
}

div.headertxt
{
	height:40px;
}


img.body
{
	max-width: 80%;
	height:auto;
	border:solid;
	border-color:rgb(179,31,23);
	border-width:thin;
	margin-bottom:5px;
}

img.slideshow
{
	max-width: 100%;
	height:auto;
	border:solid;
	border-color:rgb(179,31,23);
	border-width:thin;
}

.address {
  background-color: black;
  padding: 14px;
  color: #ffffff;
  text-align: left;
  font-size: 14px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
}

.aside {
  background-color: black;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
}

.footer {
	background-color: rgb(179,31,23);
	color: white;
	text-align: center;
	font-family:  tempus sans itc, Trebuchet MS, Arial;
	font-size: 14pt;
	font-weight: 400;
	padding: 15px;
}

h1
{
	font-family:  tempus sans itc, Trebuchet MS, Arial;
}

img.fblogo
{
	width:30px;
}

img.pg_map
{
	width:100%;
}




/************* menu start ***************/

.topnav .icon {
  display: none;
  cursor: pointer;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: black;
  text-align:center; /* needs li float:none below to work */
}

li {
  float: none;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: rgb(179,31,23);
}

li.dropdown {
  display: inline-block;
}

li.fb {
  display: inline-block;
}

a.fb {
  display: inline-block;
  vertical-align:middle;
  padding: 0px;

}

li.hamburger {
  display: inline-block;
  float:right;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #333;
  min-width: 160px;
  box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.4);
  z-index: 1;
	filter:alpha(opacity=90);
	-moz-opacity:.90;opacity:.90;
	border: 0px 0px 0px 1px;
}

.dropdown-content a {
  color: white;
  padding: 12px 12px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: rgb(5,5,5);}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px)
{
  img.pg_logo {content: url('../images/header/header3.jpg');}
  img.pg_map {width:50%;}
}

@media screen and (max-width: 600px) {
  .topnav a, .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px)
{
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon
  {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;background-color: rgb(100,100,100);}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

  li.dropdown
  {
  display: block;
  z-index: 99;
  }

  div.address   {text-align:center;}

	div.headertxt {font-size: 16px;}

	div.ftText {width:100%; padding-left:0%;}
}

/********************* menu end ***********************/


/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}