/* style sheets for my html */
/*
units are
%
px
cm
in (inch)
pt (72pt=1inch)
pc (12pc=1pt)
em (sie of big M)
ex (sie of small x)
*/
/*
text-indent:3em // move the 1st of each paragraph
text-decoration:none // underline,overline,line-through
font-weight: bold // normal lighter bolder
font-style: none // italic oblique
font-size:12pt // 7 very BIG , or small,...,xx-large
font-family:serif // cursive , fantasy , monospace
font-family:fantasy , arial // mean if no 1st use 2nd
text-align=right // left center justify
float: left // right // the text will wrap arround it
background-color: #FF0000 // red
color: white
margin-left: 15px
margin-right: 15px
margin-top: 15px
margin-bottom: 15px
padding-left: 15px
padding-right: 15px
padding-top: 15px
padding-bottom: 15px
border-color:
border-width:thin // thick medium
border-style:solid //none hidden dotted dashed double inset outset ridge groove

overflow: scroll
position: absolute // relative , 
top: // y1
left: // x1
bottom: // y2
right: // x2
height:
width:
backgrund: // see below
backgrund-image: url(something.gif) //
backgrund-repeat: no-repeat; // repeat repeat-x repeat-y
backgrund-position: bottom left; //
backgrund-position: 20px 30px; // x=20px y=30px
backgrund-attachment: fixed; // scroll , fix or move background when scroll
z-index: // higher get in front
 */
table {
	border-width:thin;
	border-style:solid //none hidden dotted dashed double inset outset ridge groove
}
th {color:#004080; background-color:#E0E0E0;}
th:hover {color:#0000FF; background-color:#C0C0C0;}
p { text-indent:3ex;}
a { text-decoration:none; color:#003060;}
a:hover { text-decoration:underline; color:#0080FF;}
div { background:#F0F0F0; border-style:solid; border-width:thin}
span { background:#F8F8F8; }
.txt1 { background-color:#FFE0FF; border-style:solid;}
.btn1 { background-color:#E0E0FF; border-style:solid;}
.btn1:hover { background-color:#E0FFE0; border-style:dashed;}