@media screen and (max-width: 480px) {
  /* smartphone CSS */
body{padding:0;margin:0;font-family:'Lato',serif;color:#222;line-height:1.4;overflow-x:hidden;}
td{font-family:'Lato',serif;}
p{padding:0;}
p.center{text-align:center;}
ul.none{list-style-type:none;}
blockquote{font-style:italic;margin:0;padding:0;}
a:link{color:#00f;text-decoration:none;}
a:link:hover{color:#00f;text-decoration:underline;}
a:visited{color:#800080;}
a:visited:hover{color:#800080;text-decoration:none;}
a.img:visited:hover{color:#ff0;background-color:#fff;}
a.img:link:hover{color:#ff0;background-color:#fff;}
div.ukrnheader{padding:0.5em;text-align:center;}
div.searchtop{color:#222;}
div.container{background-color:#fff;}
div.crumb{padding:0.5em;font-style:italic;color:#666;font-size:80%;clear:both;border-width:1px 0px;border-color:#ccc;border-style:solid;margin:0.5em;}
div.map{max-width:100%;}
div.nav{display:none;}
div.nav a:hover{color:#fff;text-decoration:underline;font-weight:bold; background: none; border:0;}
div.nav a {color:#fff;text-decoration:none;font-weight:bold;background: none; border:0;}
div.leftside{padding:1em 4em 0em 2em;text-align:center;width:35%;float:left;margin-left:5%;}
div.rightside{padding:1em 0em .5em 0em;text-align:left;width:35%;float:left;}
div.main2{clear:both;padding:.5em 0em 2em 0em;margin-left:5%;margin-right:5%;}
div.main3{margin-left:1em;}
div.bigadbottom{clear:both;padding-bottom:1em;padding-top:1em;}
div.footer{clear:both;padding:1em;margin:1em 0em 0em 0em;background-color:#3B28CC;text-align:center;font-weight:bold;text-decoration:none;color:#fff;}
div.footer li.inline{border:solid #aaa;border-width:0px 0px 1px 0px;padding:0 1em 1em;margin:1em 0em 1em 0em;}
div.footer a:hover{color:#fff;text-decoration:underline;font-weight:bold; background: none; border:0;}
div.footer a {color:#fff;text-decoration:none;font-weight:bold;background: none; border:0;}
div.boxwarn{background-color:#f8f8f8;border-color:#f00;border-style:solid;border-width:2px;margin-left:5%;margin-right:5%;padding:0.5em;}
div.boxwarn h2 {padding:5px;margin:0px; background-color:#f00;color:#fff;border:#DDD solid 1px;}
div.box{background-color:#f8f8f8;border-color:#3B28CC;border-style:solid;border-width:1px;margin-left:5%;margin-right:5%;padding:0.5em;}
div.box h2 {padding:5px;margin:0px; background-color:#3B28CC;color:#fff;border:#DDD solid 1px;}
div.box li {padding:0.5em;margin:0;}
div.sharesites{display:none;}
div.googlesearch{margin-top:1em;text-align:left;margin-left:5%;}
div.indexl{clear:both;padding:.5em 0em;margin-left:5%;margin-right:5%;}
div.indexr{clear:both;padding:.5em 0em;margin-left:5%;margin-right:5%;}
div.indexc{clear:both;padding-bottom:1em;}
div.adtop{display:width:220px;}
div.linkunit{display:none;}
table{max-width:95%;border:1px solid;}
td{border:1px solid;font-size:90%;}
img{max-width:95%;height:auto;aspect-ratio:attr(width)/attr(height);border:none}
img.picon{width:100px;height:100px;margin:0;}
img.chub{width:38px;height:15px;margin-right:5px;vertical-align:top;}
img.flag{width:32px;height:22px;margin-right:5px;}
img#visa{width:34px;height:20px;}
img#new{width:29px;height:21px;margin-right:5px;vertical-align:top;}
img#rss{width:32px;height:15px;margin-right:5px;vertical-align:top;}
img#star{width:15px;height:16px;margin-right:5px;vertical-align:top;}
img#pdf{width:16px;height:16px;margin:0px 5px;vertical-align:top;}
img#banner{width:604px;height:104px;margin:0;}
img#appeal{width:179px;height:37px;vertical-align:middle;}
img#bmk{width:18px;height:16px;margin-right:2px;vertical-align:top;}
img#bookmark{width:18px;height:16px;margin-right:2px;vertical-align:top;}
img#bmk2{width:120px;height:50px;margin-right:2px;vertical-align:middle;}
span.bold{font-weight:bold;}
span.bigbold{font-weight:bold;}
span.italic{font-style:italic;}
span.credit{font-style:italic;font-size:75%;}
span.slinks{color:#999;font-size:90%;}
ul.none {padding:0em;margin:0em;}
li{padding:0.5em 0em;}
ul.narrow{line-height:0;}
li.inline{border:solid #aaa;border-width:0;padding:0 1em;}
li.inline2{padding:0 1em;}
li.shr{display:inline;padding:0 5px 0 0;}
ul.nobull {list-style-type: none;padding:0;margin:0;}
.sprite{padding:0;background:url(https://www.ukrivers.net/images/sharesprite.png) no-repeat;width:25px;height:25px;}
img.shr1{background-position: 0px 0px;}
img.shr2{background-position: -25px 0px}
img.shr3{background-position: -50px 0px}
img.shr4{background-position: -75px 0px}
img.shr5{background-position: -100px 0px}
img.shr6{background-position: -125px 0px}
img.shr7{background-position: -150px 0px}
img.shr8{background-position: -175px 0px}
img.shr9{background-position: -200px 0px}
a.rssshr,a.faceshr{padding:.3em;font-size:90%;line-height:3}
a.faceshr:hover,a.rssshr:hover {color: #eee;}
a.rssshr {color: #fff;background-color: #3B28CC;border: 1px solid #999;}
a.faceshr {color: #fff;background-color: #3b5998;border: 1px solid #999;}
}
@media screen and (min-width: 481px) {
  /* desktop CSS */
body{padding:0;margin:0 1em;background-color:#3B28CC;font-family:'Lato',serif;color:#222;line-height:1.4;}
td{font-family:font-family:'Lato',serif;}
p{padding:0;}
p.center{text-align:center;}
h1.center{text-align:center;}
h2.grey{text-align:center;background-color:#e0e0e0;padding-top:.5em;padding-bottom:.5em;}
ul.none{list-style-type:none;}
blockquote{font-style:italic;}
h2.line{padding-top:2em;border-top:solid;border-top-width:1px;border-top-color:#999;}
a:link{color:#00f;text-decoration:none;}
a:link:hover{color:#00f;text-decoration:underline;}
a:visited{color:#800080;}
a:visited:hover{color:#800080;text-decoration:none;}
a.img:visited:hover{color:#ff0;background-color:#fff;}
a.img:link:hover{color:#ff0;background-color:#fff;}
div.ukrnheader{padding:1em;text-align:center;}
div.searchtop{color:#222;}
div.container{background-color:#fff;}
div.crumb{padding:.5em 0em 0em 2em;font-size:90%;font-style:italic;color:#444;text-align:center;clear:both;background-color:#efefef;border-width:1px 0px 0px 0px; border-style: solid; border-color:#DDD;}
div.nav{text-align:center;padding:0.5em;border-color:#DDD;background-color:#efefef;font-weight:bold;border-width:0px 0px 1px 0px; border-style: solid; border-color:#DDD;}
div.nav a {color:#3B28CC;text-decoration:none;}
div.nav a:hover{color:#3B28CC;text-decoration:underline;}
div.linkunit{text-align:center;padding: 1em .5em;}
div.leftside{padding:1em 4em 0em 2em;text-align:center;width:35%;float:left;margin-left:5%;}
div.rightside{padding:1em 0em .5em 0em;text-align:left;width:35%;float:left;}
div.main2{clear:both;padding:.5em 0em 2em 0em;margin-left:10%;margin-right:10%;}
div.main3{margin-left:1em;}
div.bigadbottom{clear:both;padding-bottom:1em;padding-top:1em;margin-left:5%;margin-right:5%;}
div.newsright{width:320px;height:270px;float:right;padding:2em;}
div.footer{clear:both;text-align:center;padding:1em;margin-top:2.0em;background-color:#efefef;font-weight:bold;border-width:1px 0px 0px 0px; border-style: solid; border-color:#DDD;}
div.footer a {color:#3B28CC;text-decoration:none;}
div.footer a:hover{color:#3B28CC;text-decoration:underline;}
div.boxwarn{text-align:left;padding:40px;background-color:#eee;border-style:solid;border-width:5px;margin-left:10%;margin-right:10%;}
div.box{padding:40px;background-color:#f8f8f8;border-color:#DDD;border-style:solid;border-width:1px;margin:2em 10%; box-shadow:10px 10px 5px #888;}
div.box h2 {padding:5px;margin:0px; background-color:#3B28CC;color:#fff;border:#DDD solid 1px;}
div.sharesites{margin-top:2em;text-align:left;margin-left:5%;}
div.googlesearch{margin-top:2em;text-align:left;margin-left:5%;}
div.indexl{padding-bottom:1em;padding-right:2em;text-align:left;width:100px;margin-left:10%;float:left;text-align:left;}
div.indexr{padding-bottom:1em;text-align:left;margin-right:5%;width:60%;float:left;}
div.indexc{clear:both;padding-bottom:1em;}
div.adtop{width:320px;height:270px;padding:1em;float:right;}
table{max-width:95%;border:1px solid;}
td{border:1px solid;padding:1em;}
img{border:none;}
img.picon{width:100px;height:100px;margin:0;}
img.chub{width:38px;height:15px;margin-right:5px;vertical-align:top;}
img.flag{width:32px;height:22px;margin-right:5px;}
img.left{float:left;margin:10px;}
img.right{float:right;margin:10px;}
img.centno{margin:.5em;padding:1px;border:1px solid #999;}
img.leftno{float:left;margin:1em 2em 1em 0;padding:1px;border:1px solid #999;}
img.rightno{float:right;margin:1em 0 1em 2em;padding:1px;border:1px solid #999;}
img#header{width:500px;height:79px;}
img#visa{width:34px;height:20px;}
img#new{width:29px;height:21px;margin-right:5px;vertical-align:top;}
img#rss{width:32px;height:15px;margin-right:5px;vertical-align:top;}
img#star{width:15px;height:16px;margin-right:5px;vertical-align:top;}
img#pdf{width:16px;height:16px;margin:0px 5px;vertical-align:top;}
img#banner{width:604px;height:104px;margin:0;}
img#appeal{width:179px;height:37px;vertical-align:middle;}
img#bmk{width:18px;height:16px;margin-right:2px;vertical-align:top;}
img#bookmark{width:18px;height:16px;margin-right:2px;vertical-align:top;}
img#bmk2{width:120px;height:50px;margin-right:2px;vertical-align:middle;}
span.bold{font-weight:bold;}
span.bigbold{font-weight:bold;}
span.italic{font-style:italic;}
span.credit{font-style:italic;font-size:75%;}
span.slinks{color:#999;font-size:90%;}
li{padding:5px;}
li.inline{display:inline;border:solid #999;border-width:0 1px 0 0;padding:0 5px;}
li.inline2{display:inline;padding:0 5px;}
li.shr{display:inline;padding:0 5px 0 0;}
ul.narrow{line-height:0;}
ul.nobull {list-style-type: none;padding:0;margin:0;}
.sprite{padding:0;background:url(https://www.ukrivers.net/images/sharesprite.png) no-repeat;width:25px;height:25px;}
img.shr1{background-position: 0px 0px;}
img.shr2{background-position: -25px 0px}
img.shr3{background-position: -50px 0px}
img.shr4{background-position: -75px 0px}
img.shr5{background-position: -100px 0px}
img.shr6{background-position: -125px 0px}
img.shr7{background-position: -150px 0px}
img.shr8{background-position: -175px 0px}
img.shr9{background-position: -200px 0px}
a.rssshr,a.faceshr{padding:.5em;font-weight:700}
a.faceshr:hover,a.rssshr:hover {color: #eee;}
a.rssshr {color: #fff;background-color: #3B28CC;border: 1px solid #999;}
a.faceshr {color: #fff;background-color: #3b5998;border: 1px solid #999;}
}