:focus {outline: none;}

*{margin:0; padding:0;}

body {background-color:#fff;}


header {
max-width: 100%;
background-color: #91a1ab;
padding: 10px 0;
margin-top: 5px;
}

/* Menu */

.topnav {
overflow: hidden;
background-color: #91a1ab;

padding: 5px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}

.topnav a {
float: left;
display: block;
font-family: Arial;
color:#fff;
text-align: center;
padding: 14px 20px;
text-decoration: none;
font-size: 17px;
border: 1px solid #91a1ab;
margin-left: 10px;
}

.topnav a:hover {
border: 1px solid #ffffff;
}


.topnav a.active {
border: 1px solid #ffffff;
color: #ffffff;
}

.topnav .icon {
display: none;
}

@media screen and (max-width: 600px) {
.topnav a {
display: none;
}
.topnav a.icon {
float: right;
display: block;
}
}

@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav.responsive{
float: none;
position: relative;
display: block; 
width: 100%; 
text-align: left;
}
}



.clear {clear:both; height:0px;}



#text {max-width: 1180px; text-align: left; padding-top: 10px;}

#d1 {width: 1150px; padding: 5px;}

#d11c {width: 750px; float: left; }

#d11 {width: 750px; padding: 5px;}


@media screen and (max-width: 600px) {
#text{
width: 100%;
padding-top: 10px; 
}
}

@media screen and (max-width: 600px) {
 #d1, #d11, #d1c, #d12, #d12c { 
width: 100%;
}
}

#d11c p {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left;}

#d11c p.sm {font-family: arial; font-size: 10pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: center;}

#d11c ul {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left; padding-left: 30px;}

#d11c ol {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left; padding-left: 30px;}

#d12c {width: 240px; float: right;padding-top: 20px;border:1px solid #91a1ab; }

#d12 {width: 240px; padding: 5px}

.txt {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; padding-left: 10px; }

.txt40 {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; padding-left: 40px;}

