H1 { font-family: Arial; font-size: 14pt; font-style: normal; color: black }
H2 { font-family: Arial; font-size: 12pt; font-style: normal; color: black; text-decoration: underline;}
H3 { font-family: Arial; font-size: 10pt; font-style: normal; font-weight: bold; color: black }
H4 { font-family: Arial; font-size: 8pt; font-style: normal; font-weight: normal; color: black }
H5 { font-family: Arial; font-size: 8pt; font-style: normal; font-weight: normal; color: black }

A:visited, A:hover, A:active { text-decoration: none; }

.button_color {  
font-family: monospace; 
color:#000000;
background:#ffffcc;
}

P { font-family: Arial; font-size: 8pt; font-style: normal; font-weight: normal; color: black }

.body { font-family: Arial; font-size: 8pt; font-style: normal; font-weight: normal; color: black }
<!-- example: <div class="body"> -->

.box {width: 220; height: 200; font-family: arial; background-color: #ffffcc; 
background-image: url(xxx.gif);
padding: 0.5em; margin-left: 1em; margin-right: 1em; margin-top: -1em; 
border-style: ridge; border-color: green; border-width: 0.1em; float: left;}


.box1 {width: 220; height: 200; font-family: arial; background-color: #ffffcc; 
background-image:  url(../../nzibnew/pat.gif); 
padding: 0.5em; margin-left: 1em; margin-right: 1em; margin-top: -1em; 
border-style: ridge; border-color: green; border-width: 0.1em; float: right;}

.box2 {width: 120; font-family: arial; background-color: #cococo; 
background-image:  url(../../nzibnew/pat.gif); 
padding: 0.5em; margin-left: 1em; margin-right: 1em; margin-top: -1em; 
border-style: ridge; border-color: green; border-width: 0.2em; float: center;}