body  { color: black; background-color: white; background-image: url("graphics/background.gif"); height: 100% }
#container       { background-image: url("graphics/background.gif"); background-position: 100% 100%; position: relative; width: 100%; height: 100%; overflow: visible }
#header   { background-color: #fff; background-image: url("graphics/header-photo.jpg"); background-repeat: no-repeat; background-position: right 0; padding-top: 12px; padding-left: 12px; height: 70px; border-bottom: 5px solid #666 }
#middlecontainer     { padding-right: 25px; padding-left: 25px; position: relative; width: 900px; height: 100%; float: left }
#rightsidebar   { color: #fff; font-size: 0.8em; font-family: Tahoma, "Trebuchet MS", Verdana, Arial; line-height: 1.2em; letter-spacing: 1px; margin: 0; padding-right: 0; padding-left: 24px; width: 178px; overflow: hidden }
td.snapshot { color: #111; font-size: smaller; line-height: 1em; background-color: #a5a58b }
td.form     { color: #111; line-height: 1.2em; background-color: #ffc; padding: 5px }
td.form2     { color: #111; line-height: 1.2em; background-color: #ffc; text-align: left; padding: 5px }
td.formdivider    { color: #111; line-height: 1px; background-color: #ffc; padding: 0; height: 1px; border-bottom: 1px solid #aaa }
td.formdivider2     { color: #111; line-height: 1px; padding: 0; height: 1px; border-bottom: 1px solid #aaa }
#tabs li a:link      { color: #000; text-decoration: none; float: left }
#tabs ul           { font-size: 10px; font-family: Tahoma, "Trebuchet MS", Verdana, Arial; font-weight: bold; line-height: 25px; background-image: url("graphics/tab_bottom_border.gif"); background-repeat: repeat-x; background-position: left bottom; text-align: center; letter-spacing: 1px; margin: 0; padding: 0 0 0 20px; width: 606px; height: 25px; float: left }
#tabs li          { background-image: url("graphics/taboff_leftcorner.gif"); background-repeat: no-repeat; background-position: left top; display: inline; padding-left: 14px; float: left }
#tabs li span         { background-image: url("graphics/taboff_rightcorner.gif"); background-repeat: no-repeat; background-position: right top; padding-right: 14px; float: left }
#tabs li a:visited     { color: #000; text-decoration: none; float: left }
#tabs li a:hover      { color: #555; text-decoration: underline; float: left }
#tabs li span a:hover       { float: left }
#tabs li a:active     { float: left }
#tabs li span a:active     { float: left }
#tabs li.tabactive       { background-image: url("graphics/tabactive_leftcorner.gif"); background-repeat: no-repeat; background-position: left top; text-transform: uppercase; float: left }
#tabs li.tabactive span       { font-size: 10px; font-family: Tahoma, "Trebuchet MS", Verdana, Arial; font-weight: bold; line-height: 25px; background-image: url("graphics/tabactive_rightcorner.gif"); background-repeat: no-repeat; background-position: right top; text-align: center; text-transform: uppercase; letter-spacing: 1px; height: 25px; float: left }
#formtabs li a:link      { color: #000; text-decoration: none; float: left }
#formtabs ul            { font-size: 10px; font-family: Tahoma, "Trebuchet MS", Verdana, Arial; font-weight: bold; line-height: 25px; background-image: url("graphics/tab_bottom_border.gif"); background-repeat: repeat-x; background-position: left bottom; text-align: center; letter-spacing: 1px; margin: 0; padding: 0 0 0 20px; width: 706px; height: 25px; float: left }
#formtabs li          { background-image: url("graphics/taboff_leftcorner.gif"); background-repeat: no-repeat; background-position: left top; display: inline; padding-left: 14px; float: left }
#formtabs li span         { background-image: url("graphics/taboff_rightcorner.gif"); background-repeat: no-repeat; background-position: right top; padding-right: 14px; float: left }
#formtabs li a:visited     { color: #000; text-decoration: none; float: left }
#formtabs li a:hover      { color: #555; text-decoration: underline; float: left }
#formtabs li span a:hover       { float: left }
#formtabs li a:active     { float: left }
#formtabs li span a:active     { float: left }
#formtabs li.tabactive       { background-image: url("graphics/tabactive_leftcorner.gif"); background-repeat: no-repeat; background-position: left top; text-transform: uppercase; float: left }
#formtabs li.tabactive span       { font-size: 10px; font-family: Tahoma, "Trebuchet MS", Verdana, Arial; font-weight: bold; line-height: 25px; background-image: url("graphics/tabactive_rightcorner.gif"); background-repeat: no-repeat; background-position: right top; text-align: center; text-transform: uppercase; letter-spacing: 1px; height: 25px; float: left }
#content            { color: #555; font-size: 0.8em; font-family: Tahoma, "Trebuchet MS", Verdana, Arial; line-height: 1.5em; background-color: #fff; background-image: url("graphics/rounded_corner_topright.gif"); background-repeat: no-repeat; background-position: right top; text-align: justify; letter-spacing: 1px; margin: 0; padding: 24px; width: 582px; height: 100%; min-height: 500px; float: left; border-bottom: 12px solid #777 }
#formarea            { color: #555; font-size: 0.8em; font-family: Tahoma, "Trebuchet MS", Verdana, Arial; line-height: 1.5em; background-color: #fff; background-image: url("graphics/rounded_corner_topright.gif"); background-repeat: no-repeat; background-position: right top; text-align: justify; letter-spacing: 1px; margin: 0; padding: 24px; width: 682px; height: 100%; float: none; clear: left; border-bottom: 12px solid #777 }
#footer  { font-size: 0.8em; font-family: Tahoma, "Trebuchet MS", Verdana, Arial; background-color: #ddd; padding: 25px; height: 35px; clear: both }
h1  { color: #a00; font-size: 1.1em; font-family: Verdana, Arial, Helvetica, "Trebuchet MS", Tahoma; font-weight: bold; letter-spacing: normal; margin: 0.67em 0 }
h2  { color: #111; font-size: 1em; font-weight: bold; text-decoration: underline; margin-bottom: -0.75em }
.indent { text-indent: 25px }
#sidebox { text-align: left; width: 178px }
select  { letter-spacing: normal }
.darkback a:link  { color: #ff6; text-decoration: underline }
.darkback { }
.darkback a:visited  { color: #ff6; text-decoration: underline }
.darkback a:hover  { color: #eee; text-decoration: underline }
.darkback a:active  { color: #ff6; text-decoration: underline }