/*css styles for Print Cultures SA*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,time, main {
display:block;    /*must have for all browsers*/
}

body {
font-family: 'Bitter', georgia, serif;
color: #606060;
background-color:#d9d9d9;
margin:0;
padding:0;
}
/*text*/
p {
line-height: 1.6em;
font-size:1.05em;
padding:0 0 1em 0;
margin: 0;
}

h1,h2,h3,h4,h5 {
	font-family: Tahoma, Geneva, sans-serif;
}

h1 {
font-size:1.7em;
margin: 0 0 .2em 0;
color:#946b37;
}

span.subhead {
font-size:.8em;
color:#d0c381;
}

h2 {
font-size:1.3em;
line-height: 1.2em;
color:#919753;
margin: 0 0 8px 0;
padding: 0;
}

h3 {
font-size:1.0em;
font-weight: normal;
color:#919753;
margin: 0 0 6px 0;
padding: 0;
}

/*general links */
a:link  {
color: #584937;
text-decoration: none;
background-color: transparent;
border-bottom: 1px dotted #5f7d2f;
outline-style:none;
outline: none;
}

a:visited   {
color: #5a3f33;
border-bottom: 1px dotted #5f7d2f;
text-decoration: none;
background-color: transparent;
}

a:hover   {
color: #5a3f33;
text-decoration: none;
background-color: #e6f0d6;
border-bottom: 1px dotted #5f7d2f;
}

a:active   {
color: #5a3f33;
text-decoration: none;
background-color: transparent;
outline: none;
border-bottom: 1px dotted #5f7d2f;
}
a:focus
{
-moz-outline-style: none;
}



/* the wrapper contains everything and fixes the width */
#wrapper {
/* background-image: url('images/shadowback.jpg');
background-position: -2px top;
background-repeat: repeat-y; */
background-color:white;
/* border: 1px solid black; */
width:100%;
max-width: 1300px;
margin: 0px auto 0 auto;
/* box-shadow: 0 0px 22px black; */
/* overflow-x: hidden; */
}

header img.site {
position: absolute;
top: 10%;
/* move this to accomodate the search button */
left: 10%;
z-index: 100;
margin: 0;
/* border:1px solid green; */
width:80%;
}


/* for image rotation */

#image-rotate {
/* height:200px; */
width:100%;
overflow:hidden;
/* default image */
background-image: url(images/headerback.jpg);
background-repeat: no-repeat;
background-position: center bottom;
/* border:1px solid red; */
}

header #image-rotate img {
top: 0;
left: 0;
z-index: -1;
width:100% !important;
}


header {
background-color:#ffb300;
position: relative;
left:0;
top:0;
display: block;
/* height: 300px; */
height:20vw;
max-height:299px;
min-height:220px;
border-bottom: 1px solid black;
overflow:hidden;
width:100%;
}

/*
header img {
display: block;
float: left;
border: none;
margin:20px;
}
*/


/* when the heading is in the banner dont show */

header h1 {
display:none;
text-align: -1000px;
}

section {
    background: transparent;
}

/* when the page heading is outside the article */

section h1   {
margin-left:246px;
padding-left:2px;
/* border-left:solid #f3eddf 30px; */
border-bottom:4px solid #f3eddf;
}

aside {
font-size: 88%;
/* float:left; */
/* max-width:700px; */
padding: 2px 10px;
/* border-right: 1px solid green; */
}

aside h1   {
margin-left:4px;
padding-left:0em;
border-left:none;
color:#514B5C;
font-size:1.3em;
border-bottom:1px solid #E0D5C4;
padding-bottom: 10px;
margin-bottom: 0px;
}


article {
/* margin-left:228px; */
margin-right:16px;
margin-bottom:14px;
padding: 0 20px;
background: transparent;
border-bottom:1px dotted gray;
/* columns */
  -webkit-columns: 2 400px;
     -moz-columns: 2 400px;
          columns: 2 400px;
          
           -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
          column-gap: 4em;
  -webkit-column-rule: 1px dotted #ddd;
     -moz-column-rule: 1px dotted #ddd;
          column-rule: 1px dotted #ddd;

}

article h1, article h2, article h3, p.datestamp, p.editor {

  -webkit-column-span: all; 
          column-span: all;
}

article.nocolumns, section.sequence article {
   -webkit-columns: auto;
     -moz-columns: auto;
          columns: auto; 
}

