body
	{
		background: url('../images/parchment.jpg');
		//background: #cccccc;
		margin: 0px;
	}
p, td, li
	{
		font: 12pt "Times New Roman", Times, serif;
		line-height: 1.6em;
	}

h1
	{
		text-align: center;
		font: 48pt 'Times New Roman', Times, serif;
		margin: 4px;
	}
h2 { }
h3
	{
		font: 16pt "Times New Roman", Times, serif;
	}

a { color: #000099; }
a:hover { color: red; text-decoration: none; }

#page
	{
		border: 2px black solid;
		background: white;
		margin: 10px;
		margin-bottom: 0px;
	}

#menu
	{
		
		border-top: 1px black solid;
		border-bottom: 1px black solid;
	}
#menu td
	{
		padding: 4px;
		text-align: center;
		font: 14pt Arial, Helvetica, sans-serif;
		width: 12%;
	}
#menu td a
	{
		color: black;
		text-decoration: none;
	}
#menu td a:hover
	{
		color: black;
		text-decoration: none;
	}
	
#content
	{
		padding: 20px;
		min-height: 400px;
	}

table.rates td.heading
{
  background: #cccccc;
  font-weight: bold;
}
table.rates td
{
  font: 12pt "Times New Roman", Times, serif;
  padding: 4px;
  border: 1px black solid;
}
.i { border: 1px black solid; background: #eeeeee; font: 12pt "Times New Roman", Times, serif; margin-bottom:10px; width:25em; }

hr
{
	height: 2px;
	border: 0px;
	color: black;
	background: #666;
	width: 80%;
}
.top-img {
  width: 100%;
  // height: 200px;
  border:0px;
  margin:0px;
}
.top-img-block {
  width: 265px;
  display: block;
}
.top-contact-block {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.topnav { display: none; }
#footer {
  width: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.footer-piece {
  float: left;
  max-width: 250px;
}
@media screen and (max-width: 800px) {
  .i {
    width: 20em;
  }
  #footer {
    width: 550px;
  }
  #menu {
    display: none;
  }
  .top-img-block {
    width: 45%;
  }
  /* Style the navigation menu */
  .topnav {
    display: block;
    clear: both;
   overflow: hidden;
   background-color: #333;
   position: relative;
   border-top: 1px white solid;
  }

/* 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: 17px;
   display: block;
  }

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

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

/* Style the active link (or home/logo) */
  .active {
    background-color: #555;
   color: white;
  }
}
@media screen and (max-width: 600px) {
  .i {
    width: 15em;
  }
  .top-contact-block {
    width: 300px;
    font-size: 80%;
  }
  #footer {
    width: 325px;
  }
  .footer-piece.new-line {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 180px;
  }
  .invisible {
    display: none;
  }
  .unclickable {
    pointer-events: none;
    text-decoration: none;
    color: #000;
  }
  .media-img {
    float: none !important;
    max-width: 90%;
    clear: both;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}