html {
    background-color:#dddddd;
}
body {
    background-color:#ffffff;
    width:960px;
    margin:0px auto;
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    height:850px;    
}
p {
    margin-top:20px;
    margin-bottom:20px;
    line-height:150%;
}

body>header {
    background:#666;
    padding:20px;
    height:65px;
    clear:both;
}
body>header hgroup h1 {
    font-size:2.7em;
    text-transform:uppercase;
    color:#fff;
}
body>header hgroup h2 {
    font-size:0.8em;
    color:#fff;
    font-style:italic;
}
body>footer {
    background:#000;
    padding:10px;
    height:100px;
    color:#fff;
    clear:both;
/*    font-size:0.7em;  */
}
nav {
    height:25px;
    padding:10px;
    background:#000;
    color:#fff;
    font-weight:bold;
    clear:both;
}

nav ul {
    padding:0; margin:0;
    list-style:none;
}

nav ul li {
    display:block;
    float:left;
    margin-right:20px;
}

nav ul li a {
    color:#fff;
    background:#000;
    text-decoration:none;
    padding:5px;
    display:block;
    margin:0;
}

nav ul li a:hover {
    background:#666;
}
body>article {
    width:700px;
    padding:3px;
    float:left;
}
article>header {
    border:1px #666 dashed;
    padding:10px;
}
article>header h1 {
    color:#000;
    font-size:2.0em;
}
article>header time {
    font-size:0.7em;
}
article>footer {
    position:absolute;bottom:90px;
    font-size:0.8em;
    border:1px #666 dashed;
    padding:10px;
}

section>header h1 {
    font-size:1.5em;
    color:#666;
}
section>footer {
    font-style:italic;
}

figure {
    margin:0 auto;
    padding:20px;
    width:500px;
    text-align:center;
    border:1px #ccc dashed;
    clear:both;
}
figcaption {
    display:block;
    clear:both;
    text-align:center;
    font-style:italic;
}
figure img {
    padding:10px;
    margin:0 auto;
}

body>main {
    height:550px;
}

body>aside {
    width:203px;
    height:550px;
    padding:20px;
    margin:3px;
    float:left;
    color:#000;
    font-size:0.8em;
    border:2px dotted #d0d0d0;
}

aside>header h1 {
    font-size:1.5em;
    color:#000;
}

smalltext {
    font-size:0.7em;
}

a {color:#2f4f4f;}
a#aside {padding:5px;font-size:15px;}
a#aside:hover {color:#dc143c;}
/* a#rollover {color:#9932cc;text-decoration:none;} */
a>alinks {color:#303030;}
a#alinks:hover {color:#9932cc;}

#logo {font-family:verdana;font-size:10px;color:#404040;}
#logo1 {font-size:26px;font-weight:bold;color:#303030;}
#logo2 {color:#00ffff;}
#logo3 {color:#800080;}
#logo4 {color:#ff0000;}

#displayID1 {position:absolute;top:480px;font-size:14px;}
#displayID2 {visibility:hidden;background:#add8e6;}
#rcornerID3 {visibility:hidden;position:absolute;top:500px;}
#displayID3 {visibility:hidden;font-size:13px;}
#rcornerID4 {visibility:hidden;position:absolute;top:500px;}
#displayID4 {visibility:hidden;font-size:13px;}
#displayID5 {font-family:verdana;font-size:10px;padding:7px;
             border:3px solid #a9a9a9;position:absolute;top:500px;
             color:#000000;background:#ffd700;visibility:hidden;}
#displayID6 {border:3px ridge #a52a2a; margin:3px; padding:3px;
             color:#a52a2a;background:#f4a460;position:absolute;top:500px;
             visibility:hidden;}
#displayID7 {font-family:verdana;font-size:10px;border:2px solid #c0c0c0;
             padding:2px;table-layout:fixed;margin:2px;position:absolute;top:500px;
             visibility:hidden;}
#displayID7 table {font-size:10px;width:500px;}
#displayID7 tr {font-size:12px;color:#483d8b;}
#displayID7 td {font-size:12px;}
#displayID8 {position:absolute;top:500px;font-size:15px;visibility:hidden;}

#b1,#b2,#b3,#b4 {font-size:1px;overflow:hidden;display:block;}
#b1 {height:1px;background:#87cefa;margin:0 5px;}
#b2 {height:1px;background:#87cefa;margin:0 3px;}
#b3 {height:1px;background:#87cefa;margin:0 2px;}
#b4 {height:2px;background:#87cefa;margin:0 1px;}
#bcontent {background:#87cefa;}
#bcontent div {margin-left:5px;}

#f1,#f2,#f3,#f4 {font-size:1px;overflow:hidden;display:block;}
#f1 {height:1px;background:#b0c4de;margin:0 5px;}
#f2 {height:1px;background:#b0c4de;margin:0 3px;}
#f3 {height:1px;background:#b0c4de;margin:0 2px;}
#f4 {height:2px;background:#b0c4de;margin:0 1px;}
#fcontent {background:#b0c4de;height:230px;font-size:14px;position:absolute;top:465px;} /* bottom:165px; */
#fcontent div {margin-left:5px;}

