/*--Global--*/

.merriweather-<uniquifier> {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  }

.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  }
  

.caveat-Title {
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


body {
  background: #3F5575;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  text-align: center; /* IE Fix */
  margin: 0;
  color: #666;
  }
  
a {
  text-decoration: none;
  color: #6196CD;
  border-bottom: none solid #6196CD;
}

a:hover {
	border-bottom: none;
	color: #77BCDD;
}

a.huge {
  font-size: 2em;
  word-spacing: 0;
  border-bottom: none;
  color: #6196CD;
  transition: color .15s ease-in-out;
  -webkit-transition: color .15s ease-in-out;
  }

a.huge:hover {
	border-bottom: 2px solid #77BCDD;
	color: #77BCDD;
}

a.blank { border-bottom: none; }

a.blank:hover { border-bottom: none; }

a.blank img { border: none;  }

a.blank:hover img { border: none; }

a.image { border-bottom: none; }

a.image:hover { border-bottom: none; }

a.image img { border: 2px solid #B5CCFF;  }

a.image:hover img { border: 2px solid #77BCDD; }

.big { 	font-size: 20px; }

.large { font-size: 24px; }

.vbig { font-size: 28px; }

.huge { font-size: 36px;
	line-height: 30px;
    font-weight: bold;
}

.mega { font-size: 48px;
	line-height: 30px;
	font-weight: bold;
	border-bottom: 4px solid #6196CD;
}

.small { font-size: 11px; }

.vsmall { font-size: 10px; }

p { 
	padding: 5px 10px;
	margin: 5px 0;
}

p.center { text-align: center; }

/*--Container--*/
#container {
  margin: 0 auto;
  max-width: 1750px;
  background: #fff;
  border: none;
  padding: 3px 5px;
  text-align: left;
  }

/*--Header--*/
#header {
  background: -webkit-linear-gradient(left, #3F5575 , #3F5575 , black); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #3F5575 , #3F5575 , black); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #3F5575 , #3F5575 , black); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #3F5575 , #3F5575 , black); /* Standard syntax */
  border-bottom: 4px solid #fff;
  border-top: 5px solid #fff;
  padding: 6px 30px 12px;
  }	
  
#header h1 {
  margin: 0;
  color: white;
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italics;
  font-size: 96px;
  line-height: 104px;
  cursor: default;
  text-align: center;
  }	
  
#header h2 {
  margin: 0;
  color: white;
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italics;
  font-size: 36px;
  padding-bottom: 6px;
  cursor: default;
  text-align: center;
  }	

/* Topnav bar */
.topnav {
  background-color: #283548;
  margin-bottom: 3px;
  position: sticky;
  top: 0;
  z-index: 2;
}

/* Dropdown Button */
.dropbtn {
  background-color: #283548;
  color: white;
  text-decoration: none;
  padding: 10px 0px 11px 0px;
  font-size: 16px;
  border: none;
}

.dropbtn-active {
  background-color: #3F5575;
  color: white;
  text-decoration: none;
  padding: 10px 0px 11px 0px;
  font-size: 16px;
  border: none;
}

.dropbtn a {
	padding: 10px 8px;
	color: white;
	font-weight: 600;
}

.dropbtn-active a {
  padding: 10px 8px 12px 8px;
	color: white;
  font-weight: 600;
}

/*change the color of the top menu item to back on hover.*/
.dropbtn a:hover {
	color: black;
}

.dropbtn-active a:hover {
	background-color: #DDD;
	color: black;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown button:hover {
  color: black;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #283548;
  min-width: 160px;
  z-index: 1;
  border: none;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  font-weight: 600;
  padding: 10px 8px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	color: black;
	background-color: #DDD;
	text-decoration: none;
	}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
	}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	color: #000;
	background-color: #DDD;
	}
	
.topnav .search {
  float: right;
}

.topnav input[type=text] {
  padding: 6px;
  margin: 4px 0;
  font-size: 17px;
  border: none;
}

.topnav .search button {
  float: right;
  padding: 6px 10px;
  margin: 4px 10px 0;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

/*--Side Bar--*/
#sidebar {
  float: left;
  width: 250px;
  position: sticky;
  top: 35px;
  }
  
#sidebar div {
  padding: 10px 0 10px 10px;
  margin-bottom: 5px;
  }
  
#sidebar a.share {
  border-style: none;
  text-decoration: none;
  opacity: 0.7;
  transition: opacity .1s ease-in-out;
  -webkit-transition: opacity .1s ease-in-out;
  }
  
#sidebar a.share:hover { opacity: 1; }

