html, body {margin: auto; padding: 0; height: 100%; min-height: 101%;
}


h1 {font: 150% bold; margin: 0; padding: 0;}

h2 {font: 120% bold; margin: 0; padding: 0;}

li {margin: 5px 0 0 20px; padding: 0;}

#rama {width: 700px; margin: auto; background-color: #fff; border-right: 1px solid silver;}
#footer {font-size: 12px; font-style: italic;}

/* set millions of background images */
.rbroundbox { background: url(img/nt.gif) repeat; float: right;}
.rbtop div { background: url(img/tl.gif) no-repeat top left; }
.rbtop { background: url(img/tr.gif) no-repeat top right; }
.rbbot div { background: url(img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; font-size: 13px;}
.rbroundbox { width: 50%; margin: 1em auto; }