article a {
    /* stop the long urls from forcing width */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

div.paginate {
font-size: .9em;
margin-left:0;
margin-right:16px;
margin-bottom: 12px;
padding:6px 0;
width:100%;
height:1.2em;
vertical-align: middle;
/* background-color: #f7fdb2; */
align-self: stretch;
}

article:last-child {
    border-bottom: none;
}

article p {
text-align: left;
}

article ul {
margin: 0 5px;
padding: 2px 12px 12px 30px;
line-height: 1.5em;
font-size: .85em;
}

/*navigation*/

#tabs {
width:100%;
background:#5d731d;
height: 30px;
/* margin-bottom: 15px; */
/* border-top: 1px solid silver; */
}
ul#navmenu {
font-family: verdana, Arial, sans-serif;
font-size: .7em;
float: left;
border-left: 0px solid white;
display: block;
/*border: 1px solid gray;*/
background: #5d731d;
color: white;
padding:0;
margin: 0;
/*width: 100%;*/
/*height: 20px;*/
line-height: normal;
list-style:none;
margin-left: 0px;
}
ul#navmenu li {
margin: 0 0px;
border-right: 1px solid #d0d4ac;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
line-height: 30px;
position: relative;
text-align: center;
width: 115px;
}

ul#navmenu ul {
  margin: 0;
/*   border: 0 none; */
  padding: 0;
  width: 118px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: -4px;
}

ul#navmenu ul li {
  width: 100%;
  margin: 0 4px;
  padding: 0;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  height: 30px;
  line-height: 30px;
	border-right: none;
}

/*
ul#navmenu ul li ul li {
  width: 100%;
  margin: 0 4px;
  padding: 0;
  float: left;
  display: block !important;
  display: inline;
  height: 30px;
  line-height: 30px;
}
*/


ul#navmenu li.home, ul#navmenu li.map {
/* width: 218px; */
width: 80px;
}

/*
ul#navmenu li.blog {
width: 114px;
}
*/

/*
ul#navmenu li.contact {
width: 106px;
}
 */

ul#navmenu li:last-child {
border-right: none;
}

ul#navmenu li a, ul#navmenu ul li a {
border: none;
background: none;
color: white;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background: transparent;
text-decoration: none;
/*font-size: .5em;*/
/*line-height: 2.1em;*/
height: auto !important;
height: 1%; */ /*For IE
/*border: 1px solid red;*/
border: none;
}

/* Tab Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: black;
color: #FFAE26;
}


/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #484b2c !important;
  color: white !important;
 /*
 line-height: 28px;
  height:25px;
*/
  border-top:1px solid white;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: black !important;
  color: #FFAE26 !important;
}



/* Do Not Move - Must Come Before display:block for Gecko */
/*
ul#tabmenus li:hover ul ul,
ul#tabmenus li:hover ul ul ul,
ul#tabmenus li.iehover ul ul,
ul#tabmenus li.iehover ul ul ul {
  display: none;
}
*/

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}



/*end of navigation bar*/

/*	general menu stuff */

	div.menus {
	border-top: 1px solid #EABB80;
	border-left: 1px solid #EABB80;
	border-right: 1px solid #EABB80;
	color: black;
	background: #FFF5EB;
	padding: 0;
	padding-top: 0px;
	margin: 10px 2px 0px 0;
	}


	div#sidebar div.menus p.heading {
	color: #557630;
	font-size: 1.1em;
	line-height: 1.9em;
	font-weight: bold;
	margin: 0;
	border-bottom: 1px solid #EABB80;
	padding: 0px 3px 2px 4px;
	background: #FFC58F;
	}

/*
	div#sidebar div.menus p.heading a {
	font-weight: bold;
	padding-right: 12px;
	background: transparent url("../images/youarehere.gif") no-repeat right center;
	}
 */

	aside ul {
	font-family: verdana,sans-serif;
	margin: 0;
	padding: 0;
	background: transparent;
	margin-bottom: 22px;
	}

	aside li {
	font-size: .9em;
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	padding: 4px 1px;
	background: transparent;
	border-bottom: 1px solid silver;
	}

	aside li a:link {
    	border:none;
	}


	aside li:hover {
	background: #E9F3E1;
	text-decoration: none;
	cursor:pointer;
	}


	aside li a:hover  /* Insert for IE's sake */ {
	text-decoration: none;
	}

	#sidebar div.menus li a {
	display: block;
	text-decoration: none;
	border: 0;
	}


	.menus>ul a {
	width: auto;
	}



ul#submenu, div#submenu {
float: left;
width:230px;
padding: 0 0 12px 0;
margin: 0;
list-style:none;
border-top:1px solid green;
/* border-left: 1px solid green; */
/* border-right: 1px solid #C9D0A5; */
}

