﻿
body
{
    font-size: 84%;
    margin: 0;
    padding: 0;
    background-color: #CCCCCC;
    color: #4B4B4B;
    line-height: 150%;
}



a
{
    text-decoration: none;
    color: #25577f;
}

a:visited
{
}
a:hover
{
    color: #1d60ff;
    text-decoration: underline;
}

*
{
    margin: 0em;
    padding: 0em;
}
ul
{
    list-style-type: none;
}
ul li
{
}
ol
{
    padding-left: 1.6em;
}
hr
{
    margin: 2px 0px;
}
a img
{
    border: 0px;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
}

h1
{
    font-size: 1.7em;
    line-height: 2.5em;
}
h2
{
    font-size: 1.5em;
    line-height: 2.2em;
}
h3
{
    font-size: 1.2em;
    line-height: 1.6em;
}
h4
{
    font-size: 1.1em;
    line-height: 1.5em;
}
h5, h6
{
    font-size: 1em;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"], input[type="password"]
{
    border: 1px solid #CCC;
    height: 15px;
    width: 80px;
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#page
{
    max-width: 1000px;
    min-width: 600px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}

#header
{
    position: relative;
    margin-bottom: 0px;
}


#content
{
    background-color: #fff;
}

#footer
{
    color: #FFFFFF;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
    background-color: #5088D3;
}

/* header-LAYOUT ELEMENTS   
----------------------------------------------------------*/
#header #top
{
    height: 26px;
    padding-left: 20px;
    background: url( Images/indextop.gif) repeat-x;
}
#header #banner
{
    height: 90px;
    background: url(images/bg_header.jpg) no-repeat left 50%;
}
#header #banner #topSearch
{
    float: right;
    margin-top: 60px;
    margin-right: 20px;
}

#header #bottom
{
    height: 20px;
    border: #ccc 1px solid;
}
#logo
{
    background-image: url(        'Images/site_logo.gif' );
}


#login
{
    font-size: 1.1em;
    text-align: right;
    color: White;
    background-color: #0358a9;
    padding: 5px;
}

#login a
{
    color: white;
}
#login a:visited
{
    color: white;
}


/* header-TAB MENU   
----------------------------------------------------------*/
#menu
{
    height: 32px;
    background-color: #7EB6CB;
}

#menu ul
{
    margin: 0;
}

#menu li
{
    display: inline;
    padding-left: 1.1em;
    margin-left: 1em;
    border-left: dotted 1px #E0E8EF;
    font-weight: bold;
    line-height: 2.8em;
}

#menu li a
{
    color: #FFFFFF;
}

#menu li a:hover
{
    color: #CCFFFF;
}
#menu li.first
{
    border: 0em;
}



/* MAIN LAYOUT ELEMENTS   
----------------------------------------------------------*/



.left
{
    float: left;
    width: 220px;
    padding: 10px 0 10px 10px;
}
.right
{
    float: right;
    width: 260px;
    padding: 10px 10px 10px 0;
}
.main
{
    position: relative; /*这是在视图中能够正确显示的关键*/
    overflow: hidden; /*成为中间能够以计算宽度进行后续计算的关键*/
    padding: 10px;
    top: 0px;
    left: 0px;
}

.wideLeft
{
    float: left;
    width: 260px;
    padding: 10px 0 10px 10px;
}

.wideRight
{
    float: right;
    width: 300px;
    padding: 10px 10px 10px 0;
}

#section1, #section2, #section3, #section4
{
}

.sectionHeader
{
    color: #b44e31;
    font-weight: bold;
    letter-spacing: 0.2em;
    background: url(images/bg_bar.gif) no-repeat left 50%;
    padding: 8px 10px 3px 30px;
}


/* SECTION COLUMN ELEMENTS   
----------------------------------------------------------*/
.partitionContainer
{
    margin: 0px 0px 10px;
}

.leftBipartition
{
    float: left;
    width: 49%; /*不取50%的原因是避免在视图中显示错位*/
}
.rightBipartition
{
    float: right;
    width: 49%;
}

.leftTripartition
{
    float: left;
    width: 32%;
}


.rightTripartition
{
    float: right;
    width: 32%;
}

.middleTripartition
{
}


/* BOX ELEMENTS   
----------------------------------------------------------*/
.topNews
{
    margin: 0px 0px 10px;
}
.topNews h1
{
    font-family: 微软雅黑;
    font-weight: 800;
    text-align: center;
}

.topNews h1 a
{
    color: #b44e31;
}

.bigNews
{
    font-size: 1.1em;
    margin: 0px 0px 10px;
}
.bigNews .newsPic
{
    float: left;
    margin-right: 5px;
    text-align: center;
    border: #b5cce2 1px solid;
    padding: 2px;
    margin-top: 3px;
}
.bigNews .newsPic img
{
    margin: 0px;
}
.bigNews h5
{
    padding: 3px;
}

.imgBg
{
    border: #ddd 1px solid;
    padding: 10px;
    background: url(Images/imgBg.jpg) repeat-x 50% top;
    margin: 0px 0px 10px;
}
.imgBg IMG
{
    float: right;
    margin-left: 8px;
}
.imgBg p
{
    font-size: 1.1em;
    line-height: 1.6em;
}



.topicSection
{
    margin: 0px 0px 10px;
}
.topicHeader
{
    font-weight: bold;
    border-bottom: #ccc 1px dotted;
    padding: 2px 0;
    letter-spacing: 0.1em;
    overflow: hidden;
    margin-bottom: 5px;
}
.topicHeader a
{
    color: #333333;
}


.blankBox
{
    border: #ddd 1px solid;
    padding: 5px;
    margin: 0px 0px 10px;
}

.featureBox
{
    background: e5e5e5;
    border: #ddd 1px solid;
    padding: 10px;
    margin: 0px 0px 10px;
}

.promoGraphics
{
    border: #e5e5e5 1px solid;
    padding: 5px;
    margin: 0px 0px 10px;
}
.promoGraphics IMG
{
    float: right;
    margin-left: 8px;
}
.promoGraphics p
{
    font-size: 1.1em;
    line-height: 1.6em;
}

.promoBanner
{
    margin: 0px 0px 4px;
    overflow: hidden;
}



#publicNotice
{
    height: 200px;
    overflow: hidden;
    background: url(Images/imgBg.jpg) repeat-x 50% top;
    padding: 5px;
    border: #ddd 1px solid;
    margin: 0px 0px 10px;
}

#publicNotice #noticeList
{
}


#publicNotice ul li
{
    padding-left: 15px;
    font-size: 1.2em;
    line-height: 1.5em;
    background: url(         'Images/bullet1.gif' ) no-repeat;
}

.summary
{
    font-size: 90%;
    text-indent: 2em;
    white-space: normal;
    position: relative; /*这是在视图中能够正确显示的关键*/
    margin-bottom: 2px;
    color: #5A5A5A;
}

.newsList
{
    overflow: hidden;
}



.newsList img
{
    float: left;
    border: #d4d4d4 1px solid;
    margin-right: 3px;
}

.newsList ul
{
    position: relative; /*这是在视图中能够正确显示的关键*/
    overflow: hidden; /*成为中间能够以计算宽度进行后续计算的关键*/
}

.newsList ul li
{
    line-height: 150%;
    background: url(         'Images/bullet1.gif' ) no-repeat;
    padding-left: 0.8em;
    white-space: nowrap;
}

.newsList ul li.first
{
}



.more
{
    text-align: right;
}
.materialList
{
}

.materialList img
{
    margin-left: -19px;
    margin-bottom: -2px;
    float: left;
}



.materialList ul li
{
    line-height: 1.5em;
    padding-left: 20px;
}
/* Article  
----------------------------------------------------------*/
.article
{
    text-align: center;
    padding: 20px;
    border: #c6c6c6 1px solid;
}

.article .summary
{
    text-align: left;
    border: #dcdddd 1px solid;
    padding: 10px;
    margin-bottom: 10px;
    text-justify: inter-ideograph;
}
.article P.byline
{
    border-top: #CCC 1px solid;
    margin: 10px 0;
    padding: 5px;
    color: #808080;
}
.article H2
{
    line-height: 1.5em;
    font-size: 1.8em;
    color: #0056a6;
    padding-top: 10px;
}
.article .body
{
    text-align: justify;
    font-size: 1.03em;
    line-height: 1.9em;
    letter-spacing: 0.1em;
    text-justify: inter-ideograph;
}

.article .illustration
{
    text-align: center;
}
.illustration .caption
{
    font-size: 0.9em;
    color: #666666;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
    height: 0px;
}

.error
{
    color: Red;
}


div .title
{
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    padding: 5px;
    letter-spacing: .2em;
}


.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.shim2
{
    height: 2px;
}
.shim10
{
    height: 10px;
}

.inline
{
    display: inline;
}

.alignLeft
{
    text-align: left;
}
.red
{
    color: Red;
}
li.email
{
    background: url(Images/icon-email.gif) no-repeat;
    padding: 5px 2px 5px 19px;
    display: inline;
}
.imageBorder
{
    border: #e3e3e3 1px solid;
    padding: 3px;
}

.floatRight
{
    float: right;
}
.floatLeft
{
    float: left;
}
.userLogin
{
    line-height: 2em;
    text-align: right;
}
.webLink
{
    border: #e5e5e5 1px solid;
    padding: 5px;
    margin: 0px 0px 10px;
}
.webLink img
{
    text-align: center;
}
.center
{
    text-align: center;
}
.breadCrumb
{
}
.breadCrumb h1
{
    border-bottom: #b44e31 1px solid;
}
.colorBlock
{
}
.date
{
    color: #999;
    font-size: 0.9em;
}
.important
{
    color: #FF0000;
    font-weight: 900;
}

.print
{
    display: none;
}
@media print
{
    .noprint
    {
        display: none;
    }
}
