body      { color: #000; font: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color: #a1adbe; background-image: url(../static/body_back.jpg); background-repeat: repeat-x; background-position: 0 0; text-align: center; margin: 0; padding: 0 }
table, td   { color: #000; font: 11px "Lucida Grande", Geneva, Verdana, Arial, sans-serif; background-color: white }

#header {width: 680px; margin: 1em auto; text-align: center;}

#content  { padding: 10px; width: 658px; border: solid 1px #ccc }

#main, #footer {width: 680px; margin: 1em auto; text-align: left;}
#main div.column {text-align: left; margin-bottom: 1em;}
#main p {margin: 0 0 1em;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main h1 {font-size: 24px; margin: 0 0 .5em 0;}
#main h2 {font-size: 16px; margin: 0;}
#main h3 {font-size: 12px; margin: 0;}
#main h4 {font-size: 10px; margin: 0;}

#sidebar {float: right; width: 200px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; margin-left: 25px; margin-bottom: 1em;}
#sidebar h2 {font-size: 12px; margin: 0;}
#sidebar h3 {font-size: 10px; margin: 0;}
#sidebar h4 {font-size: 10px; margin: 0;}
#sidebar .sidebox li {font-size: 10px; margin: 0;}

img.left {float: left; margin: 1px 10px 5px 0; border: 0;}
img.right {float: right; margin: 1px 0 5px 10px; border: 0;}
img.span {margin: 0 0 10px 0; border: 0;}

ul {list-style: none; margin: 0; padding: 0 0 1em 0;}
ul.square {list-style: square; margin: 0 0 0 15px; padding: 0 0 1em 0;}
ul.circle {list-style: circle; margin: 0 0 0 15px; padding: 0 0 1em 0;}
ul.blank {list-style-type: none; margin: 0 0 0 15px; padding: 0 0 1em 0;}
ol {list-style: decimal; margin: 0 0 0 20px; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}
#footer  { font-size: 10px; text-align: center; padding-top: 1em }
#footer form {margin-bottom: 1em;}
#footer form input {vertical-align: bottom;}

.sosumi {font-size: 10px; color: #76797c; margin-bottom: 1em;}