html { margin: 8px; padding: 8px; }
 
body { margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 12px; text-align: center; min-width: 768px; } 
body { background-image: url(http://www.wetpantssailing.org/images/blue-bg.jpg); color:#000000; }

form, input, label { margin: 0; padding: 0; font-size: 10px; }
#search { width: 145px; }
script { margin: 0; padding: 0; }

a { text-decoration: underline; }
a img { border: 0; }
a:link, a:visited, a:active { color: #0F314E; }
a:hover { color: #B22222; }
img { border: 0; }

div.hr {display: none}
/*/*/a{}
div.hr { display: block; height: 80px; background-image: url(http://www.wetpantssailing.org/images/wpsa.gif); background-repeat: no-repeat; background-position: center center;  margin: 0px; }
hr {display:none}
/* */

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote { margin-top: 10px; margin-bottom: 10px; }
h3 { color: #000066; text-decoration:underline; }

li { list-style-image: url(http://www.wetpantssailing.org/images/list-bullet.gif); }

/* standard helper classes */
.clr { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; }

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

#container { position: relative; margin: 0 auto; width: 768px; text-align: left; }
#container { margin-bottom: 20px; background: #FFFFFF; border: 2px solid #000000; }
#container-inner { position: static; width: auto; }

#banner { position: relative; width: 768px; height: 140px; border-bottom: 1px solid #000000; text-align: left;  }
#banner { background-image: url(http://www.wetpantssailing.org/images/wpsa-banner.jpg); } 
#banner-inner { position: static; }
#banner-inner { padding: 2px 4px; }
#banner-header { margin: 0; color: #B22222; font-size: 14px; font-weight: bold; line-height: 1.125; text-shadow: #009900 0 2px 3px;}
#banner-description { margin-top: 4px; margin-bottom: 0; color: #000000; background: none; font-size: 10px; font-weight: bold; line-height: 1; text-shadow: #999999 0 1px 2px; }
#banner-description2 { margin-top: 4px; margin-bottom: 0; color: #000000; background: none; font-size: 10px; font-weight: bold; line-height: 1; text-shadow: #999999 0 1px 2px; }
#banner a { color: #B22222; text-decoration: none; }
#banner a:hover { color: #B22222; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }
#pagebody-inner table { margin: 0px; padding: 0px; text-align: center; border-collapse: collapse; border: 1px solid #000000; width: 100%; font-size: 9px;}
#pagebody-inner th { margin: 0px; padding: 0px; background-color: #999999; color: #000000; border: 1px solid #000000; font-weight: bold; text-align: center; font-size: 9px; letter-spacing: .1em; }
#pagebody-inner td { margin: 0px; padding: 0px; background-color: #FFFFFF; color: #000000; border: 1px solid #000000; text-align: center; font-size: 9px; }

#alpha { display: inline; position: relative; float: left; min-height: 1px; }
#alpha { margin: 15px 15px 0 15px; width: 490px; }
#alpha-inner { position: static; }

#beta { display: inline; position: relative; float: left; min-height: 1px; font-size: 10px; line-height: 1.2; }
#beta { margin: 0 0 15px 0; width: 248px; background: #999999; }
#beta-inner { position: static; }
#beta-inner { padding: 10px 10px 0 10px; border-width: 2px 2px 2px 0; border-style: solid; border-color: #FFFFFF; }

#gamma { display: inline; position: relative; float: left; min-height: 1px; }
#gamma { width: 200px; background: 999999; }
#gamma-inner { position: static; }
#gamma-inner { padding: 10px 10px 0 10px; border-width: 2px 2px 2px 0; border-style: solid; border-color: #fff; }

#delta { display: inline; position: relative; float: left; min-height: 1px; }
#delta { float: right; }
#delta { width: 200px; background: 999999; }
#delta-inner { position: static; }
#delta-inner { padding: 10px 10px 0 10px; border-width: 2px 2px 2px 0; border-style: solid; border-color: #fff; }

.module-header { p\osition: relative; width: 100%; w\idth: auto; margin: 0; }
.module-header { border-left: 5px solid #000066; padding: 5px; color: #FFFFFF; background: #B22222; font-size: 11px; font-weight: bold; }
.module-header { line-height: 1; text-transform: uppercase; }

#categories { }

#archives { }

#entries{ }

#syndication { }

#calendar { line-height: 140%; margin: 1px; padding: 0px; background-color: #FFFFFF; color: #000000; font-size: 10px; border: 1px solid #000000; text-align: center; text-transform: uppercase; letter-spacing: .1em; }
#calendar table { margin: 1px; padding: 0px; border-collapse: collapse; border: 0px; width: 100%; }
#calendar caption { line-height: 140%; margin: 1px; padding: 0px; background-color: #B22222; color: #FFFFFF; font-size: 10px; border: 1px solid #000000; text-align: center; font-weight: normal; text-transform: uppercase; letter-spacing: .1em; }
#calendar th { background-color: #FFFFFF; color: #000066; text-align: center; font-weight: normal; }
#calendar td { text-align: center; }

#footer { clear: both; margin: 0; padding: 0; color: #FFFFFF; background-color: #000066; text-align: center; height: 50px; font-size: 9px; line-height: 1; }
#footer ul { margin: 5px 0 5px 0; padding: 0; }
#footer li { list-style-type: none; display: inline;  }
#footer a { color: #FFFFFF; }
#footer a:hover { color: #B22222; }

.photo { text-align: left; }

.link-note { font-size: x-small; text-align: center; line-height: 110%; }

#powered { font-size: x-small; line-height: 140%; text-align: center; color: #000000; }

#comment-data { float: left; width: 180px; padding-right: 15px; margin-right: 15px; text-align: left; border-right: 1px dotted #BBB; }

textarea[id="comment-text"] { width: 80%; }

.commenter-profile img { vertical-align: middle; border-width: 0; }