﻿body { font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Sans-Serif; font-size: 10pt; background-image: url(/images/brown-bg.jpg); background-repeat: repeat; /*background-color: #5f281d /* Dark Brown */; }
div#container { margin: auto; width: 1000px; padding: 0px 5px 5px 5px; background-image: url(/images/yellow-bg-1000.jpg); background-repeat: repeat-y; background-color: #fef5d5 /* Beige */; border: 1px solid gray; }
div#header { margin: 0px 10px; text-align: left; min-height: 136px; border-bottom: 1px solid gray; }
div#header img { display: block; padding: 5px 0px; }
div#header p { float: right; color: #5f281d /* Dark Brown */; font-size: 10pt; margin-top: 20px; margin-right: 0px; margin-left: 0px; width: 205px; }
div#header .email { text-decoration: underline; color: #5f281d /* Dark Brown */; font-size: 14pt; }
div#content { padding: 10px; } /* Needed to fix inconsistency between FF and IE */
div#column_left { margin: 0px 220px 0px 0px; }
div#column_right { float: right; width: 205px; color: white; }
div#column_right img { border: 1px solid gray; }
div#column_right .title { color: white; }
div#column_right .panel { margin: 0px 0px 0px 10px; background-color: #d67932 /* Light Brown */; padding: 10px; }
div#column_right .alternating_panel { margin: 0px 0px 0px 10px; background-color: #5f281d /* Dark Brown */; padding: 10px; }
div#partition_left { float: left; width: 210px; }
div#partition_left .panel { border: 3px double white; margin: 0px 10px 10px 0px; background-color: #d67932 /* Light Brown */; color: white; }
div#partition_left .panel a { color: white; }
div#partition_left .panel hr { margin: 0px 10px 0px 10px; color: white; }
div#partition_right { margin-left: 210px; width: 570px; }
div#transparency { background-color: #5f281d /* Dark Brown */; margin-bottom: 10px; margin-top: -10px; padding-top: 4px; padding-bottom: 4px; width: 770px; border-left: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; }
div#footer { margin: 0px 10px 10px 10px; clear: both; color: gray; font-size: 8pt; text-align: center; }
div .panel { background-color: white; }
div .panel .dropdown { margin: 0px 0px 10px 10px; width: 120px; }
div .panel .button { margin: 0px 0px 10px 5px; width: 40px; }
div .panel a { color: #606060 /* Dark Gray */; font-size: 8pt; font-weight: bold; text-decoration: none; /*position: relative;*/ }
div .panel a:hover { text-decoration: underline; }
p { margin: 10px; /* color: gray; */ }
.title { color: #1d3467 /* Dark Blue */; text-transform: uppercase; /*text-decoration: underline; font-variant: small-caps;*/ text-align: center; font-family: Georgia, "Times New Roman", Times, Serif; font-size: 9pt; }
.heading { font-size: 20pt; }
.caption { color: white; font-size: 14pt; }
/*.tree table tr td div { height: 20px !important; }*/

/* Navigation */
#navigation { margin: 0px; padding: 0px; }
#navigation li { float: left; list-style: none; font: 12px Tahoma, Arial; text-align: center; }
#navigation li a { display: block; padding: 5px; text-decoration: none; text-transform: uppercase; width: 142px; color: #333; white-space: nowrap; color: white; background-color: #5f281d /* Dark Brown */; border: 1px outset gray; }
#navigation li a:hover { background-color: #d67932 /* Light Brown */; color: white; border: 1px inset gray; }
#navigation li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; border: 1px solid white; z-index: 30; }
#navigation li ul li { float: none; display: inline; text-align: left; }
#navigation li ul li a { width: 155px; background-color: #d67932 /* Light Brown */; color: white; text-transform: none; text-align: left; border: 0; }
#navigation li ul li a:hover { background-color: #5f281d /* Dark Brown */; color: white; border: 0; }

/*.highslide-html-content { width: 900px; height: auto; }*/
.highslide-html-content { width: 400px; }
.draggable-header .highslide-controls { display: none; }

#slideshow { position: relative; height: 350px; width: 770px; margin: 0px auto; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; }
#slideshow img { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; }
#slideshow img.active { z-index: 10; opacity: 1.0; }
#slideshow img.last-active { z-index: 9; }
