* { margin: 0; padding: 0; }
html, body { background-color: #fff; background-image: none; margin: 0; padding: 0     }
body                                { color: #262626; font-size: 81.25%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.38em; background-image: url(../i/ivScrnSht-startAlt.jpg); background-repeat: repeat-x; background-position: center top; text-align: center; margin: 0; min-width: 570px ; padding: 0 0 10px; }
#fram                           { text-align: left; margin: 0 auto; padding: 0; width: 570px; height: auto     ; }
#fram { position: relative; top: 0; left: 0; z-index: 2; }
/* -- [header] -- */
#hedr             { background-color: #fffff1; background-image: url(../i/iv-hdr-bkgnd.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; top: 0; left: 0; width: 570px; height: 141px; z-index: 2; margin: 0; padding: 0; border-bottom: 5px solid #3d3e5d; }
/* -- [top menu 'buttons' per Dan C, with EM method with mods? (hat tips)] --*/
#topmenu              { position: absolute; left: 20px; z-index: 10; bottom: 10px; width: 500px; height: auto; } /* width fixes stacking of links in Opera */
#topmenu ul, #topmenu li       { margin: 0; padding: 0 }
#topmenu li                       { text-align: center; list-style-type: none; float: left ; margin: 0 6px 0 0; }
#topmenu a               { color: #3e5d3d; font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-weight: normal; line-height: 1.4em; text-decoration: none; text-align: center; display: block; width: 0.1em; float: left ; padding: 5px 10px; border-style: none; white-space: nowrap; }
#topmenu li:visited  { }
#topmenu li:hover   { background-color: #afc29f; background-image: url(../i/b/iv-nav-top-left-hvr.gif); background-repeat: no-repeat; background-position: left top      ; outline-style: none; }
/* nowrap doesn't fix wrapping of link text in Win IE5 - Win IE5.5 ok */
html>body #topmenu ul a { width: auto } /* Resets width of link in conformant browsers but not Win IE*/
/* Hide from IE5-Mac \*/
/* End IE5-Mac hack */
#topmenu a { float: none }
#topmenu a:visited    { }
#topmenu a:hover         { color: #fff; background-image: url(../i/b/iv-nav-bot-rght-hvr.gif); background-repeat: no-repeat; background-position: right bottom   }
#topmenu a:active { outline-style: hidden; }
#fram #topmenu li.curr    { background-image: url(../i/b/iv-nav-top-curr.gif) !important; background-repeat: no-repeat !important; background-position: left top !important; cursor: default; }
#fram #topmenu li.curr a     { color: #000; background-image: url(../i/b/iv-nav-bot-curr.gif) !important; background-repeat: no-repeat !important; background-position: right bottom !important; cursor: default; }
/* -- [main content area] -- */
/*#main  { background-color: #f00; margin: 0; padding: 0  }*/
#cont, #imgrgt               /*  height adjustment: here via margin, first */ { background-color: #fff; padding: 0; width: 570px; height: auto; float: right  ; margin: 146px 0 0; }
#futr        { text-align: center; width: 570px; height: auto   ; clear: both; padding-top: 25px; padding-bottom: 5px; }
/*-- menu start --*/
/*-- content format start --*/
img   { display: block; margin: 0; padding: 0; border-width: 0  }
#fram #hedr img    { margin: 41px 0 0 19px; width: 236px; height: 50px; float: left ; padding: 0; border-style: none; display: inline; }
#fram img, #fram #imgrgt img { margin-top: 20px; width: 160px; height: 116px; float: left; clear: left ; margin-left: 0; padding: 4px; }
#fram #cont img          { margin: 1.05em 0 10px 10px; float: right; clear: right ; }
#fram #cont img.rgtlndscplrgr { width: 235px; height: 160px; float: right; clear: right ; margin-top: 0; }
#fram #cont img.rgtprtrt { margin-right: 0; margin-left: 10px; width: 109px; height: 160px; float: right; clear: right }
#fram #cont img.lftprtrt { margin-right: 10px; margin-left: 0; width: 109px; height: 160px; float: left; clear: left }
#fram #imgrgt img.prtrt { width: 160px; height: 235px }
#fram #cont img.lftlndscp   { margin-right: 10px; margin-left: 0; width: 160px; height: 109px; float: left; clear: left }
/*-- [font sizing, etc] --*/
p, ul, h1, h2, h3, #fram blockquote, #fram #cont blockquote, #cont table                   { font-size: 1em; margin: 0.8em 20px 0    }
p.hori { margin-top: 18px; }
#thrdcol { text-align: center; width: 160px; height: auto; float: right; clear: right; margin-top: 4px; padding: 0 4px 0; }
#thrdcol p { text-align: center; margin-right: 0; margin-bottom: 0; margin-left: 0; padding: 0; }
/*#fram blockquote { text-indent: 0; margin-top: 20px; width: 149px; float: left; margin-right: 0; padding: 5px 5px 5px 10px; }*/
#fram #cont blockquote, #fram blockquote       { font-weight: normal; background-color: #fff; width: auto; padding: 5px 10px 5px 15px; }
#fram #cont blockquote em, #fram blockquote em  { }
div.quote   { margin-top: 20px; width: 160px; float: left }
h1, h2, h3, blockquote { color: #3e5d3d; }
h1 strong { color: #91ad71; }
h1                   { font-size: 146.15%; font-weight: bold; line-height: 1.11em; clear: both; margin-top: 25px; margin-bottom: 0    }
h2             { font-size: 115.38%; font-weight: bold; line-height: 1.33em; clear: both; margin-top: 1.2em; margin-bottom: 0; }
h2.title { color: #3e5d3d; font-size: 115.38%; font-weight: bold; line-height: 1.2em; position: absolute; top: 63px; left: 203px; width: 300px; z-index: 4; margin-top: 0; margin-bottom: 0; margin-right: 0; padding-right: 0; white-space: nowrap; }
h2.title em { color: #fff; font-size: 1em; font-style: oblique; }
h2.title span { display: none; }
h3            { font-size: 112.5%; font-weight: bold; margin-top: 1.2em; margin-bottom: 0 }
h1 + h2  { }
ul              { margin-top: 0.5em; margin-bottom: 0; padding: 0 }
ul li         { list-style: disc; margin-top: 0.5em; margin-bottom: 0; margin-left: 30px; padding-right: 20px; padding-left: 0 }
#cont ul li { background-image: url(../i/b/bult-pt-blck-5px-ish.jpg); background-repeat: no-repeat; background-position: 0 0.47em; margin-top: 0.5em; margin-left: 15px; list-style: none; padding-left: 17px  }
#cont ul ul { background-color: white; margin-top: 0; margin-left: 0; padding-left: 0px; }
#cont ul ul li { background-image: url(../i/b/bult-pt-50opac.jpg); padding-right: 0; margin-left: 0; }
h1 em, h2 em, h3 em   /* h1 base size 23px */ { color: #464646; font-size: 68%; font-style: normal; font-weight: normal  }
h2 em { font-size: 0.83em; font-style: normal; font-weight: normal; }
h3 em { font-size: 0.92em; font-style: normal; font-weight: normal; }
.zerovmrgn, .novmrgn { margin-top: 0; }
.aftr   { text-align: center; margin-top: 0; margin-left: 0.3em }
p a, li a, #cont table a, h1 a, h2 a, h3 a, h1 em a, h2 em a, h3 em a { color: #6e6e86; text-decoration: none; }
p a:visited, li a:visited, #cont table a:visited, h1 a:visited, h2 a:visited, h3 a:visited, h1 em a:visited, h2 em a:visited, h3 em a:visited { color: #6e6e86; font-style: normal; text-decoration: none }
p a:hover, li a:hover, #cont table a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h1 em a:hover, h2 em a:hover, h3 em a:hover { color: #000; text-decoration: underline }
ul li a.pdf, a.pdf { background-image: url(../i/b/pdfsmall.gif); background-repeat: no-repeat; background-position: 100% 0.2em; padding-right: 15px; list-style-type: none; list-style-image: none; }
.class { background-color: #f8fbe9; background-image: url(../i/b/fc-grad-vert-yellowyless-gr.jpg); background-repeat: repeat-x; background-position: center top; width: 330px; height: auto; float: left; margin-top: 1.2em; margin-bottom: 0.8em; padding: 10px 5px 10px 10px; }
.righ { float: right; margin-right: 30px; display: inline; }
.class ul, .class ul li, .class h2, .class h3, .class p { margin-right: 0; padding-right: 0; }
.class li { margin-top: 0; }
.class h2 { margin-top: 0; }
.class p, .class li {  }
p.rgtalign   { font-size: 90%; text-align: right; clear: both; margin-bottom: 0; margin-left: 190px; padding-bottom: 0; border-bottom: 1px solid #737957    }
p.rgtalign a, p.back a { background-image: url(../i/b/fc_up.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; padding-right: 15px  }
p.rgtalign a:visited, p.back a:visited  { color: #2b4b9a; text-decoration: none }
p.rgtalign a:hover, p.back a:hover { color: #2b4b9a; text-decoration: underline; }
p.back a { background-image: url(../i/b/lac_arrow-lft.gif); background-repeat: no-repeat; background-position: left center; text-align: left; padding-right: 0; padding-left: 15px; }
/*.linkout:after   { content: " " url(../i/b/break.png); }*/
#cont p a[href^="http:"], #cont h2 a[href^="http:"], #cont li a[href^="http:"] { background-image: url(../i/b/links-out-icon.png); background-repeat: no-repeat; background-position: right center; padding-right: 12px; }
/* ---vvv--- table layout ---*/
#cont table  /* other sizing/layout dims. incl. in p, etc. declaration */ { text-align: left; margin-top: 1.8em; }
#cont h1 + #cont table {  }
table td, table th         { padding: 0.2em 6px; width: 100px   }
table td em  { font-style: normal }
table td.col1, table th.col1            { font-weight: bold; text-align: left; width: 145px ; padding-left: 0; }
table td.col2, table th.col2         { width: auto; padding-right: 0; }
table td.col3    { }
table td.col1 em  { color: #464646; font-weight: normal; font-style: normal; }
table tr.high  { background-color: #ffffca }
table th, table th.col1          { color: #3e5d3d; font-size: 107.69%; font-weight: bold; padding-top: 0; padding-bottom: 0.8em; }
table th em { color: #464646; font-weight: normal; font-style: normal  }
/*--- end table layout ---*/
#break, .break { background-color: yellow; height: 1px; clear: both   ; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
/*-- [footer] --*/
#futr p    { text-align: center; margin-top: 0.5em; margin-right: 0; margin-left: 0; padding-bottom: 0     }
#futr img { width: 201px; height: 28px; float: none; clear: both; margin: 0 auto; padding: 0; }
address  { font-style: normal; margin-top: 1em; margin-left: 0 }
address strong  { color: #000 }
.tel { font-weight: bold; margin-right: 4.3em }
.email  { font-weight: bold; margin-right: 2.8em }
#fram #futr p.creation   { color: #999; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin-top: 0.5em; padding-bottom: 0.7em  }
p.creation a, p.creation a:visited   { color: #d0d0d0 ; text-decoration: none; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; display: inline; }
p.creation a:hover  { color: #000 ; text-decoration: underline; }
