@charset "utf-8";
/* CSS Document */


/*********************************bof: normal style*************************/
*{ margin:0; padding:0;}
body{ background:#DCE9F7 url(../images/body_bg.png) repeat-x 0 top; color:#474747; font-size:14px/14px; font-family:times,Times New Roman,times-roman,georgia,serif}
.small_font { font-size:13px; line-height:14px; }
.normal_font { font-size:14px; line-height:14px;  }
.large_font { font-size:17px; line-height:20px; }
img{ border:0;}
a{ text-decoration:none; color:#2f74ab;}
#right_wrapper a{ font-weight:500;}
#right_wrapper a:hover{ text-decoration:underline;}
ul,form{ list-style:none; margin:0; padding:0;}
/*input{ border:0;}*/
h1{ font-size:20px; font-family:Arial,Helvetica,sans-serif; font-weight:700; color:#005596;}
h2{ font-size:18px; font-family:Arial,Helvetica,sans-serif; font-weight:700; color:#2f74ab;}
.clear{ clear:both;}

/*#wrapper{ background:url(../images/vision_wrapper_bg.gif) repeat-y; margin: 10px auto 0; width:963px; padding:0 20px 0 17px;}*/
#wrapper{ background:url(../images/vision_wrapper_bg.gif) repeat-y; margin: 0px auto 0; width:1000px; padding:0;}
#wrapper_top{background:url(../images/wrapper_top.gif) no-repeat; margin-top:0px; width:963px; padding:8px 20px 0 17px;}
#header{ margin:0; background:url(../images/header_bg.jpg) no-repeat right top; margin-top:-1px; width:962px; margin-right:1px;}
#main{ width:963px;}

#left_wrapper{ float:left; width:175px;}

#right_wrapper{ float:left; padding:8px 10px 10px 15px; width:763px;}

#footer{ margin:0; text-align:center; width:963px; padding-top:50px;}
/*********************************eof: normal style*************************/

/*********************************bof: header ******************************/
.logo{ float:left;}
.header_ad{ float:right; display:inline-block; margin-top:6px;}
#header_nav{ background: url(../images/vision_nav_bg.gif) repeat-x left; height:31px; }
.nav_item { float:left; padding-left:20px;}
#header_nav ul{ list-style:none;}
#header_nav li{ float:left; line-height:20px; vertical-align:middle;}
#header_nav li a{ color:#fff; display:inline-block; padding:5px 6px 4px; font-size:12px; font-weight:700; font-family:Arial, Helvetica, sans-serif;}
#header_nav li a:hover{ color:#FF0;}
#header_search { float:right; width:240px; padding:6px 12px 0 0; display:inline-block;}
#header_search input{ border:0; line-height:12px; display:block; float:left;}
.search_box{ height:22px; width:190px; background:url(../images/search_text.gif) no-repeat; padding-top:5px; padding-left:4px; color:#09F; }
.search_btn{ height:27px; width:40px; background:url(../images/search_btn.gif) no-repeat left top; cursor:pointer;}
/*********************************eof: header ******************************/

/*********************************bof: left ********************************/
#left_wrapper a:hover{ color:#092b4e;}
#left_wrapper span{ color:#000; font-size:16px; font-weight:700;}
#left_wrapper ul{}
/*#left_wrapper 
#left_wrapper
#left_wrapper */

.main_menu{ padding-left:10px;}
.main_menu_top{ background:#fff url(../images/category_bg.gif) no-repeat; margin-top:8px; padding:0; width:164px; height:28px;}
.main_menu_middle{ background:#fff url(../images/category_middle_bg.gif) repeat-y; padding:0 2px 0 1px ;}
.main_menu_middle li{ background:url(../images/dotline_4x1.gif) repeat-x scroll bottom; line-height:24px;}
.main_menu_middle li a{ padding-left:20px; line-height:24px; background:url(../images/tik.gif) no-repeat 5px  ; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#2d74aa; display:block;}
.main_menu_middle li a:hover{ padding-left:20px; line-height:24px; background:url(../images/tik.gif) no-repeat 5px; background:#4180b2; color:#fff;}
.main_menu_bottom{ background:#fff url(../images/category_bottom_bg.gif) no-repeat; height:10px; width:164px;}

.most_read{ padding-left:10px;}
.most_read_top{ background:#fff url(../images/most_read_bg.gif) no-repeat; margin-top:8px; padding:0; width:164px; height:28px;}
.most_read_middle{ background:#fff url(../images/category_middle_bg.gif) repeat-y; padding:0 2px 0 7px ;}
.most_read_middle ul{ list-style:disc; list-style-position:inside;}
.most_read_middle li a{ color:#2d74aa; text-decoration:none;}
.most_read_middle li a:hover{ text-decoration:underline;}
.most_read_bottom{ background:#fff url(../images/category_bottom_bg.gif) no-repeat; height:10px; width:164px;}

.ad_warpper{ text-align:center; padding-left:10px; padding-top:10px; margin:0;}
.indexTag{ text-align:center; width:160px; padding-left:10px; padding-top:10px; margin:0;}
* html .indexTag{ padding:0; padding-left:10px; overflow:hidden;}
/*********************************eof: left *******************************/

/*********************************bof: footer ******************************/
.footer_con_wrapper{  padding:0 20px 30px; text-align:center; width:923px;}
.footer_con_wrapper hr{ border:0; height:1px; background:#eee;}
.footer_con_wrapper a{ color:#2d74aa; padding:0 6px;}
.footer_con_wrapper a:hover{ color:#000;}
.footer_con_wrapper p{color:#2d74aa; display:block; padding:8px 0;}
/*********************************eof: footer ******************************/

/*********************************bof: bottom ******************************/
#bottom{ width:1000px; height:21px; margin:0 auto;}
#bottom .middle{background:url(../images/bottom_bg.gif) no-repeat scroll ; height:21px; width:1000px;  }
/*********************************eof: bottom ******************************/

/*********************************bof: index page ******************************/
.index_con_wrapper{}
.index_left{ float:left; width:620px; padding-right:5px;}
.index_right{ float:left; width:135px; overflow:hidden; text-align:center;}
.slider{ width:auto; float:left;}

.ad_top{ float:left; width:135px; height:295px; padding-left:5px;  overflow:hidden;}
.ad_top_title{background:url(../images/ad_top_bg.gif) no-repeat; width:132px; height:24px; padding:3px 0 0 3px; font-size:16px; font-weight:bold; color:#F5F5F5}
.ad_top_con{ border:solid 1px #ddddde; padding:3px 2px 0; height:263px;}
.ad_top_con ul{ list-style:disc; list-style-position:inside;}
.index_con_top{ margin:0; padding:0 0 8px; min-height:300px; margin-top:8px; border:solid 0px #ddddde; border-top:0; margin-bottom:2px;}
* html .index_con_top{ margin:0; padding:0 0 8px; height:300px; margin-top:8px; border:solid 0px #ddddde; border-top:0; margin-bottom:2px;}
.index_con_title{ background:#2d74aa url(../images/tab_bg.jpg) no-repeat left; height:26px; width:620px; padding-top:9px;}
.index_con_title .title_style{ color:#fff; font-weight:700; padding-left:13px; height:16px; font-family:"Courier New", Courier, monospace }

#container-5 ul.tab{ background:url(../images/tab_bg_top.jpg) no-repeat left; height:30px; padding-top:5px; padding-left:180px;}
#container-5 ul.tab li{ float:left; line-height:24px;}
#featured_article{ padding-left:10px; padding-right:10px; margin-bottom:5px; border-bottom:solid 1px #ddddde;}
#featured_article p{ padding:8px 0 5px;}
.tabs-container{ border:solid 1px #ddddde; min-height:300px; border-top:0;}
* html .tabs-container{ border:solid 1px #ddddde; height:300px; border-top:0;}

#title_list { background:#fff; list-style:disc; list-style-position:inside; padding-left:10px;}
#title_list li{line-height:22px;}
#title_list li a:hover{ text-decoration:underline;}
#title_list li p{ padding:5px 5px 5px 20px; border-bottom:dotted 1px #ddddde; margin-bottom:5px; line-height:18px; font-size:12px;}

.top_con{ border:solid 1px #ddddde; width:618px; height:300px;}
.top_con ul{ padding-top:8px;}
.top_con li{list-style-position:inside; list-style-image:url(../images/arrows_tik.gif); line-height:24px; padding-left:5px;}
/*********************************eof: index page ******************************/


/*********************************bof: content page ******************************/
.banner{ padding-top:10px; padding-bottom:20px; text-align:center; vertical-align:middle; width:738px; }
.nav_bar,.nav_bar a{color:#474747; font-size:13px;}
.content_box{ padding-top:10px;}
.content_box h1{ padding-bottom:10px; border-bottom:solid 1px #eee;}
.content_time{ color:#99a1a7; font-size:0.9em;}
.content{ padding:5px 0; width:597px; float:left; margin:0; }
.content h2{ padding-bottom:10px; border-bottom:solid 1px #eee;}
.content p{ padding-right:5px;  padding-top:15px;}

.content_moreinfo{ padding:20px 10px 10px;}
.con_moreinfo_top{ background:#298647 url(../images/con_more_top_bg.jpg) no-repeat scroll; height:35px;  margin:0; padding:0; width:578px;}
.con_moreinfo_middle{ background:#fff url(../images/con_more_middle_bg.gif) repeat-y; width:578px; margin:0; padding:0;}
.con_moreinfo_middle div{ padding:0 10px 0;}
.con_moreinfo_middle div li{ list-style:disc; list-style-position:inside;}
.con_moreinfo_bottom{ background:#fff url(../images/con_more_bottom_bg.gif) no-repeat; height:16px; margin:0; padding:0; width:578px;}

.con_article_top{ background:#298647 url(../images/con_article_top_bg.gif) no-repeat scroll; height:35px;  margin:0; margin-top:30px; padding:0; width:578px;}
.con_article_middle{ background:#fff url(../images/con_article_middle_bg.gif) repeat-y; width:578px; margin:0; padding:0;}
.con_article_middle div{ padding:0 10px 0;}
.con_article_middle div li{ list-style:disc; list-style-position:inside;}
.con_article_bottom{ background:#fff url(../images/con_article_bottom_bg.gif) no-repeat; height:16px; margin:0; padding:0; width:578px;}

.main_list{ float:left; width:595px; border-top:solid 1px #eee; padding-top:20px;}
.right_ad{ float:left; width:155px; margin:0; padding-left:5px; overflow:hidden;}

.right_ad li{ list-style:none;}


.font_print{ background:#fff url(../images/font_print_bg.gif) no-repeat; height:56px; width:160px; margin-bottom:20px; padding-top:2px; margin-left:0px;}
.font_print_row{ padding-top:5px; padding-left:20px;}
.font_print_row li{ float:left;}
.font_print_row li.print{ padding-left:20px;}
.email_row{ clear:both; padding-top:7px; padding-left:18px;}
*+ html .email_row{ clear:both; padding-top:4px; padding-left:18px;}

.more_info{ padding-left:0px;}
.more_info li{ background:url(../images/dot.png) no-repeat left 8px; list-style:none; padding-left:8px; line-height:16px;}
* html .more_info li{ background:url(../images/dot.png) no-repeat 2px 8px; list-style:none; padding-left:0px; line-height:16px;}
* +html .more_info li{ background:url(../images/dot.png) no-repeat 2px 8px; list-style:none; padding-left:0px; line-height:16px;}
.more_info li a{ font-size:0.8em;}
.more_info_top{ background:#fff url(../images/more_top_bg.gif) no-repeat; width:155px; padding-top:26px; padding-left:10px;}
.more_info_middle{background:#fff url(../images/more_middle_bg.gif) repeat-y; padding-left:5px; padding-right:5px; display:block;}
* html .more_info_middle{background:#fff url(../images/more_middle_bg.gif) repeat-y;  padding-left:5px; padding-right:5px; margin-top:-20px;}
* +html .more_info_middle{background:#fff url(../images/more_middle_bg.gif) repeat-y;  padding-left:5px; padding-right:5px; margin-top:-20px;}
.more_info_bottom{ background:#fff url(../images/more_bottom_bg.gif) no-repeat; width:155px; height:15px;}

.related_article{ padding-left:0px;}
.related_article li{list-style:none; list-style-position:inside; list-style-image:url(../images/dot.png);}
.related_article_top{ background:#fff url(../images/related_top_bg.gif) no-repeat; width:155px; padding-top:26px; padding-left:10px;}
.related_article_middle{background:#fff url(../images/related_middle_bg.gif) repeat-y; width:155px; padding-left:10px;}
*+ html .related_article_middle{background:#fff url(../images/related_middle_bg.gif) repeat-y; width:155px; padding-left:10px; margin-top:-16px;}
.related_article_bottom{ background:#fff url(../images/related_bottom_bg.gif) no-repeat; width:155px; height:15px;}

#crp_related h3{ background:url(../images/related_bg.jpg) no-repeat left top; height:35px; width:568px; color:#fff; padding-left:10px; padding-top:2px; margin-top:40px;}
#crp_related ul{ list-style:none; border:solid 1px #298647; border-top:0; margin:0; width:571px; margin-left:1px; margin-top:-2px;padding-bottom:10px;}
#crp_related li { background:url(../images/dot.png) no-repeat 5px 8px; list-style:none; padding-left:15px; line-height:20px; }
#crp_related li a:hover{ text-decoration:underline;}

#crp_related{ clear:both; padding-top:10px;}
/*********************************eof: content page ******************************/


/*********************************bof: content-list page ******************************/
.list_wrapper{ padding:10px 0 30px 10px; border-top:solid 0px #eee;}
.con_title{width:680px;}

.content_list{ padding:5px 0; width:700px; float:left; margin:0; }
.content_list h1{ padding-bottom:10px; border-bottom:solid 1px #eee;}
.content_list p{ padding-right:5px; line-height:20px; padding-top:15px;}
.list_wrapper h2{ padding:10px 0; border-bottom:solid 1px #eee;}
.list_con{ padding:10px 0 20px;}
.list_wrapper p{ padding-top:10px; padding-bottom:5px; line-height:20px; display:inline;}
.list_wrapper p a{ font-size:0.8em; color:#2e75ab;}
.con_pic{ text-align:right; width:50px; overflow:hidden;}

/*********************************eof: content-list page ******************************/



/*********************************bof: tab menu**********************/


@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */

#container-5 ul li a{ text-decoration:none;}
#container-5 ul li a:hover{ text-decoration:none;}
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 5px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab_nav_bg.jpg) no-repeat 100% -6px;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	color:#000;
   background-position: 100% -110px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -76px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -40px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 -6px;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity:0.4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
/********************************eof: tab menu****************************************/