:focus {outline: none;}

*{margin:0; padding:0;}

a {cursor:pointer;}

#maincontainer {width: 1055px; background-color: #fff; border: 0; overflow:hidden; }

#top {width: 1020px; padding:0; text-align: left; overflow: hidden; }

#top p {color: #0d5d8b; font-family: arial;  font-size: 12px; }

.lan {color: #0d5d8b; text-decoration: underline; font-family: arial;  font-size: 10px; text-transform: uppercase;}

a:hover.lan {text-decoration: none;}

.lan2 {color: #cd1948; text-decoration: underline; font-family: arial;  font-size: 10px; text-transform: uppercase;}

a:hover.lan2 {text-decoration: none;}

#menu {width:100%; height:50px; background: url('../i/menu-new.gif') #064065; color:#fff; font:11px/16px verdana; overflow: hidden; }

#menu ul {width:100%; list-style:none; position: relative; float:left; left:50%; margin:0 auto; }

#menu li {list-style:none; display:block; float:left; font-weight:bold; height:50px; line-height:50px; margin:0; width:145px; text-align:center; position:relative; right:50%; }

#menu li a {display: block; float: left; height: 50px; color:#fff; text-decoration:none; text-transform:uppercase; padding:0 10px; width:145px; text-align:center; margin: auto 0;}

#menu li a:hover {background: url('../i/menu-current-new.gif') #0d5d8b; color:#ebedef; }

#menu li .current {display:block; float:left; height:50px; background: url('../i/menu-current-new.gif') #0d5d8b; color:#fff; text-decoration:none; text-transform:uppercase; padding:0 10px; }

#menu li .current:hover {background: url('../i/menu-current-new.gif') #0d5d8b; color:#fff;}

.articleimg {padding:5px; border:1px solid #eee; margin-left:10px; margin-top:5px; margin-bottom:10px; }

td.bordernew {border:1px dashed #c2c2c2; padding:10px; background: url('../i/bottom.gif') #fff bottom left repeat-x;}

td.bordernewl {border:1px dashed #c2c2c2; padding:10px; background:  #ebebeb;}

a.mnew {color: #0268cd; text-decoration: underline; font-family: verdana,arial,helvetica,san-serif; font-size: 12pt; }

a:hover.mnew {color: #1d8dfd; text-decoration: none;}


.md {color: #fff; text-decoration: none; font-family: arial;  font-size: 11pt; display:block; text-align: left; background: #08c8f8; padding:10px; width: 500px; border:3px solid #eee; margin-top: 15px; }

a:hover.md {background: #f4b51e; }

.txt-new {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px;}

.txt-mh3 {color : #0d5d8b; text-decoration: none; font-family: verdana,arial,helvetica,san-serif; font-size: 18px; font-weight: bold; text-align: left; margin-top: 5px; margin-bottom: 5px;  line-height: 1.3em; }

.txt-new20 {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 20px;}

.txt-new40 {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 40px;}

.txt-new60 {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 60px;}

.txt-new80 {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 80px;}

.txt-new100 {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 100px;}

.txt-new120 {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 120px;}

.txt-new140 {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 140px;}

.txt-new160 {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 160px;}

.txt-new180 {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 180px;}


.txt-s-new {font-family: verdana,arial,helvetica,san-serif; font-size: 8pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 30px;}

ol.txt-new {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 30px;}

ul.txt-new {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 9px; padding-left: 30px;}

ul.txt-new li {list-style-type: disc;}

.header-new {background: #0268cd url(../i/header.jpg) repeat-x; color: #fff; text-align: center; font-family: arial,helvetica,san-serif; font-size: 24pt;}

img.icon { width:20px; height:20px; border:0; float: left; vertical-align: middle; margin-right: 10px;}

td.border2new {border-top:4px solid #cd1948; padding:10px; background: #064065;}

h2 {color : #fff; font-family: arial;  font-size: 20px; font-weight: bold; text-align: left; display: block; background: url('../i/h2-new.gif') #1992d0 top left repeat-x; padding: 7px; padding-left:15px; margin-bottom: 10px;}

h2.sw {color: #fff; font-family: arial;  font-size: 20px;  font-weight: bold; text-align: left; display: block; background: url('../i/h2-sw.gif') #008296 top left repeat-x; padding: 7px; padding-left:15px; margin-bottom: 10px; }


h2.gr {color: #fff;  font-family: arial;  font-size: 20px;  font-weight: bold; text-align: left; display: block; background: url('../i/h2-gr.gif') #6dac58 top left repeat-x; padding: 7px; padding-left:15px;  margin-bottom: 10px; }

h2.gr1 {color: #fff;  font-family: arial;  font-size: 20px;  font-weight: bold; text-align: left; display: block; background: url('../i/h2-gr1.gif') #6dac58 top left repeat-x; padding: 7px; padding-left:15px;  margin-bottom: 10px; }

h2.snd {color: #fff; font-family: arial;  font-size: 20px; font-weight: bold; text-align: left; display: block; background: url('../i/h2-snd.gif') #ce9400 top left repeat-x; padding: 7px; padding-left:15px; margin-bottom: 10px; }

h2.ylw {color: #fff;  font-family: arial;  font-size: 20px;  font-weight: bold; text-align: left; display: block; background: url('../i/h2-ylw.gif') #6dac58 top left repeat-x; padding: 7px; padding-left:15px;  margin-bottom: 10px; }

h2.pnk {color: #fff;  font-family: arial;  font-size: 20px;  font-weight: bold; text-align: left; display: block; background: url('../i/h2-pnk.gif') #6dac58 top left repeat-x; padding: 7px; padding-left:15px;  margin-bottom: 10px; }

h2.rd {color: #fff;  font-family: arial;  font-size: 20px;  font-weight: bold; text-align: left; display: block; background: url('../i/h2-rd.gif') #6dac58 top left repeat-x; padding: 7px; padding-left:15px;  margin-bottom: 10px; }

h2.gy {color: #fff;  font-family: arial;  font-size: 20px;  font-weight: bold; text-align: left; display: block; background: url('../i/h2-gy.gif') #6dac58 top left repeat-x; padding: 7px; padding-left:15px;  margin-bottom: 10px; }

a.mh3 {color : #0d5d8b; text-decoration: none; font-family: verdana,arial,helvetica,san-serif; font-size: 18px; font-weight: bold; text-align: left; text-transform: none; margin-top: 5px; margin-bottom: 5px; line-height: 1.3em; }

a:hover.mh3 {color : #b27211;}

.txt-blue-new {color : #fff; font-family: arial; font-size: 15px;  font-weight: bold; text-align: left; display: block; background-color: #1992d0; padding: 5px; margin-bottom: 5px; }

a.lnk {color : #fff; font-family: arial; font-size: 12px; background-color: #939598; text-decoration: none; padding: 10px; border: 4px double #fff; margin-top: 3px; }

a:hover.lnk {background-color: #b27211; }

.txt-s-green-new {font-family: verdana,arial,helvetica,san-serif; font-size: 8pt; font-style: normal; background: #6dac58; color: #fff; padding: 3px 7px;}

.txt-s-grey-new {font-family: verdana,arial,helvetica,san-serif; font-size: 8pt; font-style: normal; background: #ce9400; color: #fff; padding: 3px 7px;}

#demoslides { width: 1050px; padding-top:12px; padding-bottom:12px; background: #fff; border: 1px solid #ccc; text-align:left;
overflow:hidden; margin-bottom: 10px;}

#mainpict {width: 1050px; padding-top:12px; padding-bottom:12px; background: url('../i/mainpict.jpg') #fff center no-repeat; border: 1px solid #ccc; text-align:center; overflow:hidden; margin-top: 10px; margin-bottom: 10px; height: 222px;}

#mainpictext {width: 900px; float: right; overflow:hidden; text-align:right; margin-bottom: 30px; margin-top: 110px; margin-right: 20px; z-index: 100;}

#mainpictext p {font-family: arial; font-size: 20pt; font-style: normal; color: #fff; font-weight: bold;}

#mainpictext p span {font-family: arial; font-size: 30pt; font-style: normal; color: #fff; font-weight: bold;}

#default {background-color:#fff; margin-left:18px; float: left; }

.desc {height:30px; background-color:#fff; position:absolute; color:#ccc; font-family: arial; font-size: 11px; border: 1px solid #fff; text-align:center; }

.desc .text {padding: 5px 20px;}

.desc a {color:#fff;}

img.show {width:1000px; height:250px; border:0;}

img.show2 {width:618px; height:246px; border:0;}

img.show3 {width:618px; height:323px; border:0;}

#navi{background:#fff; width:370px; float:right; text-align: left; margin-right:18px; }

#navi ul{list-style:none; }

#navi li{list-style:none; margin:2px 0;}

#navi li a{list-style:none; background: url('../i/h2-new.gif') #1992d0 top left repeat-x; color:#fff; text-transform:uppercase; font-family: arial;   font-size:11px; font-weight:bold; text-decoration:none; border:solid #0d5d8b; border-width:0 6px 0 6px; display:block; height:30px; line-height:30px; padding:0 0 0 10px; }

#navi li a:hover{background: url('../i/menu-current-new.gif') #0d5d8b; color:#fff; text-decoration:none; }

.textblock {width: 1050px; border:1px solid #c2c2c2; background: url('../i/bottom.gif') #fff bottom left repeat-x; overflow:hidden; margin-bottom: 10px;}

.textblock1 {width: 1030px; border:1px solid #c2c2c2; background: #fff; overflow:hidden; margin-top: 10px; margin-bottom: 10px; padding: 10px; text-align: left;}

.leftblock {width: 200px; padding:10px; float: left; text-align: center; }

.leftblock p.left {text-align: left;  }

.rightblock {width: 800px; float: right; padding:10px; text-align: left; }

.rightblock p.center {text-align: center; }

.rightblock p.right {text-align: right; }

.leftblock2 {width: 300px; padding:10px; float: left; text-align: center;}

.leftblock2 p.left {text-align: left; line-height: 1.3em; margin-bottom: 9px;  }

.rightblock2 {width: 700px; float: right; padding:10px; text-align: left;  }

.rightblock2 p.right {text-align: right; }

.leftblock3 {width: 500px; padding:10px; float: left; text-align: left; }

.leftblock3 p {line-height: 1.2em; margin-bottom: 9px; }

.rightblock3 {width: 500px; float: right; padding:10px; text-align: left;  }

.rightblock3 p {line-height: 1.2em; margin-bottom: 9px; }

.leftblock4 {width: 330px; padding:10px; float: left; text-align: center; }

.centerblock4 {width: 330px; padding:10px; float: left; text-align: center; }

.rightblock4 {width: 330px; padding:10px; float: left; text-align: center; }

.leftblock5 {width: 850px; padding:10px; float: left; text-align: left; }

.leftblock5 p {line-height: 1.2em; margin-bottom: 9px; }

.rightblock5 {width: 150px; float: right; padding:10px; text-align: left;  }

.rightblock5 p {line-height: 1.2em; margin-bottom: 9px; }

.leftblock33 {width: 500px; padding:10px; float: left; text-align: center; }

.rightblock33 {width: 500px; float: right; padding:10px; text-align: center;  }

.rightblock33 p.left {text-align: left; line-height:1.2em; margin-bottom: 9px;  }

.leftblock44 {width: 330px; padding:10px; float: left; text-align: center; }

.centerblock44 {width: 330px; padding:10px; float: left; text-align:center; }

.rightblock44 {width: 330px; padding:10px; float: left; text-align: center; }

.centerblock44lib {width: 500px; padding-top:50px; float: left; text-align:left; }

.rightblock44lib {width: 300px; padding-top:50px; float: left; text-align: right; }

.centerblock44lib2 {width: 500px; padding-top:10px; float: left; text-align:left; }

.rightblock44lib2 {width: 300px; padding-top:10px; float: left; text-align: right; }

.leftblockfull {width: 1030px; padding:10px; float: left; text-align: left; }

.leftblock111 {width: 1px; float: left; text-align: center; }

.rightblock111 {width: 1170px; float: right; padding:10px; text-align: left;}

a.red-new {color : #fff; background: #cd1948; text-decoration: none; font-family: arial,verdana,helvetica,san-serif; font-size: 18pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px;width: 250px; text-align: center; border-bottom: 6px solid #064065; margin-top: 40px;}

a:hover.red-new {color : #fff; background-color: #064065; border-bottom: 6px solid #cd1948;}

.fp {float:left; border:0; margin-right: 5px; margin-bottom: 5px;}

img.ig {width:170px; height:120px; border: 0;}

#footer {width: 1050px; text-align: left; border-top:6px solid #cd1948; padding:10px; background: #064065; overflow:hidden;  }

.footeritem {float:left; width:190px; margin:0px 5px; border-top:5px solid #052a42; background:#064065;}

.footeritem h2.ftr {margin:0; padding:7px 10px 10px 10px; font-family: arial; font-size:13px; background:#0d5d8b; color:#fff; }

.footeritem ul {list-style:none; margin:0; padding:0;}

.footeritem li {list-style:none; margin:0; padding:0; height:1%; overflow:hidden; }

.footeritem li a {padding:10px; margin:0; border-bottom:1px dashed #fff; display:block; color:#ccc; font-family: arial; }

.footeritem li a:hover {background:#0d5d8b; border-bottom:1px dashed #b8b8b8; text-decoration:none; color:#fff; }

.footeritem span {clear:both; padding:8px; display:block; font-family: arial; font-size:12px; color:#999; }

.footeritem p {float:left; width:80px; height:80px; }

.footeritem span:hover {color:#031c2c; background:#052a42; }

.finalfooter {padding:25px 10px 0px 10px; clear:both; text-align:center; background:#1c1a1b; }

.footeritem h2:hover.ftr {color:#CCC; }

.footeritem:hover{border-top:5px solid #052a42; background:#052a42; }

.footeritemlogo {float:right; width:230px; margin:0px 5px; background:#064065;}

.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;}


img.nws {border: 1px solid #5373a6;}

img:hover.nws {border: 1px dashed #5373a6;}


a.w-sml {color : #fff; text-decoration: underline; font-family: verdana,arial,helvetica,san-serif;  font-size: 12px; font-style: normal}
a:hover.w-sml {text-decoration: none}





.v-menu {width:190px; clear:both; display: block; float: right; }

ul.v-menu {border:solid 1px #7f9fbf; padding:0; margin:0; list-style:none; clear:both; margin-top:6px; padding:6px 10px; width:170px;}

li.v-menu {list-style:none; display:block; float:left; font-weight:bold; text-align:left; text-decoration: underline; font-family: arial;  font-size: 12px; margin-top:3px; padding:3px;  }

a.v-menu {float: left; color:#064065; text-decoration:underline; }

a:hover.v-menu {text-decoration:none;}



.txt-new60-nat {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; font-weight:bold; color: #fca308; line-height: 1.3em; margin-bottom: 9px; padding-left: 60px; padding-top: 20px;}

.txt-new60-desert {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; font-weight:bold; color: #9c930b; line-height: 1.3em; margin-bottom: 9px; padding-left: 60px; padding-top: 20px;}

.txt-new60-climate {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; font-weight:bold; color: #2780e3; line-height: 1.3em; margin-bottom: 9px; padding-left: 60px; padding-top: 20px;}

.txt-new60-bio {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; font-weight:bold; color: #11a751; line-height: 1.3em; margin-bottom: 9px; padding-left: 60px; padding-top: 20px;}

.txt-new60-water {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; font-weight:bold; color: #0b57ab; line-height: 1.3em; margin-bottom: 9px; padding-left: 60px; padding-top: 20px;}

.txt-new60-sd {font-family: verdana,arial,helvetica,san-serif; font-size: 10pt; font-style: normal; font-weight:bold; color: #c23d2f; line-height: 1.3em; margin-bottom: 9px; padding-left: 60px; padding-top: 20px;}



.txt-new-nat {font-family: verdana,arial,helvetica,san-serif; font-size: 12pt; font-style: normal; font-weight:bold; color: #fff; background-color: #fca308; margin-bottom: 9px; padding: 10px;}

.txt-new-climate {font-family: verdana,arial,helvetica,san-serif; font-size: 12pt; font-style: normal; font-weight:bold; color: #fff; background-color: #2780e3; margin-bottom: 9px; padding: 10px;}




.leftblock3n {width: 480px; margin-bottom: 9px; border:1px solid #ededed; background: url("../i/fon-new.gif") repeat-y; overflow:hidden; padding: 3px;}

.leftblock3n-lft {width: 50px; float: left; text-align: center;  }


.leftblock3n-lft p {line-height: 1.2em; margin-bottom: 4px; color: #fff; text-decoration: none; font-family: arial; font-size: 9pt;}

.leftblock3n-rgt {width: 420px; float: right; text-align: left; padding: 3px;  }





a.lnkd {color: #fff; background: #00a2e6; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-bottom: 6px solid #a3dbf7; margin-top: 40px;}
a:hover.lnkd {color: #a3dbf7; background-color: #3a3285; border-bottom: 6px solid #00a2e6; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd18 {color : #fff; background: #1f6f7d; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-bottom: 6px solid #b4bb69; margin-top: 40px;}
a:hover.lnkd18 {background-color: #b4bb69; border-bottom: 6px solid #1f6f7d; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd19 {color: #fff; background: #44407b; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-bottom: 6px solid #23294c; margin-top: 40px;}
a:hover.lnkd19 {background-color: #23294c; border-bottom: 6px solid #44407b; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd20 {color: #fff; background: #25476f; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-bottom: 6px solid #3991a1; margin-top: 40px;}
a:hover.lnkd20 {background-color: #3991a1; border-bottom: 6px solid #25476f; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd21 {color: #fff; background: #586dae; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-bottom: 6px solid #6dcbf1; margin-top: 40px;}
a:hover.lnkd21 {background-color: #6dcbf1; border-bottom: 6px solid #586dae; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd22 {color: #fff; background: #f7a840; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold;  display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-bottom: 6px solid #0073bc; margin-top: 40px;}
a:hover.lnkd22 {background-color: #0073bc; border-bottom: 6px solid #f7a840; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd23 {color: #fff; background: #48a0b4; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-bottom: 6px solid #212940; margin-top: 40px;}
a:hover.lnkd23 {color : #48a0b4;background-color: #e4e9ae; border-bottom: 6px solid #f17b00; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd24 {color: #fff; background: #3acfcc; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-bottom: 6px solid #2e385c; margin-top: 40px;}
a:hover.lnkd24 {background-color: #2e385c; border-bottom: 6px solid #3acfcc; box-shadow:0 10px 30px rgba(0,0,0,.5);}





.popup {
position: relative;
display: inline-block;
cursor: pointer;
margin-bottom: 15px;
margin-left: 20px;
}

.popup-content {
display: none;
position: absolute;
z-index: 1;
top: -50px;
left: 100px;
background-color: #fff;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 10px;
border: 2px solid #ddd;
border-radius: 10px;
}

.popup:hover .popup-content {
display: block;
}

.popup-content p {font-family: Arial; font-size: 20px; color: #000; margin-bottom: 10px;}

a.pl {font-family: Arial; font-size: 18px; display: block; color: #fff; background-color: #143552; text-align: left; text-decoration: none; padding: 15px; }

a:hover.pl {background-color: #034c8f; }





