body{font-family:Arial,Helvetica, sans-serif; line-height:135%;  font-size:16px;  }

h1,h2,h3,h4{font-weight:normal; line-height: 120%;}
h6{font-size: 0.85em;}

p{margin:10px 0;}
a{ text-decoration: none; transition: 100ms; color:#004080;}
a:hover{ text-decoration: underline;}
input, textarea, select {margin: 5px 0; padding:4px; font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
big,.big{ font-size: large;}
.small{font-size:75%;}
.center{text-align:center;}
.r{float:right;}
.l{float:left;}
.c{text-align: center;}

.clearfix{ clear:both;}
.red {color:#FF0000;}
.warning{ margin: 20px 0; padding:10px;  border: solid 1px #4F73FF;  display: inline-block; }

.attach{margin: 20px 0; background-color: #f2f2f2; padding: 20px;}

.d, .dd{clear:both;  margin: 0 0 20px; padding-bottom: 20px;  border-bottom: solid 1px #ddd; }


.d_up{border-bottom:dotted 3px #bbb; position: relative; top: -25px; height: 5px; background-color: #fff;}

.nobr{white-space:nowrap;}
.ftd{display:none;}
.block{display: block;}
.big{ opacity: 0.75; transform: scale(1.1); }
.big:hover{opacity:1; transform: scale(1.2);}

#menubutton,#toTop {position:fixed; z-index:999; background-color:#2B506E; overflow: hidden; width:47px; height:47px;}
#menubutton:hover,#toTop:hover {background-color:#bbb;}
#toTop {bottom:0px; right:0px;}
#menubutton img, #toTop img{width:47px; height:47px;}




#header{}
#site_name{ margin: 15px 0 12px 60px; font-size:7vw;color:#000; letter-spacing: 0.2px; text-transform: uppercase;  display: inline-block;}
#site_description{ margin:0px 10px 10px; font-size:1em; }
#site_name a,#site_name a:hover,#site_description a,#site_description a:hover{
 color: #000; text-decoration: none;}
#logo{display:block; height:50px; float:left; text-decoration:none;}

#logo img{ display: none; margin-right: 15px;}
#logo img:hover{opacity:0.85;}
#socnet,#donate{overflow:hidden; display:inline-block; font-size:0.9em; margin-top:20px; padding:0 15px; border-left:solid 1px #0078DB;  float: right;  letter-spacing: 0px; text-align: center;}
#socnet img{ width:40px; margin:5px 8px 0;}
#socnet img:hover{ opacity:0.8;}
#SOC_NET{margin-top:5px;}

#donate{width:80px; height:76px;   display: inline-block; }
#donate span{  margin-top: 16px; display: block;}

#line{}
#header-bottom{height:38px; margin-top:7px; background-color:#2D4458;    overflow: hidden;}

#menu_hor{overflow: hidden;}
#menu_hor table{width:100%;}
#menu_hor td{border-right:solid 3px #ccc; text-align:center;}
#menu_hor td a, #menu_hor td b{color:#fff; display:block; text-align:center; white-space:nowrap; height:38px; line-height:38px; text-decoration:none; letter-spacing:1px;}
#menu_hor a:hover{background-color:#476C8A; }
#menu_hor a.pref:hover img{ opacity: 0.7;}

#search{display: block; white-space: nowrap; margin: 0; overflow: hidden;}
#search_button{background: none; border:none; padding:0; margin:0; position: relative; top:6px; cursor:pointer; width:20px; overflow: hidden;}
#search_button img:hover{ opacity: 0.75;}
#search_word{width:80%;}





#menu{clear:both; transition-delay:500ms;  margin: 20px 0; }
#tree{ overflow:hidden;  background-color:#f4f4f4;}
#tree h2{ background-color: #8F9CA8; color: #fff; padding: 15px 5px 15px 25px;}

#menu ul{display:block; padding:10px 0; margin: 10px 0;}
#menu li{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:none; list-style:none; list-style-position:outside; line-height:150%; margin:12.5px 0px;}
#menu a{display:block; text-decoration:none; font-size:1.3em; }
#menu a:hover{text-decoration:underline;}
#menu li.active a{font-weight:bold; }
#menu a span{display:block; background-repeat:no-repeat; padding-left:20px;}
#menu a .sub{background-image: url(../img/arr.png); background-position:2px 4px;}
#menu a.open .sub {background-image: url(../img/cl.png);}


#menu ul a{ letter-spacing:0.25px;color: #004080;padding:0px 10px 0px 0px;}
#menu ul ul a{text-transform: none;line-height: 115%; font-weight: normal;  letter-spacing:0px; position: relative; left:0px;padding:0px 10px 0px 15px;}
#menu ul ul { background-color: #e2e2e2;}

#menu ul ul li{margin:9px 0; }
#menu ul ul ul a{padding:0px 10px 0px 30px;}
#menu ul ul ul { background-color: #d2d2d2;}
#menu #tree{ padding-top: 0;}



#main{overflow:hidden; padding-right:10px;}
#main h1{font-size:1.5em; margin:10px 0; font-weight:normal; max-width: 650px; line-height: 110%; }
#main h1 a, #main h1 span {color:#1E90FF; text-decoration:none;}
#main h1 a:hover, #main h1 span:hover{text-decoration:underline;}

#main h2{font-size:1.8em; margin:5px 0 15px;  color:#000; }


.nodate{  margin:10px 0; text-decoration:none; color:#000;}
.nodate:hover{text-decoration:none; color:#0000b3;}
#nodate_list{margin-top:10px; padding-top:10px; border-top:solid 1px #ccc;}



a.listlink{display: block; text-decoration: none; color: #000; }
.date{color:#00B027; font-size:0.9em; margin: 0;}
.details{margin:0 0 10px 0; color:#aaa; }



footer{font-size:0.9em; border-top: solid 1px #ddd; background-color:#f2f2f2; overflow:hidden;color:#555; margin-top:20px; padding:20px 0 0px;}

#site_warning_bottom{margin:0px 27% 0px 10px;}


#soc{margin:30px 0; color:#777; text-align:center;}
#soc span{display:block; text-align:center;}
#soc img{margin:7px; width:30px; height: auto; border-radius:18px; vertical-align:middle; border: solid 1px #000;}
#soc img:hover{ opacity: 0.75;}



.page{max-width:650px;padding-bottom:0px; font-size:18px;line-height:135%;}
#main .page h2{padding:30px 0 10px; margin: 0; font-size:1.6em;}
#main .page h3{padding:20px 0  7px; margin: 0; font-size:1.3em;}
#main .page h4{padding:20px 0  7px; margin: 0; font-size:1.1em;}

.page img{width:99.9%; height:auto; margin:15px 0 15px; display:block;}
.img_description{ margin:-10px 0 15px; background-color: #f2f2f2; padding: 10px; line-height: 110%; font-size: 0.9em; font-style: italic; }
.page img.tmb {width:30%; height:auto;  display: inline; margin:0;}
.page img.ltr{width:16px; height:16px; display:block; margin:-16px 0 0; position: relative; left: 5px; top:22px;}

.tmb_ltr{cursor:pointer; margin:10px 0;}
a.plus{ display: inline-block; padding:0 6px; font-weight: bold; color: #fff; background-color:#5F9EA0; font-size: 1em; text-decoration: none; cursor: pointer;}
a.plus:hover{background-color:#4D7E80;}






.page ul{list-style-position:inside; margin-left: 30px;}
.user-info {line-height: 130%; padding-bottom: 5px; margin: 0px 0 15px; margin-bottom: 40px;}
.user-info b{ font-weight: normal; color: #D2691E;}

.rm{ margin: 20px 0 0; width: 99%;}

.comments{border-top:solid 1px #ddd; padding-top: 10px; margin:20px 0;}
.comments img.avatar {float: left; margin: 0px 30px 0px 0;	width: 50px; }
.comment{line-height:120%; background-color:#fff;  border-left: solid 1px #d3d3d3;border: solid 1px #ddd; border-radius: 2px;   margin: 20px 0; padding:15px; overflow: hidden;  width: 66%; }
#comment_form{background-color: #f4f4f4;}
.delcomment{color: #FFF; background-color: #FF0000; padding: 3px 7px; float: right; margin: 0 0 20px 20px; }
.comment  textarea{margin: 7px 0; }
.delcomment{float:right;}
.reply_comment {color: #FFF; background-color: #008000; padding: 3px 7px; float: left; margin: 0px; }




.navigator{margin:30px 0px 0; text-align:center; font-size:1.1em; color:#999; line-height:170%;}
.navigator a, .navigator b{ margin:0 0 15px 8px;}
.navigator a{  color:#0000FF;}

.modalDialog {position:fixed; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.85); z-index: 99999; 	display:none; 	pointer-events:none;pointer-events: auto;}

.modalDialog > div {border-radius: 2px; position: relative; margin:10% auto; padding:20px; background: #eee; width:250px; line-height: 150%; font-size: 1.1em;}
.close { cursor: pointer;  color:#000;  position:absolute; right:7px; top:5px;  text-decoration: none; font-size:2em;}
.close:hover { color: #FF0000; text-decoration: none; }
.modalDialog_input  { border: solid 1px #000;  padding:5px;  border-radius:2px; width: 100%; margin: 7px 0; font-size: 1.1em; letter-spacing: 0.5px;  }













.tbl{border-collapse:collapse; clear:both; color: #000;background-color: #FFFFFF; }
.tbl tr:first-of-type{ background-color: #777; color: #fff;}
.tbl tr.title{ background-color: #eee;}
.tbl td{padding: 10px;  }
.tbl, .tbl tr, .tbl td { border: 1px solid #ccc;  }



.button {color:#FFF; background-color:#2B506E; padding:7px 10px; text-decoration:none; border: solid 1px #fff; margin:0; font-size: 0.9em; display: inline-block;}
.button:hover{ background-color: #777; color: #fff; text-decoration: none}





.cell {vertical-align:text-top; overflow:hidden; width:150px; margin:0; padding:0;
display: -moz-inline-stack; /* ?? FF ?? 3  */
display:inline-block;
*display:inline; /* ?? ? 6, 7 */
zoom:1; /* ?????layout fix ?? ?6 */
}


#section_left{display:none;}
#section_main{display:block; margin: 0 10px;}

.comm_info{line-height:190%;}



.mfiles{color:#f2f2f2;}
.MultiFile-title{color:#008000;}
#account_text{display:none;}
.category{float:right; height:35px;  position:relative; top:-20px; line-height: 35px; width: 70px; text-align: center; color: #fff; font-weight: bold; border-radius: 0 0 0 20px; }
#result{height:30em; overflow:hidden;}
#show_result_button {margin: 25px 0; display: inline-block;}




#first_news{display: block; margin: 20px 0 10px;color: #000; background-color: #f2f2f2; padding:30px;  }
#first_news_f{  overflow: hidden;  }
#first_news:hover{ text-decoration: none;}

#first_news img{display:block; float:left; margin: 0 0 15px 0; width:99%;}
#first_news h3{ font-size:1.6em; line-height: 115%;color: #3271e7; letter-spacing:0.5px; margin: 20px 10px 0px 0;   }
#first_news .short{clear:both; padding:5px 0; }


.tmb img{width:100%; height: auto;}

.d-news,.d-news-plus { padding-top: 15px; margin-bottom:15px; clear: both; }

#home_news .tmb{display:block;  margin:0 0px 5px 0;}
.short {font-size:0.9em; margin-top:5px;  }


.cel{ overflow: hidden;  width: 95%; margin-top: 30px; }
.cel .tmb img{width:25%; display: inline-block; float: left; margin-right:20px; margin-bottom:3px;}
.cel h3{ }
.cel .short{  padding:0;}

#home_news{margin:20px 0 0; }
#home_news_plus{margin:20px 0 0; padding-bottom: 10px;  background-color:#f4f4f4; overflow: hidden;}
#home_news_plus_in{margin: 0 15px ; line-height: 120%;}
#home_news_plus .tmb{display:block; margin-bottom:5px;}
#home_news_plus h3, #home_news h3 , a.listlink h3 {  color: #004080; font-size: 1.3em; line-height: 110%; text-decoration: none; margin-top: 15px;}
a.listlink h3{ margin:5px 0;line-height:110%;}
a.listlink:hover h3{ text-decoration: underline;}

.source, .author{ font-size: 0.9em; margin:5px 0; max-width: 650px;  }
.source .r{padding: 3px 10px; background-color:#f2f2f2; color:#888; border-radius: 12px; margin: 0px 0 10px 50px;}
.source .r a{}




#specprojects h2{ float: left;padding:5px 12px 5px; width: 100px;}
#special_projects{ display: none;}
#special_projects td{vertical-align: middle; padding:10px 8px;background-color: #f2f2f2;border-right: solid 3px #fff;text-align: center;}
#special_projects table{ width: 100%;}
#special_projects a{}
#special_projects td#sp-header{ background-color: #fff;}



.sections{ margin:30px 0 15px; line-height: 170%; }
.sections a{color:#000; font-size: 1.6em; font-weight: bold; }


.delimiter{margin-bottom:40px; padding-bottom:0px; border-bottom:solid 3px #ddd;}




.page td,.page th{font-size: 0.85em; padding: 3px; border: 1px solid #ccc;}
.page table {border-collapse: collapse; width: 100%px; }
.page table tr:first-child { background: #E3ECFB;}
.table-wrapper { overflow-x:auto; }

#donors{padding:20px; background-color: #f4f4f4; font-size: 0.85em; font-style: italic; margin: 20px 0 5px;}



.page ol li {
    list-style: decimal
    list-style-position: inside;
    margin: 10px 0 10px 30px;
}
.page ul li {
    list-style: disc;
    list-style-position: inside;
    margin: 10px 0 10px 30px;
}


#pref{margin-top:25px; border-top:solid 1px #aaa;  padding:10px 0 5px; font-size: 0.85em;}
#pref form{ margin: 0 10px;}
#pref input{ position: relative; top: -2px;}






.sendsect,#donate, #socnet{display:none;}

#sendmob{ text-align: center;}
#sendmob a{ display: inline-block; margin:15px 5px 0; padding:8px 15px; background-color:#2B506E; color: #fff;   border-radius:20px;}
#search_word{ border-radius: 18px 0 0 18px;}



@media screen and (min-width: 480px) {
#switcher a,#switcher span{width:77px;}

}


@media screen and (min-width: 540px) {
#header-bottom{margin-top:2px;}
#logo{display:block; height:110px; float:left; margin-left:10vw;}
#logo span { display: none;}
#logo img{height:100px; width:auto; margin-top:5px; display: inline;}
#search_word{width:88%;}
#site_name{ font-size:5vw; margin:30px 0 10px 0;}

}



@media screen and (min-width: 600px) {
#home_news{width:50%; float: left;}
#home_news_plus{ width:45%; float:right; }

}





@media screen and (min-width: 760px) {
#search_word{width:10vw;}
#donate, #socnet{display: block;}
.sendsect{ display: table-cell;}
#logo{ margin-left: 0px;}
#site_name{font-size:3.8vw; margin:30px 0 10px 0;}
#site_description{font-size:1.6vw;  }

.ftd{display: table-cell;}
#menubutton{display: none;}
#section_left{float:left; width:298px; display:block;}
#section_main{ margin: 0 0 0 320px;}
#soc span{display:inline-block;}
#menu a{font-size: 1.1em;}
#menu a .sub{background-position:2px 4px;}
#sendmob{ display:none;}

}


@media screen and (min-width: 820px) {
#special_projects{ display: block; margin-bottom: 5px; font-size: 0.95em;}
#search_word{width:13vw;}

}


@media screen and (min-width: 860px) {
#search_word{width:18vw;}
#site_name{ font-size:3.5vw;}
#site_description{ font-size:1.8vw; letter-spacing: 0.5px; }

}

@media screen and (min-width: 920px) {
#search_word{width:22vw;}
#site_name{ font-size:33px;}
#site_description{ font-size:1em; }
#menu_hor td a, #menu_hor td b{letter-spacing:1.1px; font-size: 1em;}
#main{padding-right:0px;}

}



@media screen and (min-width: 1024px) {
.wrap {margin: 0 auto; width:1024px;}
#site_name{ font-size:38px;}
#site_description{ font-size:1em; }
#account_button{display:none;}
#account_text{display:inline;}

}