/*--Side Bar & Content--*/
#sidebar h3, #content h3 {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  color: #444;
  background: linear-gradient(0deg,#3F5575 0px, #3F5575 3px, #FFF 3px, #FFF 100%);
  margin: 0;
  padding-bottom: 2px;
  /*line-height: 32px;*/
  cursor: default;
  }

/*--Content--*/
#content {
  float: left;
  max-width: 1475px;
  position: relative;
  margin-left: 5px;
  padding-left: 10px;
  /*text-align: justify;*/
  }
  
#content div {
  padding: 10px 0;
  margin-bottom: 5px;
  clear: both;
  }
  
#content p.full { clear: both; }

#content p.filler { clear: both; }

#content p.filler_main { clear: both; margin-top: -20px; }

#content p.update {
  background: linear-gradient(0deg, #999 0px, #999 1px, #FFF 1px, #FFF 100%);
  font-size: 12px;
  color: #999;
  margin: 0px 0 -5px 0;
  width: 175px;
  }
  
#content p.left { text-align: left;
}

#content p.left_main {
	text-align: left;
	clear: left;
	padding-top: 10px
}

#content p.caption {
	text-align: center;
	font-size: 0.8em;
	line-height: 13px;
}

#content p.twocell {
  background: #fff;
  float: left;
  width: 335px;
  margin: 15px 45px;
  text-align: center;
  font-size: 10px;
  }
  
#content p.centercell {
  background: #fff;
  float: left;
  width: 235px;
  margin: 15px 74px;
  text-align: center;
  font-size: 10px;
  }
  
#content p.threecell {
  background: #fff;
  float: left;
  width: 216px;
  margin: 15px 30px;
  text-align: center;
  font-size: 10px;
  }
  
#content p.quote {
  background : #eee;
  text-align: center;
  font-size: 11px;
  border: 1px solid #666;
  padding: 10px;
  }
  
#content p.quote:first-letter {
	font-size: 14px;
	background: #ccc;
}

#content li {
	text-align: left;
	padding-bottom: 5px;
}

#content img.left {
	padding: 0 7px 0 7px;
	display: inline;
	float: left;
}

#content img.right {
	padding: 0 7px 0 7px;
	display: inline;
	float: right;
}

#content img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
#content a.gallery {
  border-style: none;
  text-decoration: none;
  font-size: 18px; word-spacing: 0;
  color: #6196CD;
  transition: color .15s ease-in-out;
  -webkit-transition: color .15s ease-in-out;
  }
  
#content a.gallery_link {
  border-style: none;
  text-decoration: none;
  font-size: 18px; word-spacing: 0;
  color: #6196CD;
  transition: color .15s ease-in-out;
  -webkit-transition: color .15s ease-in-out;
  }
  
#content a.gallery:hover {
	color: #77BCDD;
	text-decoration: underline;
}

#content a.gallery_link:hover {
	color: #77BCDD;
	text-decoration: underline;
}

#content img.gallery { border-style: none; }

#content img.gallery_left {
  padding: 0 7px 0 7px;
  display: inline;
  float: left;
  border-style: none;
  }
  
#content p.ad {text-align: center;}

/* On screens that are less than 1750px wide, remove the sidebar and make the main content fill the space.*/
@media screen and (max-width: 1750px) {
  #sidebar {
    display: none;
  }
  
  #content {
	  max-width: 100%;
	  margin-left: 0px;
	  padding-right: 10px;
  }
}

/* On screens less than 815px wide, remove search bar.*/
@media screen and (max-width: 815px) {
 .topnav .search {
	display: none;
 }
}

@media screen and (max-width: 550px) {
	#header h1{
		font-size: 64px;
		line-height: 72px;
	}
	#header h2{
		display: none;
	}
}

/* On screens less than 525px wide, make nave bar vertical drop down.*/
@media screen and (max-width: 525px) {
 .topnav .search {

 }
}

/*--Footer--*/
#footer {
  background: -webkit-linear-gradient(left, #3F5575 , #3F5575 , black); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #3F5575 , #3F5575 , black); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #3F5575 , #3F5575 , black); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #3F5575 , #3F5575 , black); /* Standard syntax */
  border-bottom: 3px solid #fff;
  border-top: 1px solid #fff;
  text-align: center;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  clear: both;
  }
  
#footer a {
	text-decoration: none;
	color: #6196CD;
	border-bottom: 1px solid #6196CD;
}
	
#footer a:hover {
	border-bottom: 1px dashed #77BCDD;
	color: #77BCDD;
}