/*768 to 818*?
@media all and (min-width: 819px) {
.mobile-left {float:left; max-width:11em; padding-right: 5px;display:block}
.mobile-right {float:right; max-width:28em; padding:1em 0 0 0;display:block}
.floatsearch {width:180px;float:right;margin-left:10px;border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; display:none}
/*h1 { font-family:  times, serif; font-size: 1 em;line-height: 1.2em;margin-top:.75em;margin-bottom:.75em }*/
.WSL { font-family: Roboto,"Helvetica Neue", Helvetica,arial,verdana,  helvetica, sans-serif; font-size: 36px;line-height: 105%;margin-top:4em; }
.WSL-small {font-size: 76%}
h2 { font-family:  Roboto,"Helvetica Neue", Helvetica,arial, helvetica, verdana, sans-serif; font-size: 2 em; line-height: 120%;margin:0 auto; margin-bottom:.5em;}	
h3 {border-bottom: 1px solid #999999; padding: 0 0 5px 0;margin-bottom:1 em}
h4 {font-family:  Roboto,"Helvetica Neue", Helvetica,arial, helvetica, verdana, sans-serif; font-size: 1 em;margin-bottom:1em;margin-top:1em}
.linesp {line-height: 140%}
.Indent {font-family: Roboto,"Helvetica Neue", Helvetica,Arial, Verdana, Helvetica, sans-serif;  margin-left: 3em}
.ssa {margin-top:5px;}
.css-table {display: table;}
.css-tr {display: table-row;} /*only needed for multiple rows*/
.css-td {display: table-cell;}
.monitorsmall { font-size:100%}
.Monitor {background: #fff;padding:5px;border-style:solid;border-width:1px;border-color:#cccccc;width:180px;margin:0 auto}

}


}