ul#submenu> a {
	width: auto;
	}

/*
ul#submenu li {
margin:0px 0px 0px 0px;
padding: 8px 8px 8px 20px;
font-size: 1em;
line-height:1.4em;
border-bottom: 1px solid #C9D0A5;
background: transparent url(../images/ktrianglebasic.png) no-repeat 5px center;
}
 */

ul#submenu li.heading {
font-size: 1.1em;
font-weight: bold;
background: #8bba3f;
color: white;
margin:0px;
padding:8px 3px 7px 20px;
}


ul#submenu li a {
border: none;
background: none;
display: block;
/* color: black; */
}

ul#submenu li a:hover {
color: white;
}


/*
ul#submenu li:hover {
background: #AAB471 url(../images/ktrianglehover.png) no-repeat 5px center;
color: white !important;
cursor:pointer;
}
 */

ul#submenu li.heading:hover {
background: #8bba3f url();
cursor: default;
}

div#sidebar {
float:left;
width:230px;
display:block;
}

div#sidebar img {
padding: 12px 6px 6px 6px;
float:left;
/* margin: 0 auto; */
}


#userbar {
float: right;
width: 250px;
height: 28px;
font-size:.7em;
padding:20px 8px 0 0;
text-align:right;

}


/*
#page {
background:white url('../images/pageback.jpg') repeat-y left;
border-top: 1px solid #888888;
padding: 0;
margin: 0;
}
 */


footer {
font-family: "MS Trebuchet", Arial, sans-serif;
clear: both;
font-size: 1em;
border-top: 1px solid #888888;
background-color:#d9d9d9;
/* height: 45px; */
/*line-height: 1em;*/
padding: 5px;
margin: 0;
}

footer p {
padding: 0;
margin: 6px 0;
width:100%;
}

footer img {
display: inline;
}

footer span.updated {
float: right;
width: 200px;
font-size: .8em;
}

/*form stuff*/

/* for search */
.input,input {
/* width: 50%; */
border: 1px solid silver;
padding:3px;
margin:0 4px;
height: 1.1em;
width:400px;
font-size: 1.1em;
}

input.checkbox {
    width:40px;
    }

#searchbox {
position:absolute;
bottom:10%;
right:36px;
width: 480px;
/*height: 100px;*/
/*text-align:right;*/
font-size: 1em;
padding-top:0px;
margin-right: 8px;
z-index:120;
/* border:1px solid white; */
}


#searchbox p a:link {
float:right;
margin:8px 0;
}

#searchbox a {
float:right;
margin:2px;
padding:0;
/* width:340px; */
color:white;
}

#searchbox a:hover {
background: transparent;
border-bottom: 1px dotted white;
}

#searchbox input {
	width:240px;
	background: silver;
	background: #edf4d4;
	height:16px;
}

aside .input {
    width:90%;
}

.input:focus {
background: #E8F1D9;
}
input:focus {
background: #E8F1D9;
}

.button {
color: white;
font-weight: bold;
padding:0;
padding:3px 6px;
margin:0;
height: 1.8em;
background: black;
width: auto;
border: 1px solid silver;
cursor: pointer;
border-radius: 6px;
}

#searchbox .button {
	font-size: 1.1em;
color: white;
font-weight: bold;
padding:0;
/*padding:3px;*/
margin:0;
height: 1.6em;
background: black;
width: 60px;
}

/* more forms */

fieldset {
border: 1px solid silver;
margin: 20px 0px;
padding: 24px 8px;
}

#searchbox fieldset {
border: none;
padding: 0;
margin:0;
}



p.editor {
border: 1px dotted orange;
padding: 8px;
margin: 6px 2px;
font-size: .8em;
}

span.editor {
border: 1px solid orange;
padding: 1px;
margin: 1px 2px;
font-size: .3em;
float: right;
line-height:1;
}

.select {
border: 1px solid green;
width: 200px;
margin: 8px 8px 12px 8px;
}

.textarea {
    font-size:14px;
    line-height: 21px;
    color:gray;
    padding:6px;
    width:90%;
}

/* pictures then */

img {
display: block;
border: none;
width:100%;
}

.rightpic {
float: right;
clear:right;
border: 1px solid silver;
margin: 6px 6px 2px 16px;
padding: 6px;
background:white;
width:45%;
}

.rightpic p {
font-size: .75em;
margin: 2px 0px;
color:gray;
padding:0;
line-height:1.3em;
}

.rightpic img {
display: block;
margin: 0px auto 0px auto;
border: 1px solid #DFDFDF;
}
.galleryblock {
    width:100%;
    border:0px solid silver;
    display:block;
    float:left;
    margin-bottom:25px;
}


