body { background-color: #FEFFFF; 
       background-repeat: no-repeat;
       color: #000000; 
       font-family: Trebuchet, Verdana, Arial, sans-serif;
       margin: 0; 
       padding: 0; }

a         { color: #33A }
a:visited { color: #838 }
a:hover   { text-decoration: none }

h1, h2, h3 { font-weight: bold;
             font-family: Georgia, serif }

h1   { font-size: 150%;
       text-align: center;
       padding: 0 0 0.5em }
h2   { font-size: 130% }
h3   { font-size: 100% }

dt { font-weight: bold;
     padding: 10pt 5pt 5pt 0pt }

dd { padding: 5pt 5pt 10pt 0pt }

li        { padding: 2pt }

li.spread { padding: 5pt }

table#frame { table-layout: fixed }

td.gutter  { font-size: 1pt }

td.menu    { background-color: #309;
             font-family: "Trebuchet MS", Verdana, sans-serif;
             color: #fff }

td#gutter-ul    { height: 20px;
                  max-height: 20px;
                  width:  20px;
                  max-width: 20px }
td#gutter-ur    { height: 20px;
                  max-height: 20px }

td#cross-left   { height: 3em;
                  max-height: 3em }
td#cross-center { text-align: center;
                  width: 5%;
                  max-width: 5%;
                  vertical-align: top;
                  padding: 0em; }
td#cross-right  { height: 3em;
                  max-height: 3em;
                  text-align: center;
                  vertical-align: middle;
                  padding: 0.7em 1em; }

td#main         { vertical-align: top;
                  padding: 3em 4em 2em;
                  min-height: 500px;
                  font-family: Trebuchet, Arial, sans-serif;
                  font-size: 100% }

div#lamen         { padding: 0.5em 0.5em 2em 0.5em;
                    text-align: center }

div.search_box {
    margin-bottom: 10px;
}

div.search_box a { 
                   text-align: right;
                   margin: 0;
                   padding: 0;
                   font-size: 60%; }

div.category_title { text-align: left;
                     white-space: nowrap;
                     font-weight: bold;
                     font-size: 80%;
                     padding: 2px 4px;
                     margin: 0 0;
                     border-top: 1px solid black }
                     
div.menu_box a    { display: block;
                    text-decoration: none;
                    text-align: left; 
                    white-space: nowrap;
                    padding: 2px 4px; 
                    margin: 0 0;
                    border-top: 1px solid black;
                    color: #fff }

div#sidenav A:hover   { background-color: #999;
                        color: #fff }
div#sidenav A:visited { color: #fff }

div.menu_box a#menufileselected   { background-color: #99F }
div.menu_box a#menuparentselected { background-color: #66C }

div.menu_box a.menulevel1         { font-size: 80%;
                                       font-weight: normal }
div.menu_box a.menulevel2         { font-size: 80%; 
                                       text-indent: 1em }

p.boilerplate { font-size: 60%;
                padding: 0px 10px 5px 10px }
p.masthead    { font: bold 140% Georgia, serif;
                color: #fff }
p.preamble    { font: small-caps bold 120% Georgia, serif;
                color: #009;
                text-align: center }
p.holyquote   { font: bolder 120% Georgia, serif; 
                color: #009;
                text-align: center;
                text-indent: 0px;
                margin: 1em 2em}
p.bodytext    { text-indent: 1em }

table.callout      { text-align: left;
                     width: 90%;
                     border: 0; }
table.callout tr   { vertical-align: top }
table.callout th   { background-color: #3AC;
                     padding: 5px }
table.callout td   { background-color: #0AD;
                     padding: 5px }
td.callout-left    { width: 30% }

p.callout-label    { font-weight: bold;
                     white-space: nowrap; }
p.callout-title    { font-weight: bold }

table.tabular { 
    width: 95%;
}

table.tabular tr {
    vertical-align: top;
}

table.tabular td   { padding: 2px 2px }
table.tabular td a { text-decoration: none }
table.tabular td a.sortlink { text-decoration: underline }

tr.table-head td { background-color: #BBC; font-weight: bold }
tr.table-odd  td { background-color: #EEF }
tr.table-even td { background-color: #DDF }

tr.moe-triad    td { background-color: #AAD }
tr.no-triad     td { background-color: #BBB }
tr.lovers-triad td { background-color: #EE8 }
tr.hermit-triad td { background-color: #DAA }

div.marginnote   { float: right;
                   padding: 0.3em;
                   margin: 0.2em;
                   border: thin inset #888 }
div.marginnote a { text-decoration: none }

img.portrait-right { float: right;
                     border: thick ridge #888;
                     margin: 1em }

img.art-right { float: right;
                margin: 1em }

img.art-left  { float: left;
                margin: 1em }

img.art-middle { display: block;
                 margin-left: auto;
                 margin-right: auto;
                 text-align: center }

div.sidebar-right { width: 15em;
                    float: right;
                    margin: 0.5em 0 0.5em 0.5em;
                    padding: 0.5em;
                    border: solid 2px;
                    font-size: x-small;
                    background-color: #99E }

div.sidefloat-right { float: right;
                      margin: 0.5em 0 0.5em 0.5em;
                      padding-right: 0.2em }

div.form-area { background-color: #AAA;
                padding: 0.5em }

table.booklist { width: 95%;
                 border: 0; }

table.booklist tr { vertical-align: top }

table.booklist td { padding-right: 20px }

a.booklink { text-decoration: none;
             font-size: 120%;
             font-weight: bold }

a.booklink img { border: 0;
                 padding: 0;
                 margin: 0 }

img.rightlink { border: 0;
                padding-left: 1em;
                float: right }

div.directory { font-size: smaller }

div.directory p { page-break-inside: avoid }

div.album-head { font-size: larger;
                 font-weight: bold }
div.album-head a { text-decoration: none }
div.album-subhead { font-style: normal }

a.mail-icon {
    background: url("/img/mail_icon.gif") center right no-repeat;
    padding-right: 18px;
}


div.event-list p.title {
    margin: 1em 0 0 0;
    font-weight: bold;
    font-size: 120%;
}

div.event-list p.info {
    margin: 0;
    font-style: italic;
}

div.event-list p.details {
    margin: 0.5em 0;
}

div.photos {
    background-color: black;
    color: #f88;
    text-align: justify;
    padding: 25px;
    border-width: 15px;
    border-style: inset;
}

.small-print {
    font-size: x-small;
}

table.podcasts {
  width: 80%;
  border: 2px;
}

table.podcasts td {
  vertical-align: top;
}

table.podcasts td.date {
  width: 15em;
  font-weight: bold;
}