body {background: white; color: black; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px}

img {border: 0}
p {margin: 10px 0 15px}
h1 {font-size: 50px}
h2 {font-size: 35px}
h3 {font-size: 24px; margin: 25px 0 10px}

li {margin: 8px 0}

/* used on links page */
dt {font-size: 18px}
dd {margin: 0 0 10px}

a {color: #669933; text-decoration: underline}
a:hover {text-decoration: none}

#wrapper {width: 100%; min-width: 770px; max-width: 900px; margin: 0 auto}

#navigation {width: 260px; float: left; font-family: Book Antiqua, Century Schoolbook, Georgia, serif; font-size: 20px}

#navigation ul {margin: 6px 0 0 20px; list-style-type: none; padding: 0}
#navigation li {margin: 0; padding: 8px 0 13px 60px; background-image: url('leaf_sm.png'); background-repeat: no-repeat;}

#content {margin-left: 300px;}
#content_inner {float: right; width: 100%}
#content h1 {margin:0; padding: 20px 0 10px; font-family: Book Antiqua, Century Schoolbook, Georgia, serif; text-align: center}

.box {width: 80%; text-align: center; font-size: 18px; margin: 10px auto 15px; padding: 15px; border: 2px solid black}
.box .minor {font-size: 16px}
.box_minor {border: 1px solid black; font-size: 16px}
.box_minor h3 {font-size: 18px}
.box h3 {margin: 0 0 10px}

.quote_block {clear: both; padding: 1px 0} /* horrible hacks */
.quote_left {text-align: left; width: 80%; float: left; margin: 10px 0}
.quote_right {text-align: right; width: 80%; float: right; margin: 10px 0}
span.quoted {font-style: italic}

.footer {margin: 200px auto 0; text-align: center; font-size: 14px; bottom: 0; position: fixed}

.contacts {font-size: 14px; text-align: center}

input, label, textarea {display: block; float: left; margin: 4px}
form {padding: 10px; border: 1px solid black; width: 410px}
label {clear: left; width: 170px; text-align: right}
input.text_input, textarea {width: 220px}

.clear {clear: both}