body { text-align:left; margin: 0px; font-size: 12pt;}
    p { margin:5%;
        margin-top:    .75em;
        margin-bottom: .75em; }
    h1,h2,h3,h4,h5,h6 { text-align: center; margin-left: 5%; margin-right: 5%; }
                hr  { width: 50%; }
    hr.full { width: 100%; }
    .foot { margin-left: 10%; margin-right: 10%; text-align: left; text-indent: -3em; font-size: 95%; }
                img {border: 0; width: 80%; margin-left: 10%; margin-right: 10%}
                img.inline {border: 0; vertical-align: middle; width: 10%; margin-left: 0; margin-right: 0;}
    hr  { width: 90%; text-align: center; }
                blockquote {font-size: 97%; }
                .pagenum  { /* uncomment the next line for invisible page numbers */
            /*  visibility: hidden;  
                position: absolute; */
                left: 1%;
                font-size: smaller;
                text-align: left;
                color: gray;
              } /* page numbers */
                .figleft   {float: left; margin-left: 10%; margin-right: 1%;}
    .figright  {float: right; margin-right: 10%; margin-left: 1%;}
                .toc       { margin-left: 5%; margin-bottom: .75em; font-size: 80%;}
    .toc2      { margin-left: 5%;}
    center { padding: 10px;}
                pre    { font-style: italic; font-size: 80%; margin-left: 5%;}

    .highlight { background-color: #f0f000; }


.left {
  text-align: left;
}

textarea {width: 80%; height: 60%; }

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

div.imginsert {
   width: 33%;
   float: left;
   margin-left: 5%;
   padding-right: 5%;
   padding-bottom: 2%;
}

div.imgcenter {
   width: 33%;
   font: 300 18px/1.25 "Source Sans Pro";
   margin-left: auto;
   margin-right: auto;
}

div.ytimginsert {
   width: 560px;
   height: 315px;
   float: left;
   margin-left: 5%;
   padding-right: 5%;
   padding-bottom: 2%;
}

div.ytimgcenter {
   width: 560px;
   height: 315px;
   font: 300 18px/1.25 "Source Sans Pro";
   margin-left: auto;
   margin-right: auto;
}

.image {
   width: 100%;
   margin: 0px !important;
}

.shadow {
  -moz-box-shadow: 5px 5px 9px #000;
  -webkit-box-shadow: 5px 5px 9px #000;
  box-shadow: 5px 5px 9px #000;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000000')";
}

p {
  font: 300 18px/1.25 "Source Sans Pro";
}

b {
    font-weight: bold;
}

strong {
    font-weight: bold;
}

.thirty {
   width: 30%;
}
.seventy {
   width: 70%;
}

.underline {
   text-decoration: underline;
}

/**/
 div.c2 {height: 4em;}
 div.c1 {text-align: center}
/**/



.fullwidth {
	width: 100%;
	min-width: 100%;
}


a {
	color: blue;
	text-decoration: none;
}

a.altlang {
	color: #4010C0;
	text-decoration: none;
}

a.showvisit:visited {
	color: #800060;
}

a:hover {
	background-color: #C8C8C8;
}

.banner {
	background-color: #E0E0E0;
}

.banner h1 {
	margin: 0px;
	padding: 0px;
	line-height: 1.25em;
}

.hidden {
	display: none;
}

ul.filter {
	margin-top: 0px;
	padding-left: 0px;
	list-style-type: none;
	width: 100%;
}

ul.filter li {
	padding-bottom: 0.25em;
	width: 100%;
}

.recs {
	float: left;
	width: 100%;
}

.reccol {
    float: left;
    width: 100%;
}

.onerec .imginsert {
	margin: 0px;
	padding: 0px;
	width: 180px;
}

.onerec {
	float: left;
	width: 99%;
	margin-right: 1em;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: baseline;
	margin-bottom: 10px;
}

.nopadding {
	padding: 0px !important;
}

.nomargin {
	margin: 0px !important;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.thumbnail {
	display: list-item;
	max-width: 180px;
	max-height: 125px;
	width: auto;
	height: auto;
	margin: 0px;
}

.nowrap {
	white-space: nowrap;
}

fifty {
	width: 50%;
}

div#google_translate_element img {
	width: auto;
	margin: auto;
}