border:1px solid red;/* layout */

html{ margin:0; padding:0; width:100%; }
body{ margin:0; padding:0; width:100%; }

#header
    {
    margin:0;
    padding:.4em;
    height:55px;
    z-order:2;
    }

#footer
    {
    width:100%;
    margin:0;
    }

#content
    {
    vertical-align:top;
    margin:0;
    padding:.3em;
    }

#infoBar
    {
    vertical-align:top;
    width:20%; /* 200px */
    margin:0;
    padding:0 0 0 .2em;
    }

#middle /* middle page table */
    {
    border:1px;
    }

/* colors, fonts */

/*
0: COLOR="#152F67"
0: COLOR="#132D66"
1: COLOR="#1B387A"
2: COLOR="#1C498C"
3: COLOR="#0E80D6"

0: COLOR="#FDC13C" (orang)

0: COLOR="#FFB93B"
1: COLOR="#FFD883"
2: COLOR="#FFBB41"
*/

body
    {
    background-color:#FFF;
    color:#000;
    font-size:1em;
    font-family:Arial,Helvetica,sans-serif;
    }

A           { color:#152F67; text-decoration:none;}
A:visited   { color:#1C498C; }
A:hover     { color:#000; }
A:active    { color:#F77; }

#header     { background-color:#132D66; }
#infoBar    { background-color:#FFE893; }

#content
    {
    border:2px solid #FFB93B;
    border-right:0;
    background-color:#FFF;
    }

#footer
    {
    background-color: #FFE893;
    font-size: 0.8em;
    text-align:center;
    }

/* other */

#infoBar a          { text-decoration:none; }
#infoBar a:hover
    {
    text-decoration:none;
    background-color: #FDC13C;
    }

#zebra
    {
    display:inline;
    margin:0;
    padding:0;
    float:right;
    }

#zebra img
    {
    display:inline;
    padding:0px;
    height:55px;
    width:680px;
    background-color:red;
    border:0px solid red;
    }

#pageHeader
    {
    display:inline;
    margin:0px;
    padding:0px;
    z-order:1;
    }

#pageHeader h1
    {
    color:#FDC13C;
    margin:0;
    padding:0;
    font-size:24px;
    }

#bottomNavBar
    {
    text-align:right;
    border-bottom:2px solid #FFB93B;
    margin:0px;
    padding:0 .4em 0 .1em;
    }

#bottomNavBar a
    {
    padding:3px;
    margin:0;
    text-decoration:none;
    font-family:Arial, sans-serif;
    }

#bottomNavBar a:hover
    {
    background-color: #fff;
    color:#132D66;
    padding:1px 2px;
    border:1px solid #132D66;
    }

#bottomNavBar p
    {
    margin:0px;
    padding:3px;
    }

#bottomNavBar p.left
    {
    float:left;
    }

#banners
    {
    text-align:center;
    background-color:#132D66;
    margin:0;
    padding:10px;
    }

.spacer     {clear:both; height:.8em; padding:0em; font-size: 4px; margin:.3em;}
.advSpacer  {float:left; width:.3em;}

/* top navigation menu */
#navigation
    {
    text-align:right;
    background-color: #FFE893;
    border-top:2px solid #FFB93B;
    }

#navigation ul
    {
    margin:0;
    padding:3px;
    }

#navigation ul li
    {
    display: inline;
    margin:2px;
    padding:0px;
    font-size:.9em;
    font-weight:bold;
    }

#navigation ul li a
    {
    margin:2px;
    padding:3px;
    text-decoration:none;
    font-family:Arial, sans-serif;
    }

#navigation ul li a:hover
    {
    background-color: #fff;
    color:#132D66;
    padding:2px;
    border:1px solid  #132D66;
    }

table.news
    {
    margin:0;
    padding:0;
    margin-top:1em;
    }

/* #shortNews {{{*/

#shortNews table.news
    {
    padding:0;
    margin:.7em 0px;
    font-size:.8em;
    border-top:1px solid #FFB93B
    }

#shortNews h2
    {
    font-size:.9em;
    font-weight:bold;
    margin:0;
    padding:0;
    }

#infoBar #shortNews h2
    {
    font-size: 1.1em;
    }

#shortNews table.news h3
    {
    font-size:.9em;
    font-weight:bold;
    color:#000;
    margin:0;
    padding:0;
    }

#shortNews table.news span.date
    {
    color:#777;
    font-size:.8em;
    float:left;
    }

#shortNews table.news A:visited
    {
    color:#668;
    }

#shortNews  a .more
    {
    background-color:#F0D888;
    font-size:.9em;
    }

#shortNews  a:hover .more
    {
    background-color: #FDC13C;
    font-size:.9em;
    }
/*}}}*/

/** fullNews {{{**/

#fullNews
    {
    margin:0px;
    padding:0px;
    width:100%;
    }

#fullNews table.news
    {
    border:0;
    padding:0;
    margin:0;
    margin-bottom:1em;
    font-size:.9em;
    border:0px solid #CCC;/*#FFD883;*/
    width:100%;
    }

#fullNews tr.title td
    {
    border:2px solid #FFD883;
    border-left:0; border-right:0;
    }

#fullNews tr.title
    {
    background-color: #FFE893;
    }

#fullNews table.news h3
    {
    font-size:1.2em;
    font-weight:bold;
    color:#000;
    margin:0;
    padding:.3em;
    }

#fullNews table.news span.date
    {
    padding:.3em;
    margin: 0;
    color:#132D66;
    font-size:.7em;
    float:right;
    width: 6em;
    }

#fullNews table.news tr.body td
    {
    padding: .3em 0px;
    }
/*}}}*/

/*hotAdv {{{*/

#hotAdv
    {
    margin:0;
    padding:0;
    width:100%;
    }

#hotAdv h2
    {
    display:none;
    }

#hotAdv table#advOuter
    {
    border:0;
    width:100%; 
    }
#hotAdv table#advOuter td
    {
    vertical-align:top;
    }
 
#hotAdv table#advOuter table.adv
    {
    border: 1px solid #f77;
    background-color:#fee;
    font-size:.8em;
    float:left;
    margin:0;
    padding:0;
    width:100%;
    }

#hotAdv tr.title
    {
    margin:0;
    padding:0;
    background-color:#fdd;
    }

#hotAdv table.adv span.date
    {
    color:#132D66;
    font-size:.8em;
    }

#hotAdv tr.title h3
    {
    margin:0;
    font-size:1em;
    padding:.3em;
    display:inline;
    }
/*}}}*/

/* fullAdv {{{*/

#fullAdv
    {
    margin:0;
    padding:0;
    width:100%;
    }

#fullAdv .part
    {
    width:100%;
    margin:.3em 0;
    padding:0;
    }

#fullAdv h2
    {
    border-bottom:2px solid #1C498C;
    text-align:right;
    font-size:1em;
    }

#fullAdv table
    {
    font-size:.8em;
    float:left;
    margin:0 0 .5em 0;
    padding:0;
    width:49%;
    }

#fullAdv table.adv
    {
    border: 1px solid #ccc;
    background-color:#f7f7f7;
    }

#fullAdv table.adv a
    {
    color:navy;
    /*font-weight:bold;*/
    padding:2px;
    }
#fullAdv table.adv a:hover
    {
    background-color:navy;
    color:white;
    }
    
#fullAdv table.alphaAdv
    {
    border: 1px solid #f77;
    background-color:#fee;
    /*margin:0 0 .3em 0;*/
    margin:0;
    }

#fullAdv tr.title
    {
    margin:0;
    padding:0;
    background-color:#e7e7e7;
    }
#fullAdv table.alphaAdv tr.title
    {
    margin:0;
    padding:0;
    background-color:#fdd;
    }

#fullAdv table.adv span.date,
#fullAdv table.alphaAdv span.date
    {
    color:#132D66;
    font-size:.8em;
    float:right;
    }

#fullAdv tr.title h3
    {
    margin:0;
    font-size:1em;
    padding:.3em;
    display:inline;
    }
/*}}}*/

tr.title
    {
    font-weight:bold;
    }

tr.body    { text-align:left; margin-top:1em; vertical-align:top;font-size:.9em;}
tr.body H1 { font-weight:bold; font-size:1em;}
tr.body H2 { display:inline; font-weight:bold; font-size:.9em; }
tr.body IMG.left { float:left; margin:0;margin-right: 1em; border:1px solid black;}
tr.body P  { margin: .3em;}
tr.body LI { margin-left: .8em; }
.no-border { border: 0px; }

div.oldNewsLinks {text-align: center; font-size: 1em; font-weight: bold; margin-top: 2em; margin-bottom: 1em;}

tr.toolCtrl
    {
    font-size:.7em;color:red;
    }

tr.toolCtrl a img
    {
    border:0;
    }

span.rightCtrl
    {
    float:right;
    padding:1px;margin:0px;
    }

form
    {
    width:100%;
    }

table.warn
    {
    border-bottom:1px solid #DDA;
    border-top:1px solid #DDA;
    background-color:#FFD;
    margin:0;
    }

table.warn td
    {
    padding:.5em;
    }

table.warn td#warnMsg
    {
    font-family:verdana, arial, sans-serif;
    font-size:.8em;
    }

table.warn td#warnMsg a
    {
    font-weight:bold;
    text-decoration:underline;
    }

#help
    {
    border:1px solid #DDA;
    background-color:#FFD;
    width:25%;
    margin:1em 0;
    padding:0px 10px;
    font-size:.7em;
    font-family:verdana, arial, sans-serif;
    float:right;
    }

#help dt
    {
    font-style:italic;
    font-weight:bold;
    color: #007;
    }
#help dd
    {
    margin-left:1em;
    margin-bottom:10px;
    }

.fieldTitle
    {
    color:#669;
    font-weight:bold;
    padding-top:.5em;
    display:block;
    }

span.label
    {
    color:#447;
    font-weight:bold;
    font-size: .9em;
    width:10em;
    display:block;
    float:left;
    }

img.preview
    {
    margin-bottom:1em;
    margin-left:1.5em;
    border:2px solid #EED;
    }

.cmdBtn
    {
    font-size:1em;
    text-align:center;
    margin-bottom:8px;
    }

.otherAdv
    {
    text-align:right;
    clear:both;
    margin:0;
    }

.otherAdv a
    {
    font-size:.8em;
    }

.alert
    {
    color:white;
    background-color:#E33;
    display:block;
    padding:.4em;
    margin: 1em;
    text-align:center;
    }

#searchNavOuter
    {
    display:block;
    margin:.4em;
    padding:.4em;
    text-align:center;
    }

#searchNav
    {
    font-size:.8em;
    padding:.2em;
    display:inline;
    border:1px solid black;
    border-left:0;
    border-right:0;
    }

#searchNav a
    {
    padding: 1px;
    }

#searchNav a.current
    {
    font-weight:bold;
    font-size:1.4em;
    padding: 4px;
    }


#fullAdv h2
    {
    margin:0;
    }

#fullAdv #searchNavOuter
    {
    margin:0 0 .3em 0;
    padding:0;
    text-align:right;
    border:0px solid red;
    }
#fullAdv #searchNav
    {
    border:0;
    padding:0;
    border:0px solid red;
    }

#fullAdv #searchNav a
    {
        font-weight:bold;
    padding: 2px;
    }

#fullAdv a.current
    {
    font-weight:bold;
    font-size:1em;
    padding:2px;
    background-color:#1C498C;
    color:white;
    }


/* price.html */

#priceList
    {
    border:0;
    padding:0;
    margin:0;
    font-size:.9em;
    width:100%;
    }

#priceList h3
    {
    border:2px solid #FFD883;
    border-left:0; border-right:0;
    background-color: #FFE893;
    font-size:1.2em;
    font-weight:bold;
    color:#000;
    margin:0;
    margin-top:2.3em;
    padding:.3em;
    }

#priceList h4
    {
    margin: 1em 1.5em;
    }

#priceList h5
    {
    text-align:center;
    margin: .7em 0;
    }
#priceList p
    {
    font-size:.8em;
    padding:0 .5em;
    }
#priceList p.warn
    {
    color:red;
    }

#priceList a
    {
    font-weight:bold;
    color:navy;
    }
#priceList a:hover
    {
    background-color:#eef;
    }

#priceList strong
    {
    font-weight:bold;
    color:#844;
    }

#priceList table#conditions
    {
    margin-left:3em;
    margin-bottom:1em;
    width:90%;

    border:1px solid #DDA;
    /*border:1px solid black;*/

    border-bottom:0;
    border-right:0;
    /*background-color:#ffe;*/
    background-color:#FFD;
    }
#priceList td
    {
    padding: .3em;
    border:1px solid #DDA;
    /*border:1px solid black;*/
    border-top:0;
    border-left:0;
    }

/* about.html */

#aboutPage
    {
    border:0;
    padding:0;
    margin:0;
    font-size:.9em;
    width:100%;
    }

#aboutPage h3
    {
    border:2px solid #FFD883;
    border-left:0; border-right:0;
    background-color: #FFE893;
    font-size:1.2em;
    font-weight:bold;
    color:#000;
    margin:0;
    margin-top:2em;
    padding:.3em;
    }

#aboutPage p
    {
    font-size:.8em;
    padding:0 .5em;
    }

#aboutPage p img
    {
    border:2px solid #FFD883;
    width:350px;
    margin:1em 0 .5em 1em;
    }

#aboutPage dl, ul
    {
    font-size:.8em;
    }
#aboutPage dl
    {
    margin:0 .5em;
    padding:1em;
    border:0px solid black;
    }

#aboutPage dt
    {
    font-weight:bold;
    margin-top:0;
    }

#aboutPage dl.contacts
    {
    /*  width:23em;*/
    border:1px solid #DDA;
    background-color:#FFD;
    }
#aboutPage dl.contacts dt
    {
    margin:0;
    padding:0;
    float:left;
    width: 7em;
    border:0;
    }

#addNewCtrl
    {
    margin:.3em 0;
    padding:0;
    }

#addNewCtrl table
    {
    font-size:.8em;
    }
#addNewCtrl table input
    {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:.8em;
    }
.bold {font-weight:bold;}