h1 {font-family: arial; font-size: 24pt; color: #fff; text-align: center; font-weight: bold; margin-bottom: 15px; margin-top: 10px; background: #55698a; padding:5px; }

h1.br {font-family: arial; font-size: 24pt; color: #fff; text-align: center; font-weight: bold; margin-bottom: 15px; margin-top: 10px; background: #aa9058; padding:5px; }

h1.gr {font-family: arial; font-size: 24pt; color: #fff; text-align: center; font-weight: bold; margin-bottom: 15px; margin-top: 10px; background: #aab7c0; padding:5px; }

h1.grn {font-family: arial; font-size: 24pt; color: #fff; text-align: center; font-weight: bold; margin-bottom: 15px; margin-top: 10px; background: #58aa90; padding:5px; }

h1.drkbl {font-family: arial; font-size: 24pt; color: #fff; text-align: center; font-weight: bold; margin: 10px; background: #393258; padding:5px; }

h2 {font-family: arial; font-size: 18pt; color: #91a1ab; text-align: left; font-weight: bold; margin-bottom: 15px; margin-top: 10px; margin-left: 10px;}

h2.white {font-family: arial; font-size: 18pt; color: #fff; text-align: left; font-weight: bold; margin-bottom: 15px; margin-top: 10px;}

ol.txt {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal;margin-bottom: 9px; padding-left: 30px;}

ul.txt {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 9px; padding-left: 30px;}

ul.txt li {list-style-type: disc;}

p.p600 {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left; padding-left: 600px;}



a.z {color: #595959; text-decoration: none; font-family: arial; font-size: 9pt; padding-left: 7px; display: block;}
a:hover.z {text-decoration: underline}

table.z {border: 1px solid #fff; border-collapse: collapse;}

td.zz {border: 2px solid #fff; background: #e3e4e4; padding: 10px;}

td.zzb {border: 1px solid #fff; background: #006f9e; padding: 2px;}

td.zzbt {border: 1px solid #fff; background: #006f9e; padding: 2px; color: #fff; font-weight: bold; font-family: arial; font-size: 9pt; padding-left: 10px;}

td.zzt {border: 1px solid #fff; background: #eadaae; font-family: arial; font-size: 8pt; color: #595959;padding-left: 7px; padding: 7px;}

a.tt {color: #666; text-decoration: underline; font-family: arial; font-size: 13pt;}
a:hover.tt {text-decoration: none; color: #55aec7;}

a.tt1 {color: #666; text-decoration: none; font-family: arial; font-size: 13pt;}
a:hover.tt1 {text-decoration: none; color: #55aec7;}


a.tb {color: #55aec7; text-decoration: none; font-family: arial; font-size: 25pt; text-transform: uppercase; }

a:hover.tb {color: #666;text-decoration: underline;}



td.pub {padding-top: 15px; padding-bottom: 15px;}


hr.sep {size: 2; border: 1px solid #595959; width: 100%;}

.articleimg {padding:5px; border:1px solid #eee; margin-left:10px; margin-top:5px; margin-bottom:10px; }

.textblock {max-width: 1180px; border:1px solid #fff; background:#fff; overflow:hidden; margin-bottom: 10px;}

.textblock img {max-width: 100%; height: auto;}

.textblock1 {max-width: 1180px; border:1px solid #fff; background: #fff; overflow:hidden; margin-bottom: 10px; text-align: center; }

.textblock1 img {max-width: 100%; height: auto;}

.leftblock1 {width: 1px; float: left; text-align: center; }

.rightblock1 {width: 1170px; float: right; padding:10px; text-align: left;}

.leftblock2 {width: 580px;float: left; text-align: center; background: #fff; border:1px solid #fff;}

.rightblock2 {width: 580px; float: right; text-align: center;background: #fff; border:1px solid #fff;}

.rightblock2 img {max-width:100%; }

.leftblock3 {width: 280px;float: left; text-align: center; }

.rightblock3 {width: 870px; float: right; padding:10px; text-align: left; border:1px solid #91a1ab; }

.leftblock3a {width: 280px;float: left; text-align: left; }

.rightblock3a {width: 870px; float: right; padding:10px; text-align: left; border:0; }




 @media screen and (max-width: 600px) {
 .textblock, .textblock1 

{ 
 width: 100%; 
padding-left: 7px;
padding-right: 7px;
}
 }


 @media screen and (max-width: 600px) {
 .rightblock3, .leftblock3a 

{ 
 width: 100%; 
padding: 10px;
}


 .rightblock1

{ 
 width: 100%; 
padding-left: 30px;
padding-right: 10px;
 }


.leftblock2
{ 
 width: 100%; 
padding-left: 10px;
padding-right: 10px;
 }


.rightblock2
{ 
 width: 100%; 
padding-left: 10px;
padding-right: 10px;
 }

.rightblock3a
{ 
 width: 100%; 
padding: 10px;
margin-left: 10px;
 }

 .leftblock3
{ 
 width: 100%; 
text-align: center;
 }


 }




.leftblock-pub {width: 300px;float: left; text-align: center; }

.rightblock-pub {width: 850px; float: right; text-align: left;}


 @media screen and (max-width: 600px) {
.leftblock-pub, .rightblock-pub

{ 
 width: 100%; 
padding: 10px;
}
}







.md {color: #fff; text-decoration: none; font-family: arial;font-size: 14pt; display:block; text-align: center; background: #aa9058; padding:10px; width: 300px; margin-top: 15px; margin-bottom: 15px; margin-right: 25px; }

a:hover.md {background: #58aa90; box-shadow:0 7px 10px rgba(0,0,0,.3);}


.md1 {color: #91a1ab; text-decoration: none; font-family: arial;font-size: 16pt; display:block; text-align: center; background: #fff; padding:10px; width: 300px; margin-top: 15px; margin-bottom: 15px; border:1px solid #91a1ab; margin-right: 25px; }

a:hover.md1 { background: #f2f2f2; box-shadow:0 7px 10px rgba(0,0,0,.3);}


img.pub {border: 1px solid #959595;}

.izo1 { 
 -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
-webkit-filter: grayscale(1);}

.izo1:hover { 
 -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none; /* IE 6-9 */
-webkit-filter: grayscale(0);}

img.nws {border: 1px solid #aab7c0;}

img:hover.nws {border: 1px dashed #aab7c0;}


img.bnr {width: 522px; border:0; }

img:hover.bnr {width: 532px; border:0;}



#footer {border-top: 10px solid #91a1ab; max-width:1200px; text-align: left; padding-top: 15px;overflow:hidden;}

.footeritem {float:left; width:200px; margin:0px 5px; background:#fff;overflow:hidden; }


@media screen and (max-width: 600px) {
.footeritem { 
width: 100%;
 }
}

.footeritem h2.ftr {margin:0; padding:7px; font-family: arial; font-size:16px; text-transform:uppercase; color:#aa9058; }

.footeritem ul {list-style:none; margin:0; padding:0;}

.footeritem li {list-style:none; margin:0; padding:0; display:block; overflow:hidden;}

.footeritem li a {padding:7px; margin:0; border-bottom:0; display:block; color:#000; font-family: arial; text-decoration:none; float:left; clear: left;}

.footeritem li a:hover {background:#fff; border-bottom:0; text-decoration:underline; color:#3c3559; }

.footeritem span {clear:both; padding:8px; display:block; font-family: arial; font-size:14px; color:#999; overflow:hidden; }


.finalfooter {padding:25px 10px 0px 10px; clear:both; text-align:center; background:#1c1a1b; }

.footeritemlogo {float:right; width:230px; margin:0px 5px; background:#fff;}

.footeritemlogo p.big {text-align:left; font-family: arial; font-size:24px; color:#fff; display: block; margin-bottom: 6px;}

.footeritemlogo p.sml {text-align:left; font-family: arial; font-size:12px; color:#fff; margin-bottom: 9px;}

.footeritemlogo p.ftlnk {text-align:center; font-family: arial; font-size:12px; color:#fff; margin-bottom: 9px; }

.footeritemlogo a.ftlnk { font-family: arial; font-size:12px; color:#fff; text-decoration:underline;}

.footeritemlogo a:hover.ftlnk { text-decoration:none;}



table.maintable {width: 100%; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; border-spacing: 0 10px; float:left; }

td.left {width: 25%; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; ;}

td.right {width: 75%; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; }


td.left1 {width: 20%; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; ;}

td.left2 {width: 20%; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; ;}

td.right2 {width: 40%; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; }

td.right1 {width: 20%; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; }



.sidemenu {float:left; width:100%; margin:0px 5px; background:#fff; overflow:hidden; }

.sidemenu h2.sdmn {margin:0; padding:7px; font-family: arial; font-size:16px; text-transform:uppercase; color:#aa9058; }

.sidemenu ul {list-style:none; margin:0; padding:0; text-align:left; }

.sidemenu li {list-style:none; width:100%; margin:2px; padding:0; display:block; overflow:hidden; }

.sidemenu li a {padding:7px; margin:0; display:block; color:#000; font-family: arial; text-decoration:none; float:left; clear: left; border: 1px solid #fff; width:90%; }

.sidemenu li a:hover {text-decoration:none; color:#3c3559; border: 1px solid #91a1ab; }

.sidemenu li a.current {padding:7px; margin:0; display:block; font-family: arial; text-decoration:none; float:left; clear: left; color:#3c3559; border: 1px solid #91a1ab; width:90%; }

.sidemenu span {clear:both; padding:8px; display:block; font-family: arial; font-size:14px; color:#999; overflow:hidden; }




.collapsible {
  background-color: #777;
  color: #fff; 
  font-size: 32px; 
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
border-bottom: 2px solid #fff;
 }

.active-yb, .collapsible:hover {
  background-color: #9e9e9e;
}

.content {
  padding: 10px;
  display: none;
  overflow: hidden;
  background-color: #fff;
}