[%-FILTER collapse -%]
html { 
    font-size:16px;
    background:#eee;
    color:#000;
}

body { 
    font-family:Georgia, serif;
    background:#fff;
    color:#000; 
    margin:0; 
    padding:0;
    font-size:1em; 
    line-height:1.25;
    width:100%;
    max-width:1200px;
    min-width:300px;
    margin:0 auto;
}

p {
    margin-top:0.5em;
    margin-bottom:0.5em;
}

#body { 
    overflow:hidden;
    padding:0 5%;
    clear:both;
}

h1, h2, h3, h4, h5, h6 {
    font-family:Verdana, sans-serif;
    font-weight:bold;
    background-color: white;
	color:#600;
    clear:both;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

h1 { font-size:2em; line-height:1.25 }
h2 { font-size:1.75em; line-height:1.4286 }
h3 { font-size:1.5; line-height:1.6667 }
h4, h5, h6 { font-size:1.125; line-height:1.1111 }

#banner { 
    background:#c00;
    width:100%; 
    overflow:hidden;
}

#banner h1 {
    background:#c00 url('/local-icons/trflag.png') no-repeat center left;
    color:#fff; 
    font-size:4em;
    line-height:1.25;
    margin:0 auto;
    padding:0 0 16px 100px;
    white-space:nowrap;
}

#contact img {
    border:solid #fff 0.25em;
}

#contact td {
    border:solid #fff 0.1em;
}

td.label, td.information { 
    color:#000; 
    text-align:left;
    vertical-align:top;
    padding:4px;
}

td.label {
    background:#dadada; 
}

#toplinks { 
    background:#009; 
    clear:both 
    color:#000; 
    float:left; 
    margin:0;
    padding:0;
    overflow:hidden;
    white-space:nowrap;
    width:100%;
    height:1.5em;
}

#toplinks ul { margin:0; padding:0; white-space:nowrap;width:100% }

#toplinks li { 
    margin:0; padding:0; display:inline; list-style-type:none;
    white-space:nowrap
}

#toplinks a {
    border-right:1px solid #009;
    float:left;
    font-size:0.8em;
    font-weight:bold;
    font-family:Verdana, sans-serif;
    line-height:1.5625;
    padding:2px 4px;
    width:auto;
}

#toplinks a:link,
#toplinks a:visited,
#toplinks a:hover,
#toplinks a:active { 
    color:#000; 
    background:#9cc;
}
#toplinks li:first-child a { margin-left:2px }

a         { text-decoration: none; }
a:link, 
a:hover   { color:#009 }
a:visited { color:#603 }
a:active  { color:#c00 }

img.blurb { float: left; border: 0; margin: 0 0 2px 2px; }
img.blurb_left  { float: left; border: 2px groove #dadada; margin: 8px; }
img.blurb_right { float: right; border: 2px groove #dadada; margin: 8px; }
img.blurb_right_no_border { float: right; border: none ; margin: 8px; }

#address { 
    clear:both; background:#d0d0ff; 
    font-size:0.8em;
    line-height:1.5625;
}

address { text-align:center; }

.display { text-align:center; }

.motto {
    font-weight:bold;
    font-style:italic;
    font-size:1.25em;
    line-height:2;
}

blockquote.ref { font-style:normal; margin-bottom:0.5em; }

span.ref, p.ref { 
    font-family:Verdana, sans-serif;
    font-weight:bold;
}

#photo_page { 
    text-align:center;
    font-weight:bold; 
    font-family:Verdana, sans-serif
}

#slides td { 
    vertical-align:top; 
    text-align:center; 
    line-height:1.3889;
    font-size:0.9em;
    font-weight:normal; 
    font-family: Georgia, serif; 
    color:#111; 
    background:#d0d0ff;
    padding:0.126em;
    border:solid 0.25em #fff;
}

#slides img { border: #a0a0a0 2px groove }

div.credit {
    text-align:center;
    font-size:1.1em;
    line-height:1.1364;
    clear:both;
    font-weight:bold;
    font-style:italic;
}

#googlesearch { text-align: center; padding:0; margin:0 }

#googlesearch { font-family:Verdana,sans-serif }
#googlesearch 
input.text {
    border:1px solid #009;
    padding:1px 2px;
    background:#eef;
    color:black;
}

#googlesearch input.submit {
    border:1px outset #009;
    background:#ddf;
    color:black;
}

#googlesearch address, form {padding:0; margin:0}

div.standout { clear:both; width:90%; margin:0 auto; }
div.standout div { float:left }
div.standout div.text { width:40% }
div.standout div.img  { width:60%; overflow:hidden; max-width:420px; }
div.standout div p { padding-top:25% }
div.standout div img {  border: 2px groove #dadada; margin:1em 0; }
[%- END -%]
