/* margin is outside an element, padding is bewteen the element border and content */
/* args in order of T R B L !! */

body { margin: 10px; background:#ededed; color:black; text-align: center; }
div.page { 
	background: #f8f8f0; color:black;
/*	padding:1em 0.5em; */
/*	margin: 0 auto;		one of these kills nested divs in columns
	position:relative; 
*/
	text-align:left;
	font-family:arial;
/*	width:780px;
	min-width:780px;
	max-width:800px;
*/
	border:1px solid #ddd;
}
div.paper { background:#fff; color:black; }
div.inset { background:#eee; color:black; }

div.box { border: 1px solid #ccc; margin:0; padding:0; }
div.boxm { border: 1px solid #ccc; margin:1em; padding:0; }
div.boxp { border: 1px solid #ccc; margin:0; padding:1em; }
div.boxmp { border: 1px solid #ccc; margin:1em; padding:1em; }

div.rect { border:0; margin: 1em; padding: 1em; }

div.list { margin:0.3em ; padding:0.5em; border:1px solid #ccc;background:#fff; }
div.lcol { float:left; min-width:10em; }
div.rcol { float:right; min-width:10em; }
div.lcol25 { float:left; max-width:25%;min-width:10em; }
div.rcol25 { float:right; max-width:25%; min-width:10em; }

.fxxs { font:7pt arial; }
.fxs { font:8pt arial; }
.fs { font:10pt arial; }
.fn { font:12pt arial; }
.fl { font:14pt arial; }
.fxl { font:16pt arial; }
.fxxl { font:20pt arial; }

a.hmenu { display: inline; border: 1px solid black; text-decoration:none; background:#ddd; font:20px ariel;color:yellow; padding:2px; }
a.hmenu:hover { background: #eee; }
a.hmenu:active { background: #fff; }

input.link { border:0; text-decoration:underline;background:none;color:blue; margin:0; padding:0; }
img.link { border:0;margin:0;padding-left:2; display:inline;}
img.rlink{ border:0;margin:0;padding-left:2; display:inline; float:right; }