html{margin-bottom: 0.1em;}
* {margin: 0;padding: 0;}
ol {margin: 0 0 1em 2em; line-height: 1.5em;}
img {border: 0;}
p {line-height: 1.6em; margin: 0.7em 0;}
img.right {float: right; margin: 10px 0 0 10px;}
img.left {float: left; margin: 0 10px 0 0;}
body {background: #FFFDF6; color: #000; font: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; margin: 0; padding: 0; text-align: center;}
h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Times New Roman", Times, serif;}

br.clear {clear: both;}

#top {margin: 0 auto; width: 950px; position: relative; height: 150px;}
#page {text-align: left; width: 950px; background: #FFFDF6; margin: 20px auto 10px; position: relative;}

a {text-decoration: none;}
a:link, a:visited {color: #21611A;}
a:hover, a:active {color: #F90;}

#form {width: 650px; height: 500px; margin-top: 1em;}
.form {width: 645px; height: 495px; overflow: hidden; text-align: left;}
.form table {margin: 0.5em 0.5em 0 0;}
.form td {text-align: left; border-bottom: solid 1px #ccc; padding: 0.2em;}
.form .r {text-align: right; border: none;}
.form ul {list-style: none; margin: 1em;}
.form ol {margin: 1em 2em; font-size: 1em;}
.form li {line-height: 1.8em;}
#payby {position: absolute; top: 3px; right: 3px; width: 300px; height: 350px; background: #FFFDF6; text-align: left; border-left: solid 3px #FFD600;}
#payby div {line-height: 3.2em; background: url(i/cream-fade-x.gif) top left repeat-y; padding: 0 0 0 1em;}
.form p {margin: 1em; font-size: 1.1em;}
#payby p {font-size: 1em;}
.form input {border: none; background: transparent; font-size: 1em;}
#payby input {cursor: pointer; width: 250px;}
#goback {position: absolute; right: 5px; bottom: 5px; font-size: 1.4em;}
.form #content {width: 350px;}

.slideShow {width : 320px; height : 120px; padding: 0; margin: 0;}
.sublink {text-align: right;}

#left-column {float: left; width: 250px; padding: 0 1em 0 0; border-right: 3px solid #21611A; text-align: center;}
#testimony {font-size: 1.2em; margin: 1em auto; height: 160px; line-height: 1.5em;}
#testimony .byline {color: #21611A; display: inline; white-space: nowrap; text-align: right;}
#left-column ul {text-align: left; list-style: none; font-size: 1.4em; line-height: 1.8em;}
#left-column ul a:link, #left-column ul a:visited {color: #000;}
#left-column ul a:active, #left-column ul a:hover {color: #21611A;}

#right-column {float: right; width: 650px;}
.head-item {position: relative; display: block; height: 120px; font-size: 1.4em; font-spacing: 1em; line-height: 1.6em; color: #21611A;}
.head-item a {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; cursor: pointer; background: url(none.gif);}
#header {position: absolute; top: 0px; left: 0px; height: 120px; width: 435px; padding: 5px 5px 0 0; background: url(i/white-fade-x.png) top right repeat-y;}
#header h1 {font-style: normal; font-weight: normal; display: inline; font-size: 1em; color: #000;}
#slideShow {position: absolute; top: 0px; right: 0px;}

.post-short {cursor: pointer; display: block; position: relative; margin-top: 1.5em; padding: 6px; background: #FFFDF6;}
.post-short:hover, .post-short:active {color: #21611A; background: #FFF7C9 url(i/ple-selection-box.jpg) top right no-repeat;}
h2 {font-weight: normal; border-bottom: solid 3px #FFD600; padding-right: 0.5em;}
.post-short h2 {width: 475px;}
.meta {float: right; width: 150px; border-left: solid 3px #FFD600;}
.post-short .meta {position: absolute; top: 6px; right: 6px;}
.meta span {display: block; padding-left: 5px;}
.meta .event-date {color: #000; margin: 5px 0 0 0;}
.meta .event-weekday {}
.meta .event-presenter-name {color: #000; background: url(i/cream-fade-x.gif) top left repeat-y; margin: 10px 0;}
.meta .event-cost {font-size: 1.4em; margin: 5px 0;}
.post-short .summary {color: #000; text-align: justify; width: 450px; line-height: 1.4em; padding-bottom: 1.5em;}

form .post-short {cursor: default;}
form .post-short input {border: solid 1px #FFD600;}
form .post-short textarea {border: solid 1px #FFD600; width: 600px; height: 300px;}
form .summary textarea {border: solid 1px #FFD600; width: 450px; height: 100px;}
.textbox label {width: 300px; text-align: right;}

#content {font-size: 1.2em;}
#content ul {margin: 0 0 0 2em;}
#content li {line-height: 1.5em; margin: 0.2em; color: #21611A;}

.squeeze {letter-spacing: 0px;}
.squeezier {letter-spacing: 0px; font-size: 0.8em; line-spacing: 0.8em;}

.no-overflow {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}