body { margin: 15px; font-family: sans-serif; width: 75% }

a, a.hover { color: #0300ea; text-decoration: underline; }

h1, h2, h3, h2 a.hover, h2 a{ color: #089cc9; font-family: sans-serif; font-weight: 200 }



h1 { font-size: 170%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }

p, pre, div.note, h3, table, ol { margin-left: 25px; }
img { margin-left: 45px; }
applet { margin-left: 20px; }

p { text-align: justify }

pre { border-left: 5px solid #c7e2ea; padding: 8px; }


div.note, p.note { border-top: 1px solid #089cc9; border-bottom: 1px solid #089cc9; padding-top:3px; padding-bottom:3px; margin-top:3px; margin-bottom:3px }

/* head */
div.head { border-bottom: 1px solid #f93131; ; vertical-align:top; text-transform: uppercase; color: #f93131; font-size: 150%; letter-spacing: .3em; }

.menu {margin-bottom:0px; padding-bottom:0px; vertical-align:bottom; border: 0;}
.menu a { background-color: #f95c5c; color: #ffffff; font-size: 70%; font-weight: bold; letter-spacing: .1em; margin-right:7px; padding:5px; padding-bottom:2px; padding-top:0px; text-decoration: none; vertical-align: top; }

/* tail */
div.tail { border-bottom: 2px solid #f93131; ; vertical-align:top; text-align:right; }
.tail a { background-color: #f95c5c; color: #ffffff; font-size: 70%; font-weight: bold; letter-spacing: .1em; margin-left:7px; padding:5px; padding-bottom:0px; padding-top:2px; text-decoration: none; vertical-align: bottom; }