html { background: url(/resources/images/background_gradient.png) repeat-x; }

body { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; 
       line-height: 1.2em; color: #444; }

#outer-container { background: rgba(255, 255, 255, 0.75); width: 750px; border: 1px solid #9c987e;
		   margin-top: 1em; margin-left: auto; margin-right: auto;
		   padding: 25px; }

a, a:visited { color: #786d8e; }
p { margin-bottom: 1.2em; }

#header { }
#mainmenu { border-bottom: 1px solid #9c987e; }
#mainmenu ul { }
#mainmenu ul li { display: inline; padding-left: 2em; }
#mainmenu ul li.first { padding-left: 0; }
#footer { border-top: 1px solid #9c987e; margin-top: 1em; padding-top: 0.25em; clear: both; }

#content { text-align: left; }

#header h1 { font-size: 1.5em; margin-bottom: 0.5em; }
#header h1 span {  }
#header a { color: #a00; text-decoration: none; }

#mainmenu a { color: #444; text-decoration: none; }
#mainmenu a:hover { color: #786d8e; }

table { width: 100%; }
tr { vertical-align: top; }
td.zebra-high { }
td.zebra-low { background-color: #e0dcbe; }

td.plain { background-color: white; }
td.zebra { background-color: #f00; }

#content h1 { font-size: 1.2em; margin-top: 1em; margin-bottom: 0.5em; color: #a00; }
#content h2 { font-size: 1.1em; margin-top: 1em; margin-bottom: 0.5em; color: #a00; }
#content h3 { margin-top: 1em; margin-bottom: 0.5em; color: #a00; }
#content h4 { font-weight: bold; }

.highlighted { color: #a00; }

span.article-title { font-size: 1.5em; }
span.article-author { font-size: 1.2em; }

div.centered { text-align: center; }
div.quoted { padding-left: 2em; padding-right: 2em; margin-bottom: 1em; }
span.super { font-size: xx-small; vertical-align: super; }

img.inset { margin: 1em; float: left; }

table.article-entry { margin-top: 0.25em; margin-bottom: 0.25em; }
table.article-entry td.pub-date { text-align: right; }
table.article-entry td.title { }

div.soft-separator { border-bottom: 1px dotted silver; }

div.membership-category { margin-top: 1em; margin-left: 1em; margin-right: 1em; margin-bottom: 1em; }
div.membership-category div.name { font-weight: bold; float: left; }
div.membership-category div.cost { font-weight: bold; float: right; }
div.membership-category div.description { clear: both; border-top: 1px dotted #88f; }

div#photo-banner-welcome { margin: 1em 0 1em 0; width: 100%; height: 150px; border: 1px solid silver; background: url(/resources/images/front_banner.png); display: block; }
div#photo-banner-events { margin: 1em 0 1em 0; width: 100%; height: 150px; border: 1px solid silver; background: url(/resources/images/front_banner.png); display: block; }
div#photo-banner-event-detail { margin: 1em 0 1em 0; width: 100%; height: 150px; border: 1px solid silver; background: url(/resources/images/front_banner.png); display: block; }
div#photo-banner-articles { margin: 1em 0 1em 0; width: 100%; height: 150px; border: 1px solid silver; background: url(/resources/images/front_banner.png); display: block; }
div#photo-banner-newsletters { margin: 1em 0 1em 0; width: 100%; height: 150px; border: 1px solid silver; background: url(/resources/images/front_banner.png); display: block; }
div#photo-banner-membership { margin: 1em 0 1em 0; width: 100%; height: 150px; border: 1px solid silver; background: url(/resources/images/front_banner.png); display: block; }
div#photo-banner-about { margin: 1em 0 1em 0; width: 100%; height: 150px; border: 1px solid silver; background: url(/resources/images/front_banner.png); display: block; }
div#photo-banner-board { margin: 1em 0 1em 0; width: 100%; height: 150px; border: 1px solid silver; background: url(/resources/images/front_banner.png); display: block; }

div#welcome-features { width: 65%; float: left; }
div#welcome-features div.feature { margin-bottom: 1em; }
div#welcome-events { width: 30%; float: right; }
div#welcome-events div.event { margin-bottom: 1em; }

td.officer-name { width: 33%; }
td.officer-position { width: 66%; }
td.director-name { width: 33% }
td.director-position { width: 66%; }
td.chair-name { width: 33% }
td.chair-position { width: 66%; }

.more-link { font-style: italic; }

div.event { margin-bottom: 1em; }