p { text-align: justify; text-indent: 30px; margin: 10px 0px; }
p.separator { text-align: center; text-indent: 0px; }

.center { text-align: center; text-indent: 0px; }
.right { text-align: right; text-indent: 0px; }
.left { text-align: left; text-indent: 0px; }

a { text-decoration: none; color: maroon; }
a:hover { text-decoration: underline; }
label { white-space: nowrap; }

.errors { color: red; }
.buttons { text-align: right; }

input.input { background: #EDEDED; width: 100%; }
textarea.input { background: #EDEDED; width: 100%; height: 100px; }

td.input { width: 100%; }
ul { margin: 0px 50px; }

body,div { display: block; }
table { border: none; }
img { border: none; margin: 0px; padding: 0px; }
th { text-align: left; }
td { vertical-align: top; }

td.l { width: 45%; padding-right: 10px; }
td.r { width: 45%; padding-left: 10px; }

div.float { float: right; margin: 0px; padding: 0px; }
div.antifloat { clear: none; }

/* fonts, headings */
body,div.menu,td,input.button,input.input,textarea.input { font-family: 'Verdana', sans-serif; font-size: 0.85em; }
h1,h2,h3,div.writing,td.l,td.r { font-family: 'Georgia', serif; font-size: 1em; }
h1 { font-size: 2.0em; font-weight: bold; margin: 40px 0px; }
h2 { font-size: 1.6em; font-weight: bold; margin: 30px 0px; }
h3 { font-size: 1.2em; font-weight: bold; margin: 20px 0px; }

/* boxes */
body { background: #EDEDED; text-align: center; padding: 10px; margin: 0px; }
div.content { width: 700px; text-align: left; margin-left: auto; margin-right: auto; }
div.margin10px { margin: 10px; }
div.margin30px { margin: 30px; }
div.menu { width: 100%; border: 3px solid silver; }
div.comment { width: 100%; border: 3px solid silver; margin: 10px 0px; background: #FFFFCC; color: navy; }
div.writing { width: 100%; border: 3px solid silver; margin: 10px 0px; background: white; line-height: 1.5em; }
form.comment { width: 100%; border: 3px solid silver; margin: 10px 0px; }