#r1,#r2,#r3,#r4 {font-size:1px;overflow:hidden;display:block;}
#r1 {height:1px;background:#778899;margin:0 5px;}
#r2 {height:1px;background:#e6e6fa;
      border-right:2px solid #778899;
      border-left:2px solid #778899;margin:0 3px;}
#r3 {height:1px;background:#e6e6fa;
      border-right:1px solid #778899;
      border-left:1px solid #778899;margin:0 2px;}
#r4 {height:2px;background:#e6e6fa;
      border-right:1px solid #778899;
      border-left:1px solid #778899;margin:0 1px;}
#rcontent {background:#e6e6fa;border-right:1px solid #778899;border-left:1px solid #778899;}
#rcontent div {margin-left:5px;}

#r1h,#r2h,#r3h,#r4h,#r2hh,#r3hh,#r4hh {font-size:1px;
              overflow:hidden;display:block;}
#r1h {height:1px;background:#b0c4de;margin:0 5px;}
#r2h,#r2hh {height:1px;background:#b0c4de;border-right:2px solid #b0c4de;
              border-left:2px solid #b0c4de;margin:0 3px;}
#r3h,#r3hh {height:1px;background:#b0c4de;border-right:1px solid #b0c4de;
              border-left:1px solid #b0c4de;margin:0 2px;}
#r4h,#r4hh {height:2px;background:#b0c4de;border-right:1px solid #b0c4de;
              border-left:1px solid #b0c4de;margin:0 1px;}
#r2hh,#r3hh,#r4hh {background:#e6e6fa;}
#rcheader {background:#b0c4de;border-right:1px solid #b0c4de;
            border-left:1px solid #b0c4de;}
#rcheader #rctitle {margin:0px 10px 0px 10px;padding-bottom:3px;}
#rctitle {font-size:12px;color:#8b0000;}
#rccontenthdr {background:#e6e6fa;
             border-right:1px solid #b0c4de;border-left:1px solid #b0c4de;}
#rccontenthdr div {margin-left:10px;margin-right:10px;padding-top:5px;}

#dcontent {background:#e6e6fa;border-right:1px solid #778899;
           border-left:1px solid #778899;padding:4px;text-align:center;}
 
#graytext {font-weight:normal;color:#808080;}
#uline {font-weight:bold;border-bottom:2px dotted #008b8b;}
#downloadtext {font-size:11px;font-weight:bold;
                    border:1px solid #e0ffff;
                    color:#000080;background:#fafad2;}
#files {border:3px dotted #add8e6;background:#e6e6fa;}
#submenuID {visibility:hidden;}
#infotextID {position:absolute;bottom:25px;font-size:11px;}
#botmsgID {position:absolute;bottom:10px;width:700px;font-size:11px;}
#footerID {font-size:9px;font-weight:normal;color:#808080;}
#adID {width:500px;visibility:hidden;}
#rolloverID {font-family:verdana,tahoma;font-size:9px;
                 border:1px solid #e0e0e0;padding:4px;margin:3px;
                 width:150px;visibility:hidden;}
#newitems {font-family:verdana,tahoma;font-size:9px;color:#2f4f4f;}
#srchID {width:500px;}
#realtimeID {color:#000000;font-family:verdana;font-size:10px;font-weight:normal;
             visibility:hidden;}
#rssfeedID {visibility:hidden;}

.rssdoctitle {font-family:verdana;font-size:13px;font-weight:bold;margin-right:5px;
              color:#ffffff;background:#cccc99;}
.rssitems {font-family:verdana;font-size:11px;font-weight:normal;margin-right:5px;
           background:#ccccff;}
.rsspubdate {font-family:verdana;font-size:9px;font-weight:normal;margin-right:5px;
             color:#7b68ee;}
.ajadoctitle {font-family:verdana;font-size:10px;font-weight:bold;margin-right:5px;
              color:#ffffff;background:#add8e6;} /* 7b68ee ccccff add8e6 */
.ajaitems {font-family:verdana;font-size:8px;font-weight:normal;margin-right:5px;
           background:#e6e6fa;}

#submenu {font-family:verdana;font-size:10px;font-weight:bold;
           padding:3px;margin-left:0;margin-bottom:0;margin-top:0;}
#submenu li {list-style:none;display:inline;margin:0;}
#submenu li a {font-size:10px;text-decoration:none;padding:1px;
                margin-right:3px;background:#ffffff;}
#submenu li a:link,#submenu li a:visited {color:#000080;}
#submenu li a:hover {color:#000080;background:#e0ffff;}

#infotextID {position:absolute;top:485px;}
#botmsgID {position:absolute;top:890px;width:960px;}

#myTableID {font-size:15px;color:#483d8b;}
#myTableID td {padding:2px;}
#myChart {padding:0px;margin:2px;}

#chart_td {background:#00ffff;}
#contactsdemo td {padding:3px;}
/*
#hybrids_id {border:2px #00ff7f solid;color:#2f4f4f;}
#hybrids_make {background:#90ee90;font-weight:bold;padding:2px;}
#hybrids_model {border:2px #00ff7f solid;background:#98fb98;padding:2px;}
*/