*, 
*::before, *::after {
    box-sizing:border-box;
    padding: 0;
    margin: 0;
}
b {
    font-weight: 700;
}
@font-face {
  font-family: 'grkweb';
  src: 
    url('pages/fonts/grkweb218.eot?') format('eot'),
    url('pages/fonts/grkweb218.ttf') format('truetype'),
    url('pages/fonts/grkweb218.woff') format('woff'), 
    url('pages/fonts/grkweb218.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cyrweb';
  src: 
    url('pages/fonts/cyrmedweb226.eot?') format('eot'),
    url('pages/fonts/cyrmedweb226.ttf') format('truetype'),
    url('pages/fonts/cyrmedweb226.woff') format('woff'), 
    url('pages/fonts/cyrmedweb226.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
html, 
body {
    min-height: 101%; /*always show left scrollbar*/
}
body{
    font: 400 14px/1.75 sans-serif;
    color:#724e00;
    background-color:#f0f0f0;
    max-width: 1280px; /*limit max width*/
    margin: 0 auto;
}

main {
  /*content*/
  background: url('gallery/gifs/back_gr2.jpg') 0 0/cover no-repeat;
  padding-top:1em;
  min-height:650px;
  border:2px solid #b28e00;
}
footer{
  margin: 2em 2.5%;
  font-size:0.82rem;
  text-align:center;
  color:#888;
  
}
footer a{
  color:#888;
  text-decoration:none; 
}
footer a:hover{
  text-decoration:underline;
}
footer .ccopy{
  padding:1em 0;
  font-size:0.86rem;
  color:#724e00;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

nav {
    margin: 0 auto;
    width: 51.9rem;
    height: 2.8rem;
}
/*Clear padding and list styling*/
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
    z-index: 10;
}
/*Create a horizontal list*/
nav li {
	display:inline-block;
	float: left;
    background-color: #455c7b;
}
/*Style for menu links*/
nav li a {
	display:block; 
	color: #c99e40;
	text-decoration: none; 
    line-height: 2.2; 
    font-size: 1.2rem;
}
nav > ul > li > a {
    text-align:center;
    padding: 0 1rem;
    min-width: 7.0rem;
}
/*Hover for top level links*/
nav li:hover a {
    color: #eedac3;
}
/*Style for dropdown links*/
nav li:hover ul a {
	color: #c99e40;
}
/*Hover for dropdown links*/
nav li:hover ul a:hover {
	color: #eedac3;
}
/*Hide dropdown links until they are needed*/
nav li ul {
	display: none;
    padding-left: 1rem;
}
/*Make dropdown links vertical*/
nav li ul li {
	display: block; 
	float: none;
    
}
nav li ul li:last-child {
    padding-bottom:1.0rem;
}
/*Prevent text wrapping*/
nav li ul li a {
	width: auto; 
	min-width: 7rem;
	padding: 0 1rem;
    line-height: 1.75;
    font-size: 1.0rem;
}
/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, 
nav .hidden:hover {
	display: block;
}
/*Style 'show menu' label button and hide it by default*/
nav .show-menu {
    font-size:1.2rem;
	color: #c99e40;
	text-align: center;
	display: none;
}
/*Hide checkbox*/
nav input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #main-menu {
    display: block;
}
nav ul.beasts li a,
nav li ul li div,
nav li ul li div a {
    display:inline-block;
}
nav li.spacer {
    height:0.5em;
}
nav .cflg{
  vertical-align:-1px;
  border:none;  
}
nav .cflga {
    min-width: 1rem;
}
/*page title*/
.colnk {
    font-weight: 700;
    margin: 1rem auto;
    width: 51.9rem;
}
.cpagelnks {
    font-weight: 400;
    font-size: 0.86rem;
    width: 18rem;
    float: right;
}
.colnk a{
  color:brown;
  text-decoration:none;
}
.colnk a:hover{
  text-decoration:underline;
}
.colnk img{
  border:none;
  vertical-align:middle;
}

/*responsive menu 760px*/
@media screen and (max-width: 840px){
    nav {
        width: 100%;
    }
    nav li ul {
        padding: 0;
    }
    nav li ul li{
        background-color: #253c5b;
        text-align: center;
    }
    nav,
    nav li ul li a {
        line-height: 2.5rem;
    }
	/*Make dropdown links appear inline*/
	nav ul {
		position: static;
		display: none;
	}
    nav > ul > li > a {
        padding: 0;
    }
	/*Create vertical spacing*/
    nav li ul li,
    #main-menu > li {
        border-bottom: 1px solid #c99e40;
    }
    nav ul.hidden {
        border-top: 1px solid #c99e40;
    }
    nav li ul li:last-child {
        border-bottom: none;
        padding-bottom:0;
    }
    nav li.spacer {
        display: none;
    }
	/*Make all menu links full width*/
	nav ul li, li a {
		width: 100%;
	}
    nav ul.beasts li > a,
    nav ul.beasts li > div {
        width: 50%; 
        text-align: center; 
        padding: 0;
    }
    nav ul.beasts li > div a {
        padding: 0;
        width: 100%;
    }
	/*Display 'show menu' link*/
	nav .show-menu {
		display:block;
        background-color: #455c7b;
        border-bottom: 1px solid #c99e40;
        z-index: 10;
	}
    .colnk {
        width: 95%;
    }
}