.gallerypic {
float: left;
/* clear:right; */
border: 1px solid silver;
margin: 6px 6px 22px 6px;
padding: 0;
background:white;
}

.gallerypic p {
font-size: .75em;
margin: 2px 8px;
color:gray;
padding:0;
line-height:1.3em;
}

.gallerypic img {
display: block;
margin: 5px auto 3px auto;
border: 1px solid #DFDFDF;
}


p.type, p.datestamp {
font-family: verdana, sans-serif;
color: #bebebe;
font-size: .8em;
margin: 0;
padding: 6px 0;
}

p.datestamp {
    color:gray;
}


div {
margin:0;
padding:0;
}

div.download {
color: green;
font-size: 1em;
margin: 12px 0 12px 0;
padding: 0 12px;
width: 220px;
height: 50px;
border: 1px dotted silver;
}



div.download img {
float:right;
}

div.download p {
margin-top: 12px;
}

div.privatedownload {
color: #d26f26;
font-size: 1em;
margin: 12px 0;
padding: 12px;
width: 400px;
height: 50px;
border: 1px dotted silver;
}

div.privatedownload img {
float:right;
}

div.privatedownload p {
margin: 8px;
}

span.hilite {
background-color: #CCE7F5;
}

.entryalt1, .entryalt2 {
border: 1px solid #F2F9DD;
padding: 5px;
margin: 0 0 12px 0;
background-color: #FBFDF5;
border-radius: 8px;
}

.entryalt2 {
border: 1px solid #F2F9DD;
background-color: #FEFEFD;
}

/*just to be sure that images dont overlap into the next entry*/
div.entryalt2:after {
    content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
}

p.paginate {
margin-top:12px;
border-top:1px solid silver;
}

p.postdetails {
    font-family: verdana, sans-serif;
    font-size: .7em;
    color:gray;
        clear:right;
}

span.account {
text-align: center;
    margin-left:50px;
    margin-right:12px;
    padding:4px 8px;
    background: white;
    border:1px solid #B59B74;
    border-radius: 4px;

}

span.account a:link {
border-bottom: none;
}

#textbox {
width:600px;
/* height:400px; */
overflow: scroll;
}

.extras {
	border-bottom: 1px dotted orange;
	margin-bottom: 16px;
	margin-top:4px;
}

.extras h2 {
	color:black;
}

.filetype {
	font-weight: bold;
	text-transform: uppercase;
}

.twitter {
    border-top:1px dotted #919753;
    margin-top:16px;
    padding-top: 16px;
}

.sponsor {
    border:1px solid #919753;
    margin-top:8px;
    padding-top: 16px;
    text-align: center;
    padding:4px;
    flex: 0 0 auto;
}

.sponsor img {
	width:100%;
	height:auto;
}

span.marker {
	background:yellow;
}

.barnav {
  position:absolute;
  top:78%;
  left:0px;
  z-index:500;
  color:white;
  display:none;
  font-family: sans-serif;
  font-size:.9em;
  vertical-align: middle;
  background-color:black;
  padding:7px;
  line-height:1;
  height:1em;
  width:8em;
}

.barnav i {
  font-size:1.5em;
  margin-left:2em;
}


.image {
  padding: 8px;
  margin-bottom:8px;
border: 1px solid silver;
flex: 0 0 auto;
-ms-flex:0 0 auto;
}

.right_pics {
/* border: 1px solid silver; */
margin: 6px 16px 2px 16px;
background:white;
     -ms-flex-flow: column;
          flex-flow: column;
-webkit-box-flex:1;
    -ms-flex:0 0 30%;
        flex:0 0 30%;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
}

.image img {
  width:100%;
}

.image p {
font-size: .75em;
margin: 2px 0px;
color:gray;
padding:0;
line-height:1.3em;
}

#wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

