/* BASE TEXT */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
  
/* open-sans-700 (bold) - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic (bold) - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
  

/* HEADINGS */
/* cormorant-garamond-regular - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cormorant-garamond-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cormorant Garamond Regular'), local('CormorantGaramond-Regular'),
       url('../fonts/cormorant-garamond-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-garamond-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-garamond-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-garamond-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-garamond-v6-latin-regular.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}

/* cormorant-garamond-italic - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/cormorant-garamond-v6-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Cormorant Garamond Italic'), local('CormorantGaramond-Italic'),
       url('../fonts/cormorant-garamond-v6-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-garamond-v6-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-garamond-v6-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-garamond-v6-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-garamond-v6-latin-italic.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}

html, body { height: 100%; width: 100%; }

body {
  margin: 0 ;
  background-color: #00384E ;
  border: none ;
  font-family: 'Open Sans', Helvetica, sans-serif;
}

a.block, a.block:visited, a.block:hover {
  color: transparent ;
  display: block;
  height: 100%;
  width: 100%;
}

.content {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0 auto;
  width: 940px ;
  padding: 5px ;
  background-color: #560502 ;
}

#header {
  flex-grow: 0;
}

.banner {
  height: 150px ;
  width: 940px ;
  margin: auto ;
  background-color: #FFD5A9 ;
  background-image: url("../images/logo_banner_tawny.jpg") ;
  background-position: center center ;
  background-repeat: no-repeat ;
}

#topnav {
  width: 100% ;
  height: 1.75em ;
  margin: 2px 0 1px 0 ;
  padding: 0 ;
  list-style: none ;
  background-color: #C28748 ;
}

#topnav a, a:visited {
  text-decoration: none;
  color: #FFD5A9 ;
  display:block;
}

#topnav li {
  float: left;
  width: 7.5em;
  margin: 0.1em;
  vertical-align: center ;
  text-align: center ;
  background-color: #7B200F ;
  color: #FFD5A9 ;
  border: 1px solid #7B200F;
}

#topnav ul.nav-child {
  position: absolute;
  margin-left: -1px;
  margin-top: 1px;
  padding: 0 1px 0 0;
  width: 7.5em;
  left: -999em ;
  list-style: none;
  background-color: #563402 ;
  border-bottom: 1px solid #7B200F;
}

#topnav li ul li {
  margin: 0;
  border-left: 1px solid #7B200F;
  border-right: 1px solid #7B200F;
}

#topnav li:hover ul.nav-child, #topnav li.sfhover ul.nav-child {
  left: auto;
}

#topnav li:hover {
  background-color: #330800 ;
  /* border: 1px solid #FFB4A7 ; */
  border: 1px solid #330800
}

.main-content {
  flex-grow: 1;
  display: flex;
  align-content: stretch;
  background-color: #FFD5A9 ;
}

.main-content a {
  /* color: #0B5A26 ; */
  color: #7B200F;
  padding-left: 2px;
  padding-right: 2px;
}

.main-content a:visited {
  /* color: #30677A ; */
  color: #0C3D4D;
}

.main-content a:hover {
  /* background-color: #00220D; */
  /* color: #C25B48 ; */
  background-color: #82B3C3;
  
}

.main-content hr {
  border-top: 1px solid #30677A;
  border-bottom: none;
}

.sidenav {
/*  float: right;
  height: 100%; */
  order: 2;
  width: 210px;
  padding: 5px;
}

.page-content {
  order: 1;
  width: 700px;
  min-height: 500px;
  padding: 10px;
  border-right:2px solid #563402;
}

.page-content h1,h2,h3 {
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  color: #0C3D4D
}

.footer {
  flex-grow: 0;
  margin: 2px 0 0 0 ;
  /* height: 40px; */
}

.copyright {
  height: 1.5em;
  background-color: #C28748 ;
  vertical-align: center;
  text-align: center;
  font-size: 90% ;
}