/* Generic overrides */

BODY {background-color: #ffffff; margin: 0}
* {font-family: Arial, Sans-Serif; font-size: 10pt}
FORM {margin: 0}
P {margin: 8px 0}
A {text-decoration: none; color: #000000}
A:hover {text-decoration: underline; color: #000000}
H3 {margin: 0 0 4px 0; font-size: 1.1em}
TABLE {border-collapse: collapse}

/* Header */

#Header {margin: 0 auto; width: 760px}
#NavTopSmall {background: #000000 url(images/black-sw.gif) no-repeat bottom left}
#NavTopSmall DIV {background: transparent url(images/black-se.gif) no-repeat bottom right; padding: 5px 10px 6px 10px}
#NavTopSmall .links {float: right; color: #ffffff; font-size: 0.8em}
#NavTopSmall .links A {color: #ffffff; font-size: 1em}
#NavTopSmall .user {color: #ffffff; font-size: 0.8em}
#Brand {margin-top: 6px}
#HfiLogo {float: right; margin-top: 10px}
#FpsLogo {float: left; margin: 5px 20px 5px 0}
#SectionTitle {margin-top: 6px; font-size: 19pt; width: 0px}

/* Footer */

#Footer {margin: 0 auto; width: 760px}
#Footer {clear: both; margin-top: 30px; border-top: #d3d3d3 1px dashed; text-align: center; padding-top: 6px}
#Footer div {font-size: 0.8em}
#Footer A {font-size: 1em}
#Footer div {margin-bottom: 10px}
#Footer .current {font-weight: bold}
.disclaimer {font-size: 0.8em; font-style: italic; border-bottom: #d3d3d3 1px dashed}

/* Bullets */

UL {margin-top: 0}
LI {margin-left: -20px}
UL.bullet LI, LI.bullet {list-style-image: url(images/bullet.gif)}
UL.alert LI, LI.alert {list-style-image: url(images/icon-alert.gif)}
UL.contact LI, LI.contact {list-style-image: url(images/icon-contact.gif)}
UL.doc LI, LI.doc {list-style-image: url(images/icon-doc.gif)}
UL.download LI, LI.download {list-style-image: url(images/icon-download.gif)}
UL.magnify LI, LI.magnify {list-style-image: url(images/icon-magnify.gif)}
UL.more LI, LI.more {list-style-image: url(images/icon-more.gif)}
UL.next LI, LI.next {list-style-image: url(images/icon-next.gif)}
UL.prev LI, LI.prev {list-style-image: url(images/icon-prev.gif)}

/* Content layout */

#Content {margin: 10px auto; width: 772px}
DIV.narrow {width: 246px; float: left; border-left: 8px solid #ffffff}
DIV.double {width: 500px; float: left; border-left: 8px solid #ffffff}
DIV.wide {width: 373px; float: left; border-left: 8px solid #ffffff}
DIV.full {width: 754px; clear: both; border-left: 8px solid #ffffff}
DIV.error, P.error {color: #ff0000; font-weight: bold}
DIV.date {clear: both; text-align: right; font-size: 0.8em; padding-right: 10px}
#Content P A {text-decoration: underline}

/* #Content P A, #Content LI A {text-decoration: underline}
*/

HR {clear: both; border-top: 4px solid #ffffff; border-left: 8px solid #ffffff; border-right: 8px solid #ffffff; border-bottom: 1px dashed #d3d3d3; height: 5px}
A.top {display: block; clear: both; background: url(images/gototop.gif) no-repeat bottom right; margin-right: 8px}

/* Title block */

#NavTitles {clear: both; background: url(images/title-nw.gif) no-repeat top left; position: relative; width: 100%}
#NavTitles DIV {background: url(images/title-ne.gif) no-repeat top right; width: 100%}
#NavTitles DIV DIV {background: url(images/title-sw.gif) no-repeat bottom left}
#NavTitles DIV DIV DIV {background: url(images/title-se.gif) no-repeat bottom right; padding-top: 10px; padding-bottom: 15px}
#NavTitles H1 {margin: 0; font-size: 1.35em; font-weight: normal; padding-left: 15px}
#NavTitles H2 {margin: 0; font-size: 1.15em; font-weight: normal; padding-left: 15px}
#NavTitles H2 A {font-size: 1em}
#NavTitles H2 IMG {margin: 0 5px 0 1px}
#Crumbs {float: right; margin-right: 20px; font-weight: bold; text-align: right}
#Crumbs A {font-size: 0.8em}
#Crumbs IMG {margin: 2px 6px; vertical-align: text-bottom}

/* Tables */

TH {text-align: left}
TR.head TD {text-align: center; font-weight: bold; background-color: #c7c7c7}
TR.footer TD {font-weight: bold}
.tr01 TD, .tr01 TH {background-color: #dedede}
.tr02 TD, .tr02 TH {background-color: #eaeaea}
TD, TH {padding-left: 4px; padding-right: 4px; border-bottom: solid 1px #ffffff; border-right: solid 1px #ffffff}
TABLE.index TD {white-space: nowrap}
TABLE.index TD A {text-decoration: underline}
TABLE.small TD A {font-size: 1em}
TABLE.small TD, TABLE.small TH {padding-left: 4px; padding-right: 4px; font-size: 0.8em}
FORM.admin {padding: 10px; background-color: #eeeeee; margin: 5px 10px 0 0; float: left; width: 205px}
FORM.admin TH {font-weight: normal}
FORM TR {vertical-align: top}
FORM TD, FORM TH {border: none; padding: 0}

/* Contents list */

DIV.contents {clear: both; background: url(images/content-nw.gif) no-repeat top left; position: relative; width: 100%}
DIV.contents DIV {background: url(images/content-ne.gif) no-repeat top right; width: 100%}
DIV.contents DIV DIV {background: url(images/content-sw.gif) no-repeat bottom left}
DIV.contents DIV DIV DIV {background: url(images/content-se.gif) no-repeat bottom right; padding-top: 10px; padding-bottom: 3px}
DIV.contents LI {margin: 0}

/* Misc */

DIV.hint {float: right; width: 230px; background: #ffffcc url(images/icon-alert.gif) no-repeat 8px 10px; padding: 5px 5px 5px 25px; border: #ffff99 thin double}
DIV.alert {clear:both; margin-left: 7px; margin-bottom: 10px; width: 724px; background: #ffffcc url(images/icon-alert.gif) no-repeat 8px 10px; padding: 5px 5px 5px 25px; border: #ffff99 thin double}
DIV.contact {background-color: #eeeeee; padding: 5px 10px}
.error {color: #ff0000; font-weight: bold}
TR.ytd TD {font-weight: bold}
TABLE.bios {border-collapse: collapse}
TABLE.bios TH {padding: 0 0 10px 0}
TABLE.bios TD {padding: 0 0 10px 0}
A.more {font-weight: bold; color: #ff0000 !important}

/* Editor */

TABLE.editor {border-collapse: collapse; margin-top: 10px}
TABLE.editor TD {vertical-align: middle; padding-right: 10px}
TABLE.editor INPUT {width: 300px}
TABLE.editor INPUT.half {width: 140px}
TEXTAREA.small {height: 6em; width: 300px}
TEXTAREA.large {height: 20em; width: 600px; margin-top: 10px}
DIV.note {font-size: 8pt; font-style: italic; width: 600px}
SPAN.note {font-size: 8pt; font-style: italic; padding-left: 6px}
TABLE.bios TD {vertical-align: top}
TABLE.bios INPUT {width: 220px}
TABLE.bios TEXTAREA {width: 360px}
FORM DIV.buttons {margin-top: 20px}
FORM TR.buttons TD {padding-top: 10px}