/* 
    Document   : style
    Created on : Mar 10, 2012, 2:41:13 PM
    Author     : lilian
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
    margin: 0;
}

html, body {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}

.headerWrapper{
    width:100%;
    margin:0px;
    padding:0px;
    background-color: #2f793c;
}

.headerPanel {
    width:1020px;
    height:38px;
    margin:0 auto;
    padding:0px;
}

.datePanel {
    width:250px;
    height:14px;
    margin:0px;
    float: left;
    padding:11px 10px;
    font: 14px arial;
    font-weight: bold;
    color: #ffffff;
}

.searchPanel {
    width:726px;
    height:22px;
    margin:0px;
    padding:7px 10px;
    float: left;
    text-align: right;
}

.bannerWrapper{
    width:100%;
    margin:0px;
    padding:0px;

    background-image: url(../images/header_bottom_bg.jpg);
    background-repeat: repeat-x;
    background-position: top center;
}

.bannerPanel {
    width:1020px;
    height:126px;
    margin:0 auto;
    padding:0px;
}

.logoPanel {
    width:298px;
    height:100px;
    margin:0px;
    padding:12px 2px;
    float: left;
}

.logoPanel img{
    border: none;
}

.logoPanel a:link{text-decoration: none; color:#ffffff}
.logoPanel a:visited{text-decoration: none; color:#ffffff}
.logoPanel a:active{text-decoration: none; color:#ffffff}
.logoPanel a:hover {text-decoration: none; color:#ffffff}

.advertisementTopPanel {
    width:684px;
    height:100px;
    margin:0px;
    padding:16px 0 8px 20px;
    float: left;

    background-image: url(../images/banner_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.webDescPanel{
    width:442px;
    height:88px;
    float: left;
    padding:34px 0 2px 0;

    text-align: center;
    font: 16px arial;
    font-weight: bold;
    color: #5aab68;
}

.mapPanel{
    width:270px;
    height:100px;
    float: left;
    padding:6px 0 18px 0;
    text-align: right;
}

.mapPanel img{
    border: none;
}

.mapPanel a:link{text-decoration: none; color:#ffffff}
.mapPanel a:visited{text-decoration: none; color:#ffffff}
.mapPanel a:active{text-decoration: none; color:#ffffff}
.mapPanel a:hover {text-decoration: none; color:#ffffff}

.menuWrapper{
    width:100%;
    margin:0px;
    padding:0px;
}

.menuPanel {
    width:1020px;
    min-height:38px;
    overflow: auto;
    margin:0 auto;
    padding:0px;
    background-color: #ffffff;
}

.menu{
    margin:0px;
    padding:5px 12px;
    float: left;
    font: 18px arial;
    font-weight: bold;
    color: #2f793c;
    line-height: 25px;
}

.menu a:link{text-decoration: none; color:#2f793c}
.menu a:visited{text-decoration: none; color:#2f793c}
.menu a:active{text-decoration: none; color:#2f793c}
.menu a:hover {text-decoration: none; color:#2f793c}


.topNewsWrapper{
    width:100%;
    margin:0px;
    padding:0px;
    background-color: #ffffff;
}

.topNewsPanel {
    width:1020px;
    height:500px;
    margin:0 auto;
    padding:0px;
    border-left:1px #9b9f9b solid;
    border-right:1px #9b9f9b solid;
    background-color: #ffffff;
}

.politicPanel {
    width:478px;
    height:470px;
    float: left;
    clear: both;
}

.slidePanel {
    width:478px;
    height:470px;
    float: left;
    border: 1px solid #ffffff;
}

.titlePanel{
    padding:12px 0 0 12px;
    float: left;
    font: 24px Times;
    font-weight: bold;
    color: #008080;
}

.newsDescription{
    padding:12px 12px 0 12px;
    float: left;
}

.contentWrapper{
    width:100%;
    margin:0px;
    padding:10px 0 80px 0;
    background-color: #ffffff;
}

.contentPanel {
    width:1020px;
    min-height: 800px;
    margin:0 auto;
    padding:0px;
    overflow: auto;
}

.leftPanel{
    width:250px;
    height: 100%;
    float: left;
    height: 100%;
}

.leftPanel h4{
    width:225px;
    padding:12px 12px 5px 12px;
    float: left;
    font: 14px verdana;
    font-weight: bold;
    color: #003366;
    text-align: justify;
}

.labelList, .archiveList, .statistic{
    width:225px;
    padding:5px 12px;
    float: left;

    font: 14px arial;
    color: #617aac;
    text-align: justify;
}

.labelList a:link{font-weight: bold;text-decoration: none; color:#617aac}
.labelList a:visited{font-weight: bold;text-decoration: none; color:#617aac}
.labelList a:active{font-weight: bold;text-decoration: none; color:#617aac}
.labelList a:hover{font-weight: bold;text-decoration: none; color:#617aac}

.centerPanel{
    width:766px;
    height: 100%;
    float: left;
}

.centerNewsHeadline{
    width: 764px;
    float: left;
}

.centerNews{
    padding: 12px 0 0 10px;
    float: left;
}

.centerNewsH4{
    font: 14px verdana;
    color: #5c5c5c;
    font-weight: bold
}

.centerNewsDate{
    padding: 5px 0 0 0;
    font: 10px arial;
    color: #5c5c5c;
    text-align: justify;
}

.centerNewsDesc{
    padding: 5px 0 0 0;
    font: 14px verdana;
    color: #5c5c5c;
    text-align: justify;
    line-height: 18px;
}

.centerNewsSeparator{
    width: 752px;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #000000;
}

.centerLabelLink {text-decoration: none; color:#617aac;}
.centerLabelLink a:link{text-decoration: none; color:#617aac; font-weight: bold}
.centerLabelLink a:visited{text-decoration: none; color:#617aac; font-weight: bold}
.centerLabelLink a:active{text-decoration: none; color:#617aac; font-weight: bold}
.centerLabelLink a:hover{text-decoration: none; color:#617aac; font-weight: bold}

.centerNewsList{
    width: 310px;
    padding: 10px 0 20px 0;
    float: left;
    font: 12px arial;
    color: #5c5c5c;
    text-align: left;
    border: 1px solid #ffffff;
}

.centerNewsList ul{
    margin-left:0px;
    padding-left:30px;
    line-height: 22px;
}

.centerNewsList a:link{text-decoration: none; color:#617aac}
.centerNewsList a:visited{text-decoration: none; color:#617aac}
.centerNewsList a:active{text-decoration: none; color:#617aac}
.centerNewsList a:hover {text-decoration: none; color:#617aac}

.advertisementCenterPanel{
    width: 310px;
    padding: 0 0 20px 0;
    float: left;
}

.pagePanel {
    width:1020px;
    height: 100%;
    margin:0 auto;
    padding:0px;
    overflow:auto;
}

.page{
    padding-top: 15px;
    width:1018px;
    float: left;
    font: 12px arial;
    color: #5c5c5c;
    text-align:right;
}

.page a:link{text-decoration: underline; color:#5c5c5c}
.page a:visited{text-decoration: underline; color:#5c5c5c}
.page a:active{text-decoration: underline; color:#5c5c5c}
.page a:hover {text-decoration: underline; color:#5c5c5c}

/*news detail*/

.centerNewsDetails{
    padding: 5px 0 10px 0;
    font: 14px verdana;
    color: #5c5c5c;
    text-align: justify;
    line-height: 18px;
}
/*end of news detail*/


.footerWrapper{
    width:100%;
    margin:0px;
    padding:0px;
    background-color: #1a1a1a;
}

.footerPanel {
    width:1020px;
    height:50px;
    margin:0 auto;
    padding:0px;
}

.footerMenu, .copyright{
    padding: 10px 10px 0 10px;
    text-align: right;
    font: 12px arial;
    color: #666666;
}

.footerMenu a:link{text-decoration: none; color:#666666}
.footerMenu a:visited{text-decoration: none; color:#666666}
.footerMenu a:active{text-decoration: none; color:#ffffff}
.footerMenu a:hover {text-decoration: none; color:#ffffff}

.copyright{
    padding: 5px 10px 0px 10px;
    text-align: right;
    font: 12px arial;
    color: #ffffff;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px;
}

.footer, .push {
    height: 50px;
}