/* Common styling */
body
{
    text-align:     center;
    background:     white;
}
h2.section { font-variant: small-caps; font-size: 16pt; font-family: "Times New Roman", serif; }
h3 { font-size: 12pt; color: #333; }
li { list-style: none; }
#page
{
    font-family:           Arial, sans-serif;
    font-size:             12pt;
    line-height: 22px;
    font-weight: 500;
    text-align: left;
    width: 749px;
    margin: auto;
    padding: 20px 0px 0px 0px;
    position: relative;
}


.header_logo
{
    height:         100px;
    width:          600px;
    background:     url('../img/TPA_logo.png') no-repeat;
}
    .header_logo h1 { display: none;  }

.top_left
{
    position:   absolute;
    top:        50px;
    right:      0px;
    float:      right;
    font-size:      10pt;
    font-family:       arial, san-serif;
    text-align: right;
    padding:    0px;
}
    .lang { margin:0; }
    a.zh { border-bottom: solid 1px black; }
    .search { padding-top: 3px; margin:0;  }

.menu_bar
{
    margin:     0;
    padding:    0;
    border:     0;
    height:     32px;
    width:      100%;
    background:     #555;
    list-style: none;
}
    .menu_bar li
    {
        margin:     0;
        padding:    0;
        float:      left;
        position:   relative;
    }
    .menu_bar li.s1 {width:95px;}
    .menu_bar li.s2 {width:123px;}
    .menu_bar li.s3 {width:115px;}
    .menu_bar li.s4 {width:110px;}
    .menu_bar li.s5 {width:175px;}
    .menu_bar li.s6 {width:131px;}
    .menu_bar li.s6 a {width:auto;}


    .menu_bar li a
    {
        float:          left;
        height:         20px;
        padding:        5px 24px;
        margin:         0px;
        width:          100%;
        background:     #555;
        border-bottom:  solid 5px #aaa;
        color:          white;
        text-decoration: none;
        font-family:    verdana;
        font-weight:    400;
        font-size:      12pt;

    }
    .menu_bar li a.selected
    {
        background:     #333;
        color: white;
        border-bottom:  solid 5px #003d68;
    }
    .menu_bar li a:hover
    {
        color:          #ccc;
        border-bottom:  solid 5px #ccc;
    }
.footer
{
    width:          100%;
    color:          #666;
    font-family:    verdana;
    font-size:      10pt;
    border-top:     solid 1px #666;
    text-align:     right;
}
    .footer a {color:#666; text-decoration:none; padding: 0px 5px; }
    .footer a:hover {text-decoration:underline;}

.email {color:black ; text-decoration: none; border-bottom: dotted 1px black; }

/* Begin page-specific styling */

.backsplash
{
    background: url('../img/hold_bulb_msg.jpg') no-repeat;
    width:      749px;
    height:     424px;
}

.text
{
    position:       absolute;
    z-index:        100;
    margin:         220px 20px 20px 460px;
    width:          250px;
    color:          white;
    font-family:    arial, sans-serif;
    font-size:      12pt;
}
    .text a { color: white; }
    .text a:visited { color:white;}
    .text a:hover { color: #fa0;}

.headings li { list-style: none; }
    .headings li a { text-decoration:none;  color: blue; }
    .headings li a:hover { border-bottom: dotted 1px blue;  }

img.top { width: 749px; margin-bottom: 10px; }
a.ext { background: url('../img/icon_external.gif') right center no-repeat; padding-right:20px; }

/* about.html */
table.two_col { margin: 0; border:0;  }
td.main
{
    padding: 0px 10px 0px 0px;
    font-size: 12pt;
    line-height: 22px;
}
.right_side { width:172px; padding: 0px 0px 0px 20px; border-left: solid 1px #666; font-size: 10pt; }
img.favicon {width:32px; height:32px; margin: 0px 5px; }
a.vcard
{
    text-size: 6pt;
    text-decoration: none;
}
h4 { margin: 0; padding: 17px 0px 0px 0px; font-size: 10pt; font-weight: 100; color: #003d68; border-bottom: dotted 1px #999; }

/* start.html */
.float_right
{
    position: absolute ;
    float: right;
    bottom: 40px;
    right: 0px;
    width: 500px;
}
form table tr  {font-size: 10pt; }
label.desc {display:block; font-weight:300;  margin: 2px 0px; }
form table {margin-left: 0px; padding-left: 0px;}
    option { background: url('../img/icon_triangle.gif') left center no-repeat; padding-left:15px; }