body{padding: 20px; background-color: orange;
    font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
h1,h2,p{margin: 0 10px}
h1{font-size: 250%; color: black; }
h2{font-size: 200%; color: black; }
p{padding-bottom:1em}
hp2{padding-top: 0.3em}

/* begin: round corner box */
div#nifty{ margin: 0 10%; background: lightgreen; }
b.rtop, b.rbottom{display:block; background: orange}
b.rtop b, b.rbottom b{display:block; height: 1px;
    overflow: hidden;  background: lightgreen}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px}
.rbox_inside { text-align: left; padding: 10px; }
/* end: round corner box */


/* begin: tabular data */
.tabular {
        border: 1px solid green;
        border-collapse: collapse;
}

.tabular thead tr th, .tabular tbody tr td {
        background-color: #f0f0f0;
        padding: 3px 8px;
        border: 1px solid black;
        border-collapse: collapse;
}

.tabular thead tr th {
        background-color: #d0d0d0;
}
/* end: tabular data */