/*    Generated by http://www.cssportal.com    */

/* @import url("reset.css"); */
@import url("/css/cssmenu/menu_assets/styles.css");
@import url("/css/cssmenuV/menu_assets/styles.css");

body
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11pt;
    color: #333;
    margin: 0;
    overflow: scroll;
}
div, p
{
    line-height: 1.4;
}
img
{
    border: 0;
}
table
{
    border-spacing: 0;
    border-collapse: collapse;
}
th
{
    padding: 4px;
}
td
{
    vertical-align: top;
    padding: 4px;
}
#wrapper
{
    margin: 0 auto;
    width: 1000px;
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 20px #BBBBBB;
}

#header
{
    float: left;
    height: 142px;
    width: 100%;
}

#navigation
{
    float: left;
    height: 45px;
    width: 1030px;
    margin-left: -15px;
}

#content
{
    float: left;
    width: 792px;
    height: 562px;
    margin-left: 25px;
    margin-right: 12px;
}

#rightcolumn
{
    background: #fff;
    width: 150px;
    float: left;
    margin-top: 15px;
}

#content2
{
    float: left;
    width: 200px;
    height: 407px;
    margin-left: 25px;
    margin-right: 12px;
    margin-top: 17px;
}

#content3
{
    float: left;
    width: 96%;    
    min-height: 562px;
    margin-left: 25px;
    margin-right: 12px;
    margin-top: 17px;
}

#rightcolumn2
{
    background: #fff;
    width: 740px;
    float: left;
}

#content-all
{
    float: left;
    width: 950px;
    height: 145px;
    margin-left: 25px;
    margin-right: 12px;
}

#banner
{
    margin-left: 0px;
}

#footer
{
    height: 40px;
    width: 100%;
    clear: both;
}

div.copyright-wrapper
{
    background-color: #FFFFFF !important;
    width: 94%;
    padding-top: 5px;
    margin-left: 3%;
    font-size: 11px;
    font-weight: bold;
    vertical-align: baseline;
}
div.copyright-left
{
    width: 40%;
    margin-left: 0px;
    float: left;
    text-align: left;
}
div.copyright-left a
{
    text-decoration: none;
    color: inherit;
}
div.copyright-mid
{
    width: 20%;
    float: left;
    text-align: center;
    visibility: hidden;
}
div.copyright-right
{
    width: 40%;
    margin-right: 0px;
    float: right;
    text-align: right;
}

.advers
{
    background: url("img/adv_bac.png") no-repeat scroll 0 0 transparent;
    height: 145px;
    margin: 0 auto;
    position: relative;
    width: 145px;
}

.spacer-20
{
    clear: both;
    display: block;
    height: 36px;
    overflow: hidden;
    position: relative;
}

.spacer-10
{
    clear: both;
    display: block;
    height: 16px;
    overflow: hidden;
    position: relative;
}

.logo-wrapper
{
    margin-bottom: 1px;
    margin-left: 30px;
    margin-top: 1px;
    width: 460px;
    float: left;
}

div.outer-social-wrapper
{
    text-align: center;
}
div.social-icon-wrapper-top
{
    float: right;
    vertical-align: top;
}
div.social-icon-wrapper
{
    float: right;
}
div.social-wrapper
{
    margin-top: 22px;
    margin-right: 25px;
    float: right;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
}
div.social-wrapper-text
{
    margin-bottom: 10px;
}
div.social-icon:first-child
{
    margin-left: 0;
}
div.social-icon
{
    cursor: pointer;
    float: left;
    margin-left: 11px;
    opacity: 0.55;
}
div.social-middle
{
    height: 20px;
}

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6
{
    color: #566c11;
}
em
{
    font-style: italic;
}
strong
{
    font-weight: bold;
}
small
{
    font-size: 80%;
}

hr
{
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
}

h1
{
    font-size: 150%;
    padding: 0 0 0 0;
}
h2
{
    font-size: 125%;
    padding: 0 0 0px 0;
}
h3, h4, h5, h6
{
    font-size: 100%;
    padding: 0;
}
.chinese
{
    font-family: 王漢宗細圓體繁, 細圓體, @PMingLiU;
}
.english
{
    font-family: Arial;
}
.indent
{
    margin-left: 5%;
}
.bold
{
    font-weight: bold;
}
.center
{
    text-align: center;
}
.top
{
    vertical-align: top;
}
.right
{
    float: right;
    text-align: right;
}
.red
{
    color: Red;
}
.borderBottomBlack
{
    border-bottom: 1px solid black;
}
.underlineDarkGrey
{
    border-bottom: 1px #ABABAB solid;
}
.bkgLightGrey
{
    background-color: #DEDEDE;
}
.bkgLightBlue, .bkgSubHeader
{
    background-color: #9fbfdd;
}
.bkgBrightLightYellow
{
    background-color: #FFFFA0;
}
.bkgOrgane
{
    color: #fff;
    background-color: #FB8700;
}
.bkgBlue, .bkgHeader
{
    color: #fff;
    background-color: #0080A5;
}
.bkgLightOrange
{
    background-color: #FCEDE3;
}
.bkgLightYellow, .bkgAlternateRow
{
    background-color: #FFF9D8;
}
.small
{
    font-size: 90%;
}
.border
{
    border: 1px #000 solid;
}
.paddingLeft
{
    padding-left: 25px;
}
.paddingRow
{
    padding: 10px 0 10px 0;
}
.span-1
{
    width: 8%;
    float: left;
}
.span-2
{
    width: 16%;
    float: left;
}
.span-3
{
    width: 24%;
    float: left;
}
.span-4
{
    width: 32%;
    float: left;
}
.span-5
{
    width: 40%;
    float: left;
}
.span-6
{
    width: 48%;
    float: left;
}
.span-7
{
    width: 56%;
    float: left;
}
.span-8
{
    width: 64%;
    float: left;
}
.span-9
{
    width: 72%;
    float: left;
}
.span-10
{
    width: 80%;
    float: left;
}
.span-11
{
    width: 88%;
    float: left;
}
.span-12
{
    width: 96%;
    float: left;
}
.clear
{
    clear: both;
}

.outerTable
{
    float: left;
    width: 96%;
    padding: 0% 2% 2% 2%;
}

.header
{
    float: left;
    width: 100%;
    padding: 15px 0 15px 0;
}
.subheader
{
    float: left;
    width: 100%;
    padding: 5px 0 5px 0;

}
.row
{
    float: left;
    width: 100%;
    padding: 2px 0 2px 0;
}
.quotes
{
    padding-left: 5%;
    padding-top: 15px;
}
.cite
{
    font-size: 80%;
    color: #808080;
    /*text-align: right;
    float: right;
    */
    color: #448a05;
    /*padding-left: 5%;*/
}
.greenText
{
    color: #448a05;
}
.newsletter
{
    width: 200px;
}
.programPoster
{
    float: left;
    width: 150px;
    padding-right: 15px;
}
.programText
{
    min-height: 240px;
}
.section
{    
    padding: 0 20px 5px 20px;
    background-image: url(/images/section.png);
    background-repeat:repeat-x;
    background-size: 100% 100%;
    /*-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -moz-border-bottom-left-radius: 2em;
    -webkit-border-bottom-left-radius: 2em;
    */
    border-bottom-left-radius: 2em;
    
}
.sitemap ul
{
    font-size: 90%;
}
.icon_small
{
    width: 18px;
    vertical-align: text-top;
    padding-left: 5px;
}
.important{
    font-size: 120%;
}