/*at 100% 40 em =~640px*/
@media all and (max-width: 818px) {
h1 { font-family:  times, serif; font-size: .8 em;line-height: 1em; }
.WSL {  font-size: 24px;line-height: 105%;margin-top:3em; }
.WSL-small {font-size: 76%}
h2 {  font-size: 1.25 em; }
h3 {border-bottom: 1px solid #999999; padding: 0 0 5px 0;margin-bottom:1 em}
h4 {font-size: 1 em;margin-bottom:1em;margin-top:1em}
/*Makes form fields bigger on mobiles*/
input[type=url], input[type=email], input[type=password], input[type=tel] {  -webkit-appearance: none; -moz-appearance: none;  display: block;  margin: 0;  width: 100%; height: 40px;  line-height: 40px; font-size: 17px;  border: 1px solid #bbb;}
textarea  {-webkit-appearance: none; -moz-appearance: none; display: block;  margin: 0;  max-width: 100%;font-size: 17px;  border: 1px solid #bbb;height: 80px;}
input[type=text]  {  -webkit-appearance: none; -moz-appearance: none; display: block;  width: 100%;font-size: 17px;  border: 1px solid #bbb;height: 40px;margin:0 0 .3em 0}
input[type=checkbox] { width: 44px; height: 44px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; border: 1px solid #bbb;}

button[type=submit] { -webkit-appearance: none; -moz-appearance: none; display: block; margin: 1.5em 0; font-size: 1em; line-height: 2.5em; color: #333; font-weight: bold; height: 2.5em; width: 100%; background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%); border: 1px solid #bbb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
textarea  {-webkit-appearance: none; -moz-appearance: none; display: block;  margin: 0;  max-width: 100%;font-size: 17px;  border: 1px solid #bbb;height: 80px;}
.Monitor {background: #fff;padding:5px;border-style:solid;border-width:1px;border-color:#ffff00;margin:auto; width:100%}
.g-recaptcha {transform:scale(0.6);-webkit-transform:scale(0.6);transform-origin:0 0;-webkit-transform-origin:0 0;padding: 0s !important;max-width:180px !important}

/*for Monitor footer*/
.mobile-left {position:relative;max-width:90%}
.mobile-right {position:relative;max-width:90%}
.mobile-bigger-linespace {margin-bottom:10px}
.mobile-icons {margin:4px 16px 0 0}
/*.wordspace {word-spacing:2em}*/
.floatsearch {max-width:320px;margin:auto;margin-top:0;}
.rounded {border-radius:10px; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	}
	.floatsearch input[type=text]{
	border:1px solid #acb1b7;
	background-color:#dddddd; }
.linesp .AltFont {line-height: 2}
/*.taptargets{line-height: 2}*/
.wordspacing {word-spacing: 10px;}
.ssa {margin-top:10px;margin-bottom:10px}
.Indent {margin-left: 1em}
.css-table, .css-tr {
        display: block;max-width:100%;overflow: auto;}
    .css-td {/* Behave  like a "row" */
		border: none;position: relative;display:block;}
.tdsmall {font-size: .75em} /* Makes contents of table cells small */
.search {float:right;margin:10px 5px 0 5px}
.monitorsmall { font-size:68%}
}


input[name=WebUrl] {position:absolute; left:-1000px;} /*for form*/
h2{margin-top:1em}
PRE { font-family: courier new;  } 
img { max-width: 100%; height:auto;}
a img { border: none; }
.telephone {font-size:68%;font-weight:500;font-face:Segoe UI, arial, helvetica, verdana, Frutiger, Lucida Sans, sans-serif;color:#660;letter-spacing:0.035em;}
.bigger {font-size:150%;} 
.date{font-size: .8em;}
td{padding-left: 5px}
/*#leftcol {position:absolute;width:170px;top:125px;left:10px;padding:4px 0 0 0;z-index:2;}
#rightcol {z-index:3;padding: 4px 0 0 30px;margin:0px 0 0 170px;}
.PaddingLeft {padding-left: 50px}*/
P, LI, OL, UL, DD, DT, DL, TD {line-height:1.3 } 
dt {margin-top:.76em}
dd {margin-bottom:.3em;margin-left:1em}
BLOCKQUOTE { margin-left: 5em;} 
H3 {  font-size: 1 em; margin-bottom: 1em;margin-top:2em} 
LI { margin-top: 2pt }
address{font-family: times, serif; font-size: 9pt;}
h1 a:link {text-decoration: none; color:#660}
h1 a:visited {text-decoration: none; color:#660}
h1 a:hover {text-decoration: none; color:#996}
.WSL a:link {text-decoration: none; color:#660}
.WSL a:visited {text-decoration: none; color:#660}
.WSL a:hover {text-decoration: none; color:#996}
.SpaceBelow { margin-bottom: 1em }
.SmallSpaceBelow { margin-bottom: 5px }
/*.IndentBlock {font-family: Arial, Verdana, Helvetica, sans-serif;  margin-left: 3em; margin-right: 5em}*/
.AltFont { font-family: Arial, Helvetica, sans-serif;}
.WhiteBG {background: #fff}
.box { background: #fff; margin: 5px 20px 20px 50px; padding: 5px 5px 5px 10px; width:75%; border-left: 3px solid #ccc;}
.Cite { font-style: italic; font-family: courier new; margin-left: 2em; margin-right: 4em}
.CiteAuthor  { font-family: Roboto,"Helvetica Neue", Helvetica,arial, helvetica, verdana, sans-serif;  }
/*.FirstPara  {font-family: times, serif;  font-style: italic;font-size:120%;  } */
.Courier { font-family: courier new, Courier, monospace;line-height:100%;margin-bottom:6px}
.Green {color: green}
.Blue {color: darkblue}
.Red {color: red}
.Grey {color: grey}
.Tick { list-style: url(tick.gif) square} 
.FloatRight{float:right;margin:0 0 0 2em;}
/*.FloatRightFixed{float:right;margin:0 0 0 2em;width:200px}*/
.FloatRight100{float:right;margin:0 0 0 2em;width:120px}
/*margin-left for pics */ 
.margin-left{margin: 0 0 0 7px}
.nsa {margin-top:0}
.nsb {margin-bottom:0}
.sa, .WSL {margin-top:20px;margin-left:10px;}
/*.NoIndent {margin-left:0;padding-left:10}*/
.letterspace {letter-spacing:1px}
.clear {clear:both}
.top {vertical-align: top; margin-top: 0; padding-top:0 }
.author {margin-top:-10pt; font-size:7pt; color:grey;}
.RedLink {}
a.RedLink:link{text-decoration: none;color:#c00;font:bold 10pt}
a.RedLink:hover{text-decoration: none;color:#00c;font:bold 10pt}
a.RedLink:visited{text-decoration: none;color:#996;font:10pt}
/*.socialmediabox {width:90px;padding:5px;margin:0px;background-color:#eeeeee; border-top:5px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid*/ #cccccc;display:block;text-align:center}
.footer{width:100%;background:#ffffee;padding:5px;border-top-style:solid;border-top-width:1px;border-top-color:#666666}
/*for index*/
.nsa {margin-top:0}
.nsb {margin-bottom:0}
.menu {line-height: 180%; font-size: 90%; }
.indent {margin-left: 0.5em}
figcaption { font-style: italic;}
figure {margin-bottom: 12px;}

/*---------------------------------------------------
  Used to auto resize video for current browser size
--------------------------------------------------*/

.videoWrapper {	position: relative;	
  padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;	height: 0;	overflow: hidden;z-index:-1
}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;z-index:-1}
.videoWrapperContents {position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;z-index:-1}
.videoWrapper video {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;z-index:-1}


.commentsWrapper {
	position: relative;
	padding-bottom: 100%;
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}
.commentsWrapper .g-comments {
	position: absolute;
	top: 0;
	left: 0;
	max-width:460;
	width: 100%;
	height: 100%;
}
.commentsWrapper .fb-comments {
	position: absolute;
	top: 0;
	left: 0;
	max-width:460;
	width: 100%;
	height: 100%;
}
.button-link {
    padding: 10px 15px;
    background: #0066CC;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
   /* -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;*/
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
		font-family:  Roboto,"Helvetica Neue", Helvetica,arial, helvetica, verdana, sans-serif;
}
.button-link:hover {
    background: #990;
    border: solid 1px #cc0;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #990;
    border: solid 1px #fff;
}
/*smorf mapsitna*/
.form-web-url {display:none} 


@media print {
    #menu, #menutop, .webform, .commentsWrapper  {display: none;}
}

tr.altrow:nth-child(even) {
    background-color: #dddddd;
}

.centre {text-align:center;}
.caption {font-size:.8em;font-style:italic;text-align:center;margin:0 auto;margin-bottom:2 rem}
.thumbnail .caption {  padding: 9px;  color: #333;font-style:normal}

/*delete classes commented out when checked pages still work properly*/