html, body { 
    margin: 0; padding: 0;
    background-color: #f5f5ff; 
    font-family: verdana; 
    font-size: 1.3em; 
}
h1 { 
    font-size: 2em; 
    font-style: italic; 
    margin: 0; 
}
h5 h2,
h2 { 
    font-family: serif, arial, sans-serif; 
    font-size: 1.3em; 
    margin: 0; 
    margin-top: 25px; 
    margin-bottom: 5px; 
    font-style: italic; 
    color: #999; 
}
h3 { 
    font-size: 1.5em; 
    margin: 0; 
    margin-top: 5px; 
}
h4 { 
    margin: 0; 
    font-style: italic; 
    font-weight: normal; 
    font-family: arial; 
    font-size: 1em; 
}
h5 { 
    font-family: arial;
    font-weight:normal; 
    margin:5px; 
    margin-bottom:10px; 
    font-size: 1em;
}
h6 { font-family:verdana, sans-serif; font-size:.8em; font-weight:normal; letter-spacing:1px; margin:0; }
h6 img { margin-left:7px; margin-right:7px; }
h6 a { text-decoration:none; border-bottom:1px #ddd dotted; color:#000; }
h6 a:hover { color:#33f; }
ul { margin-top:0; list-style-type:square; }
ul li { list-style-type:none; margin-top:5px; }
ul.sp li { list-style-type:square; }
.palette { 
    padding: 30px; 
    padding-top: 15px; 
    font-family: serif, arial, sans-serif; 
    font-size: .55em;
    color: #000; 
    background-color: #fcfcfc; 
    width: 8.5in; 
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    height: 100%;
}

h1 a { 
    text-decoration: none; 
    color: #000; 
}


/* box style 1 */
.box1 { font-family:verdana; font-size:2.75mm; padding:5px;
  border:1px #e3e3e3 solid; border-left:0; border-right:0; background:#f3f3f3;
}
.box1 a { color:#999999; text-decoration:none; border-bottom:1px #999 dotted; }
.box1 a:hover { color:#f00; border-bottom:1px #f00 solid; }

xmp { 
    background-color: #eee; 
    overflow: scroll;
}