html { margin: 0; padding: 0; }
body { background-color: #2b3536; margin: 0; padding: 2em 0 0; }
body { font-size: 63.13%; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; text-align: left; }
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: red; }
h1 { color: #2e4560; margin: 0 0 0.5em; padding: 0; font-size: 1.8em; font-weight: bold; font-style: normal; text-shadow: #ccc 2px 2px 2px; }
h2 { color: #2e4560; font-size: 1.6em; margin: 0 0 0.5em; padding: 0; font-style: italic; font-weight: bold; text-shadow: #ccc 2px 2px 2px; }
h3 { color: black; font-size: 1.4em; font-weight: normal; font-style: normal; line-height: normal; text-align: center; padding: 20px 0; }
p, td, ol, ul { font-size: 1.2em; font-weight: normal; font-style: normal; line-height: normal; margin: 0; }
ol, ul { margin: 1em 0 1em 2em; }
li { padding-bottom: 5px; }
pre { font-family: Monaco, "Courier New", Courier, monospace; color: #4169e1; font-size: 10px; background-color: #f5f5f5; text-align: left; padding: 4px; border: solid 1px; }
.image-right { float: right; padding-bottom: 1em; padding-left: 1em; }
img.thumbnail { max-width: 100px; }
img.bigger { max-width: 600px; }
#container { background-color: #faf9f5; text-align: left; width: 894px; height: auto; margin: 0 auto; padding: 0; border: solid 1px white; }
#header { background-color: #c5de86; text-align: left; width: 894px; height: auto; margin: 0; padding: 0; }
#navigation { font: 11px "Lucida Grande", Lucida, Verdana, sans-serif; background: #c5de86; text-align: left; position: relative; top: 0; left: 0; padding:0 15px; width: auto; height: auto; margin: 0; }
#mainbody { background-color: white; text-align: left; width: auto; height: auto; min-height: 250px; padding-top: 1em; }
#bodycontent { position: relative; top: 2em; left: 2em; width: 854px; height: auto; }
#bodycontent p { padding-bottom: 10px; }
.extra { clear: both; width: 894px; height: 10px; }
#endcap { text-align: left; width: 894px; height: 5px; padding: 0 }
ul#simple-menu { list-style-type:none; width:100%; position:relative; height:27px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:13px; font-weight:bold; margin:0; padding:11px 0 0; }
ul#simple-menu li { display:block; float:left; margin:0 0 0 4px; height:27px; }
ul#simple-menu li.left { margin:0; }
ul#simple-menu li.menu-spacer { width: 300px; }
ul#simple-menu li.menu-spacer { float: right; }
ul#simple-menu li.login { float: right; margin-right: 10px; }
ul#simple-menu li a { display:block; float:left; color:#fff; background:#4a6867; line-height:27px; text-decoration:none; padding:0 17px 0 18px; height:27px; -moz-border-radius-topleft: 0.75em; -moz-border-radius-topright: 0.75em; }
ul#simple-menu li a.right { padding-right:19px; }
ul#simple-menu li a:hover { background:#2e4560; }
ul#simple-menu li a.current { color:#2e4560; background:#fff; }
ul#simple-menu li a.current:hover { color:#2e4560; background:#fff; }
#footer { background-color: #4a6867; text-align: left; width: 894px; height: auto; padding: 1em 0 0 }
#footer a:link { color: #c5de86; font-weight: normal; text-decoration: underline; }
#footer a:visited { color: #c5de86; font-weight: normal; text-decoration: underline; }
#footer a:hover { color: #c5de86; font-weight: normal; text-decoration: none; }
#footer p { font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; color: white; font-size: 1em; text-align: center; clear: both; }
#footer p.credit { font: 10px "Lucida Grande", Lucida, Verdana, sans-serif; padding-top: 15px; padding-bottom: 15px; }
table.sql { margin-top: 1em; margin-bottom: 3em; border-collapse: collapse; }
tr.sql { border-color: #c5de86; border-style: solid; border-width: 1px 0; }
tr.sql-over { background-color: #fafad2; border-color: #c5de86; border-style: solid; border-width: 1px 0; cursor: pointer; }
th.sql { color: white; font-size: 10px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; background-color: #2e4560; text-align: left; padding: 0.5em; border-color: #c5de86; border-style: solid; border-width: 1px 0; }
td.sql { font-size: 10px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; vertical-align: top; padding: 0.75em 1.5em 0.75em 0.5em; border-color: #c5de86; border-style: solid; border-width: 1px 0; }
td.sql a:link { color: #8b0000; text-decoration: underline; border-style: none; border-width: 0; }
td.sql a:visited { color: #8b0000; text-decoration: underline; border-style: none; border-width: 0; }
td.sql a:hover { color: #2e4560; text-decoration: underline; border-style: none; border-width: 0; }
table.chart { margin-top: 1em; margin-bottom: 3em; border-collapse: collapse; }
tr.chart { vertical-align: top; border-color: #c5de86; border-style: solid; border-width: 1px 0; }
tr.chart-over { background-color: #fafad2; border-color: #c5de86; border-style: solid; border-width: 1px 0; cursor: pointer; }
th.chart { color: #2e4560; font-size: 12px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; background-color: #ebf4e7; text-align: left; width: auto; min-width: 160px; padding: 0.5em; border-color: #c5de86; border-style: solid; border-width: 1px 0; }
td.chart { font-size: 12px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; vertical-align: top; width: auto; min-width: 200px; padding: 0.75em 1.5em 0.75em 0.5em; border-color: #c5de86; border-style: solid; border-width: 1px 0; }
td.header { font-size: 14px; font-weight: bold; }
td.chart a:link { color: #8b0000; text-decoration: underline; border-style: none; border-width: 0; }
td.chart a:visited { color: #8b0000; text-decoration: underline; border-style: none; border-width: 0; }
td.chart a:hover { color: #2e4560; text-decoration: underline; border-style: none; border-width: 0; }
table.chart2 { width: 100%; margin-top: 1em; margin-bottom: 3em; border-collapse: collapse; }
tr.chart2 { vertical-align: top; border-color: #c5de86; border-style: solid; border-width: 1px 0; }
tr.chart-over2 { background-color: #fafad2; border-color: #c5de86; border-style: solid; border-width: 1px 0; cursor: pointer; }
th.chart2 { color: #2e4560; font-size: 12px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; background-color: #ebf4e7; text-align: center; padding: 0.5em; border-color: #c5de86; border-style: solid dotted solid solid; border-width: 1px 1px 1px 0; }
th.chart2-simple { color: #2e4560; font-size: 12px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-color: #fafad2; text-align: left; padding: 0.5em; border-color: #c5de86; border-style: solid dotted solid solid; border-width: 1px 1px 1px 0; }
td.chart2 { font-size: 12px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; text-align: center; vertical-align: top; width: 16.6%; padding: 0.75em 1.5em 0.75em 0.5em; border-color: #c5de86; border-style: solid dotted solid solid; border-width: 1px 1px 1px 0; }
td.chart2 a:link { color: #8b0000; text-decoration: underline; border-style: none; border-width: 0; }
td.chart2 a:visited { color: #8b0000; text-decoration: underline; border-style: none; border-width: 0; }
td.chart2 a:hover { color: #2e4560; text-decoration: underline; border-style: none; border-width: 0; }
table.chart3 { width: 500px; margin-top: 1em; margin-bottom: 3em; border-collapse: collapse; }
tr.chart3 { vertical-align: top; border-color: #c5de86; border-style: solid; border-width: 1px 0; }
tr.chart3-over { background-color: #fafad2; border-color: #c5de86; border-style: solid; border-width: 1px 0; cursor: pointer; }
th.chart3 { color: #2e4560; font-size: 12px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; background-color: #ebf4e7; text-align: left; width: 150px; padding: 0.5em; border-color: #c5de86; border-style: solid; border-width: 1px 0; }
td.chart3 { font-size: 12px; font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; vertical-align: top; padding: 0.75em 1.5em 0.75em 0.5em; border-color: #c5de86; border-style: solid; border-width: 1px 0; }
td.chart3 a:link { color: #8b0000; text-decoration: underline; border-style: none; border-width: 0; }
td.chart3 a:visited { color: #8b0000; text-decoration: underline; border-style: none; border-width: 0; }
td.chart3 a:hover { color: #2e4560; text-decoration: underline; border-style: none; border-width: 0; }
#filter_form { font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; background-color: #ebf4e7; padding: 1em; border: solid 1px #c5de86; }
#filter_form table { }
#filter_form tr { }
#filter_form td { }
#filter_form .left { padding-right: 10px; padding-bottom: 5px; }
#filter_form .right { padding-bottom: 5px; padding-left: 20px; }
#filter_form input.search_box { font-size: 10px; }
table.photo-grid {
border: solid 1px #80b0da;
border-collapse: collapse;
margin-bottom: 30px;
width: 100%;
}
tr.photo-grid {
text-align: center;
vertical-align: middle;
border: solid 1px #80b0da;
border-collapse: collapse;
}
th.photo-grid {
color: #2e4560;
font-size: 12px;
font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
width: 25%;
border: solid 1px #80b0da;
border-collapse: collapse;
}
td.photo-grid {
font-size: 12px;
font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;
text-align: center;
letter-spacing: normal;
vertical-align: middle;
width: 25%;
padding: 10px;
border: solid 1px #80b0da;
border-collapse: collapse;
}
img.photo-grid {
max-width: 160px;
}