body {background: #F0F3F8 url(../design/button_grey-ri.jpg) right top repeat-y; color:#000000;}
a {border-bottom:1px solid #DFDFDF; color:#3333FF;}
a:hover{border-bottom:none;color:#333333;text-decoration:underline;}
a:active{color:#FF0000;}
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }
b2 {font-size:160%; color: #333333; font-family: "Lucida Calligraphy","Times New Roman";}
b3 {font-size:140%; color: #333333; font-family: "Lucida Calligraphy","Times New Roman";}
.column2 {
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
	margin:0 .7em; padding:1em;box-shadow: -0.4em 0.4em 5px #CCCCCC; border-radius: 7px; background: #f3f3f3;
filter:progid:DXImageTransform.Microsoft.dropShadow(color=#E5E5E5, offx=-7, offy=7 ) ;
-moz-box-shadow:-0.4em 0.4em 5px #CCCCCC; 
-webkit-box-shadow: -0.4em 0.4em 5px #CCCCCC;
   }
   @media screen and (max-width:560px){
.column2 { -webkit-column-count: 1;-moz-column-count: 1;column-count: 1;margin:0 1em .3em 1em;}
}
ul .column2{padding-left:45px; }
.signr {
 float: right; text-align:center;
 padding: 0 15px 15px 15px; 
 margin: 5px auto;  border:none;
 }
 .none {
 float: none; text-align:none; 
 margin: 5px auto;  border:none;
 }
 .signl {
 float: left; 
 padding: 0 7px 7px 0; 
 margin: 0 10px 10px 0; 
 }
#logo {color:#666666; text-align:center;}
#logo  a:{color:#666666;}
a #logo:hover { color: #3333FF;}
#logo a:visited  {color:#3333FF;}   
#slogan {color:#7F7F7F;margin-left:8em;}
#slogan a{color:#666666;}
#slogan a:hover { color: #3333FF;}
#slogan a:active { color: #FF0000;}
#header{background:url(pic/kn4-1.png) left no-repeat;margin-left:10px;}
#search {background:#EFEFEF;}
#search #search-input {border:1px solid #AFAFAF;}
#search #search-input:focus {border:1px solid #5F5F5F;}
#search #search-submit {border:1px solid #00B200; background:#00B200; color:#FFF;}
#nav{border:1px solid #CCC;border-radius:5px;}
#nav ul li#nav-active a {background:#7F7F7F; color:#FFF;}
#nav li a :visited { color: #3333FF; }
#footer {border-top:1px solid #DFDFDF; color:#5F5F5F;background: #f3f3f3;}
#footer a {color:#3333FF;}
#footer a:hover {color:#000; text-decoration: underline;}
#zvz a{display: inline-block; width:32px; height:35px;float:left;margin-left:10px;background:url(../pic/zvz2.png) no-repeat;text-decoration:none;opacity:0.8;//height:25px;//border:none;}
#zvz a:hover{display: inline-block; width:32px;height:35px;//height:35px;float:left;margin-left:10px;background:url(../pic/zvz2-1.png) no-repeat;text-decoration:none; opacity:1;//height:25px;}
*+html #nav #zvz a{border:none;}
*+html #nav #zvz :hover{text-decoration:none;color:#000000;background:url(../pic/zvz2-1.png) no-repeat;border:none;//height:25px;}
#zvz a:active{background:url(../pic/zvz2.png) no-repeat;text-decoration:none;//height:25px;}
*+html #nav #zvz :active{background:url(../pic/zvz2.png) no-repeat;text-decoration:none;}
*+html #vverh img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70, Style=1, StartY=20px, FinishY=10px ) ;}
*+html #vverh img:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90) ;}
.tooltip {opacity:0.6;float:none;}
.tooltip:hover {opacity:1;}
#topstory-title {border-bottom:1px solid #3F3F3F; background:#9F9F9F;}
#topstory-title h2 a {border-bottom:1px solid #5F5F5F; color:#FFF;}
#topstory-title h2 a:hover {border-bottom:1px solid #FFF;}
#topstory-title p.date {color:#000;}
#topstory-title p.date a {border-bottom:1px solid #5F5F5F; color:#000;}
#topstory-title p.date a:hover {border-bottom:1px solid #FFF; color:#FFF;}
#topstory-perex {background:#000; color:#AFAFAF;}
#topstory-perex a {border-bottom:1px solid #5F5F5F; color:#FFF;}
#topstory-perex a:hover {border-bottom:1px solid #FFF; color:#FFF;}
.hx-style01 span {background: #f3f3f3; color:#666666;}
a.ico-more {background:#F5F5F5; color:#5F5F5F;}
a:hover.ico-more {background:#00B200; color:#FFF;}
@media screen and (max-width: 560px) {
#slogan {color:#000000;margin-left:0em;}
}
@media screen and (max-width: 800px) {
.ugol {position: relative;right: 2%;bottom:29%;margin-left:15px;}
.ugol a{display:inline-block;border:none;}
}
@media screen and (max-width: 640px) {
b2 {font-size:130%;}
b3 {font-size:120%;}
.signl {display:block;float:none; padding: 7px auto; margin: 0 auto;}
.signr {display:block;float:none; padding: 7px auto; margin: 0 auto;}
.none {display:block;float:none; padding: 7px auto; margin: 0 auto;}
}