section.content {
  margin-top: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	width:100%;
  /* border:2px solid purple; */
	/* max-width:900px;
	margin:auto; */
	/* flex-wrap: wrap; */
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

section h1   {
margin-left:0px;
padding-left:2px;
/* border-left:solid #f3eddf 30px; */
border-bottom:4px solid #f3eddf;
}

aside {
/* border:1px solid blue; */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
padding-bottom:20px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}

article {
-webkit-box-flex: 2;
    -ms-flex: 2 1 70%;
        flex: 2 1 70%;
/* margin-right:8px;
margin-left:8px; */
padding: 0 0;
width:100%;
}



main.multiblock {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 75%;
          flex: 1 0 75%;
  padding:0 16px;
}

section.sequence {
  margin-top: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
  /* border:2px solid black; */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -ms-flex-line-pack:start;
      align-content:flex-start;
  width:100%;
}

section.sequence article {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
  /* background:rgb(210, 241, 123); */
  margin-right:0;
  padding-top:5px;
  /* max-width:50%; */
/*   border:1px solid silver; */
}

.right_pic {
border: 1px solid silver;
margin: 6px 16px 2px 16px;
padding: 0;
background:white;
-webkit-box-flex:1;
    -ms-flex:1 1 30%;
        flex:1 1 30%;
}

.right_pic img {
  width:100%;
}

main.singleblock  {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
      justify-content:space-around;
}

main.singleblock {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
  padding:0 16px;

}




main.singleblock article {
  margin-left: 16px;
    -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}


/* for the menu page on mobilemenu */


section.contents {
  background-color: black;
}

ul#menu {
  margin-left:12%;
  font-size: 1.1em;
}

ul#menu ul {
  margin-bottom:12px;
}


ul#menu, ul#menu li, ul#menu li a {
  color:white;
  list-style: none;
  font-family: sans-serif;
  text-decoration: none;
}

ul#menu li {
line-height: 1.6;
}

ul#menu li ul li a {
font-size: .8em;
color:#fffab8;
}

ul#menu li a, ul#menu ul li a {
  text-decoration: none;
  border-bottom: none;
}

/*keep the following in the head of this page */
ul#menu a:link  {
border-bottom: none;
-webkit-tap-highlight-color: red;
}

ul#menu a:visited   {
color: white;
border-bottom: none;
}

ul#menu a:hover   {
color: white;
text-decoration: none;
background-color: transparent;
border-bottom: none;
}

ul#menu a:active   {
color: #5a3f33;
border-bottom: none;
}

iframe {
	width:100%;
	  -webkit-column-span: all; 
          column-span: all;
}


/* now follws the media queries */


@media only screen and (max-width: 950px) {
  section.sequence {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start;
    padding-right:20px;
    align-content: flex-start;
/*     border:4px solid purple; */
    width:95%;
  }
  

 section.sequence article {
	 width:95% !important;
	  -webkit-box-flex: 1;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
/*           background-color: yellow; */
}

}

@media only screen and (max-width: 850px) {
    nav#tabs {
        display:none;
    }
    .barnav {
      display:block;
    }

    .updated {
	  display:none;
    }
}

@media only screen and (max-width: 750px) {
	
	  main.singleblock {
          flex-direction: column;
          -ms-flex-direction: column;
          flex-wrap: wrap;
          -ms-flex-wrap: wrap;
/*      align-items: flex-start; */
/* 	 flex: 1 1 100%; */
/* 	 background-color: yellow; */
	 flex: 1 1 0%;
	 min-width: 0;
/* 	 flex:1; */
  }
  
  article {
	  width:95%;
  }

  .right_pics {
/*     -ms-flex:0; */
        flex:0 0 auto;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
/*         border:4px solid red; */
}
  

  
}

@media only screen and (max-width: 650px) {
	
	
  #searchbox, .account {
    display:none;
  }

  header {
  min-height:160px;
  }

  header img.site {
  top: 20%;
}

.barnav {
  top:65%;
}


  section.content {
  	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column-reverse;
    -ms-flex-flow: column-reverse;
	flex-flow: column-reverse;
	flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-content: flex-start;
  }
  
  main.singleblock, main.multiblock  {
	    -ms-flex-direction: column;
	        flex-direction: column;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
  -ms-flex-pack:distribute;
      justify-content:space-around;

  -webkit-box-flex: 1;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding:0 16px;
  width:95%;

}

  
  main.singleblock article {
  margin-left: 16px;
    -webkit-box-flex: 1;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
/*           border:1px solid red; */
}
  

  aside {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
 align-items: center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
   justify-content:space-between;
   flex:0 0 auto;
   -ms-flex:0 0 auto;
/*    border:1px solid gray; */
   width:95%;
}

.sponsor {
    border:1px solid #919753;
    margin-top:8px;
    padding-top: 16px;
    text-align: center;
    padding:4px;
    -webkit-box-flex:0;
    -ms-flex:0 0 30%;
    flex:0 0 30%;
}

/* --- */

  


  .right_pics {
    -ms-flex:0 0 auto;
        flex:0 0 auto;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
/*         border:4px solid red; */
        max-width:95%;
}





}

article.map {
	columns:auto !important;
	width:100%;
}