/*@import url(debug.css);*/
* { margin: 0; padding: 0; }
html, body { margin: 0; padding: 0 0 10px;     }
body                                { color: #262626; font-size: 81.25%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.38em; background-color: #fff; background-image: url(../i/ivScrnSht-startAlt.jpg); background-repeat: repeat-x; background-position: center top; text-align: center; margin: 0; min-width: 760px ; padding: 0; }
#fram { background-color: #fff; text-align: left; position: relative; top: 0; left: 0; margin: 0 auto; width: 760px; height: auto; z-index: 2; padding: 0 0 0.5em 0; }
/*#fram { position: relative; top: 0; left: 0; z-index: 2; }*/
/* -- [header] -- */
#hedr             { background-color: #fffff1; background-image: url(/i/b/pl-hdr.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; top: 0; left: 0; width: 760px; height: 141px; z-index: 2; margin: 0; padding: 0; border-bottom: 5px solid #3d3e5d; }

/* -- [MAIN MENU tabs - EM method with mods (hat tip)] --*/
#topmenu                  { position: absolute; z-index: 10; left: 165px; bottom: -5px; width: 576px; height: auto; } /* width fixes stacking of links in Opera */
#topmenu ul, #topmenu li  { margin: 0; padding: 0  }
#topmenu li               { background-image: url(../i/b/pl_tabs-lhs.gif); background-repeat: no-repeat; background-position: 0 0; text-align: center; white-space: nowrap; list-style-type: none; float: left ; padding-left: 6px; }
#topmenu li:visited       { background-image: url(../i/b/pl_tab.gif); background-repeat: no-repeat; background-position: 0 0 }
#topmenu a                { font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; line-height: 1.4em; text-decoration: none; background-image: url(../i/b/pl_tab.gif); background-repeat: no-repeat; background-position: 100% 0; text-align: center; white-space: nowrap; display: block; padding: 3px 11px 3px 5px; width: 0.1em; float: left ; }
#topmenu li:hover   { background-image: url(../i/b/pl_tab_curr.gif); background-position: 0 0  }
/* 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: #000; background-image: url(../i/b/pl_tab_curr.gif); background-position: 100% 0 }
body #topmenu li a { white-space: nowrap } /* extra specificity doesn't fix wrapping of link text in Win IE5 */
/* -- [tab hightlights] --*/
body.taba #topmenu li#taba, body.tabb #topmenu li#tabb, body.tabc #topmenu li#tabc, body.tabd #topmenu li#tabd    { background-image: url(../i/b/pl_tab_curr-lhs.gif); background-repeat: no-repeat; background-position: 0 0 ; }
body.taba #topmenu li#taba a, body.tabb #topmenu li#tabb a, body.tabc #topmenu li#tabc a, body.tabd #topmenu li#tabd a     { color: #000; font-weight: normal; background-image: url(../i/b/pl_tab_curr.gif); background-repeat: no-repeat; background-position: 100% 0; padding-top: 6px; padding-bottom: 5px; }
body.notab #topmenu { bottom: 0; }
a:hover img { opacity:0.7; }

/* -- [MAIN CONTENT AREA] -- */
/*#main  { background-color: #f00; margin: 0; padding: 0  }*/
#cont, #imgrgt               /*  height adjustment: here via margin, first */ { margin: 151px 0 0; padding: 0; width: 570px; height: auto; float: right  }
body.onecol #cont { width: 720px; padding-right: 20px; }
#futr        { width: 760px; height: auto  }

/* -- [SECTION MENU] --*/
#menu             { background-color: #fff; background-image: url(../i/b/bkgndMenuLHS-164x800.gif); background-repeat: no-repeat; background-position: 0 169px; text-align: left; list-style-type: none; padding: 175px 0 0; width: 164px ; margin: 0; }
/* height adj here via padding, to balance. Note menu and menu ul's backgrounds, bkgnd positioning, padding. No bckgnd clrs reqd -> less adj, mr flexibl*/
#menu ul   { background-image: url(../i/b/bkgndMenuLHS-164x800.gif); background-repeat: no-repeat; background-position: right bottom; margin: 0; padding-top: 0; padding-bottom: 6px; }
#menu li          { list-style-type: none; display: inline; margin: 0; padding: 0    }
#menu a                  { font-size: 0.9em; font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; line-height: 1.2em; text-decoration: none; background-image: url(../i/b/whc_navline1px-blck-smlr.gif); background-repeat: no-repeat; background-position: -85% 100%; text-align: left; letter-spacing: 0; display: block; padding: 4px 3px 5px 4px; width: 155px ; margin: 0; border-left: 1px solid #cbcbcb; }
/*#menu li          { background-image: url(../i/b/rn_topmenu.gif); background-repeat: no-repeat; background-position: right bottom; list-style-type: none; margin: 0; padding: 0 0 5px; }
#menu a                  { color: #2b4b9a; font-size: 0.9em; font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; line-height: 1.2em; text-decoration: none; background-image: url(../i/b/rn_topmenu.gif); background-repeat: no-repeat; background-position: right top; text-align: left; letter-spacing: 0; display: block; padding: 4px 4px 0 8px; width: 150px  ; margin: 0; }*/
/*#menu li          { list-style-type: none; margin: 0; padding: 0; display: inline; }
#menu a                  { color: #2b4b9a; font-size: 0.9em; font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; line-height: 1.2em; text-decoration: none; text-align: left; letter-spacing: 0; display: block; padding: 4px 4px 5px 8px; width: 150px  ; margin: 0; }*/
#menu a:visited   { text-decoration: none }
#menu a:hover  { color: #000; background-color: #fff }
#fram #menu li.curr a   /* surplus specificity 4 weak IE6 */ { color: #262626; background-color: #fff; border-right: 1px solid #e6e6e6; border-left: 1px solid #cbcbcb; cursor: default; }
#menu li a.last { background-image: none ; }
body.nomenu #menu { display: none; }
body.nomenu #fram img.novmrgn { margin-top: 171px; }

/*-- [content format] --*/
img   { display: block; margin: 0; border-width: 0 }
#fram #hedr img    { width: 274px; height: 91px; float: left ; margin: 0px 0 0 0px; padding: 0; border-style: none; display: inline; }
#fram img, #fram #imgrgt img { background-image: url(../i/b/bkgndRound-160x116-imgs.gif); background-repeat: no-repeat; background-position: center; margin-top: 20px; width: 160px; height: 116px; float: left; margin-left: 0; padding: 4px; }
#fram #cont img          { margin: 1.05em 0 10px 10px; float: right; clear: right ; }
.twocol #fram #cont img { margin-top: 0.8em; }
#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 }

/* - [TEXT layout] - */
p, ul, h1, h2, h3, #fram blockquote, #fram #cont blockquote, #cont table                   { font-size: 1em; margin: 0.8em 30px 0 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                   { font-size: 146.15%; font-weight: bold; line-height: 1.11em; clear: both; margin-top: 15px; margin-bottom: 0   }
h2             { font-size: 115.38%; font-weight: bold; line-height: 1.33em; margin-top: 1.2em; margin-bottom: 0; }
h2.title { color: #3e5d3d; font-size: 115.38%; font-weight: normal; line-height: 1.2em; position: absolute; top: 88px; left: 20px; width: 500px; 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: 107.69%; font-weight: bold; margin-top: 1.2em; margin-bottom: 0; }
h1 + h2  {  }

ul              { margin-top: 0.5em; margin-bottom: 0; padding: 0 }
ul.cmpct li     { margin-top: 0.1em; }
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-left: 10px; padding-right: 20px; list-style: none; padding-left: 15px   }
#cont ul li.pdf, #cont ul li.zipped { background-image: url(../i/b/icon-pdf-doc.gif); background-repeat: no-repeat; background-position: 0 0.2em; padding-left: 25px; list-style-type: none; list-style-image: none; }
#cont ul li.zipped { background-image: url(../i/b/zipped-file-med.jpg); background-repeat: no-repeat; background-position: 0 0.2em; list-style-type: none; list-style-image: none; }
#cont ul li.nobulit { background-image: none; }
ul li a.pdf, a.pdf { background-image: url(../i/b/icon-pdf-doc.gif); background-repeat: no-repeat; background-position: 100% 0.2em; padding-right: 15px; list-style-type: none; list-style-image: none; }
ul ul { margin-top: 0; margin-right: 0; }
#cont ul ul li { background-image: url(../i/b/bult-pt-50opac.jpg); padding-right: 0; }

/* - [Downloads page specific] - */
#cont ul.bxs                         { width: 665px; margin: 0 auto; padding: 1.2em 0 0; list-style: none; }
p.bxs                                { margin-top: 1.2em; }
#cont ul.bxs:after                   { clear: both; display: block; content: "."; height: 0; visibility: hidden; }
#cont ul.bxs li                      { background-image: none; width: 190px; float: left; margin: 0 40px 0 0; padding: 0; list-style-type: none; list-style-image: none; display: inline; }
#cont ul.bxs li strong, p.bxs strong { color: #3e5d3d; font-size: 115.38%; font-weight: bold; }
#cont ul.bxs li.bxend                { margin-right: 0; }
/*body.tabb .class { padding-top: 0.8em; }*/
/* - end - */

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.93em; line-height: 0.93em; font-style: normal; font-weight: normal; }
h3 em { font-size: 0.92em; font-style: normal; font-weight: normal; }

.zerovmrgn, .novmrgn, .notopgap { margin-top: 0; }
.aftr           { text-align: center; margin-top: 0; margin-left: 0.3em }
.lwr            { margin-top: 0.8em; }
.flagup         { color: #cf1810; font-size: 82%; font-weight: normal; position: relative; top: -0.4em; left: 0em; width: auto; z-index: 10; } /*clr: red, #2E8659*/

p a, li a, #cont table a, h1 a, h2 a, h3 a, h1 em a, h2 em a, h3 em a { color: #3d3e5d; text-decoration: underline; }
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 }
p.rgtalign, p.back { font-size: 84.62%; }
p.rgtalign   { text-align: right; clear: both; margin-top: 0; margin-bottom: 0; margin-left: 190px; padding-top: 1.18em; padding-bottom: 0; border-bottom: 1px solid #3e5d3d       }
p.back { text-align: left; clear: both; margin-top: 0; padding-top: 0.8em; }
p.rgtalign a { background-image: url(../i/b/pl_arrow-up.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; padding-right: 13px; }
p.back a { background-image: url(../i/b/pl_arrow-lft.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; padding-right: 0; padding-left: 11px; }
p.rgtalign a:visited, p.back a:visited  { text-decoration: none }
p.rgtalign a:hover, p.back a:hover { text-decoration: underline; }

.onecol p.rgtalign { margin-right: 0; margin-left: 0; }

#topmenu a, #menu a, #topmenu a:visited, #menu a:visited { color: #3d3e5d; }

.class { background-image: none; width: 340px; height: auto; float: left; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-right: 20px; padding-bottom: 0; display: inline; }
.righ { float: right; margin-right: 0; padding-right: 0; } /*downloads page*/
.class-next { clear: left; }
#cont .class ul, #cont .class ul li, .class h2, .class h3, .class p { margin-right: 0; padding-right: 0; }
.class li {  }
.class h2 { clear: none; /*margin-top: 0;*/ }
.class p, .class li {  }
.twocol p.rgtalign { margin-left: 190px; }

/* - front page & ? */
.twocol #cont ul.bxs          { width: 570px; clear: both; }
.twocol #cont ul.bxs li       { width: 250px; margin-right: 40px; }
.twocol #cont ul.bxs li.bxend { margin-right: 0; }

/* only front page is .twocol */
/*.twocol #cont ul.bxs          { width: 250px; margin-left: 0; margin-right: 0; float: left; clear: none; }
.twocol #cont ul.righ         { float:right;  margin-right: 30px; display:inline; } /* marg dbl bug */
/*.twocol #cont ul.bxs li       { width: 250px; margin: 0 }
.twocol #cont ul.bxs li.bxend { margin: 1.2em 0 0; }
.twocol h2                    { clear: left; }

.twocol #cont ul.righ       { float:right;  margin-right: 30px; }*/
/*.twocol #cont ul.righ:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; }*/

/* -- [table layout] -- 2B UPDATED FM IV? -- in pl, only table, #prices */
#cont table                { color: #464646; background-image: none; text-align: center; margin: 0; width: 100%; }

table td, table th         { vertical-align: top; text-align: center; width: 70px; padding: 0.2em 5px; }
table td em                { font-style: normal }
table th                   { color: #000; font-weight: bold; vertical-align: bottom; padding-top: 1em; padding-bottom: 0.5em; }
table th em                { color: #464646; font-weight: normal; font-style: normal  }

table td.col1, table th.col1       { color: #464646; font-weight: bold; text-align: left; width: auto; padding-left: 0; }
table td.col2, table th.col2         {  }
table td.colrgt, table th.colrgt   { padding-right: 0; }
table td.colauto, table th.colauto { width: 20px; }
table td.price-a                   { width: 200px; }
table tr.high  { background-color: #ffffca }

#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; }

/* -- [CLEARERS] --*/
#break, .break { 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-left: 190px; padding-bottom: 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; margin-bottom: 0; padding-bottom: 0.7em }
p.creation a, p.creation a:visited   { color: #7485b1 ; text-decoration: none; }
p.creation a:hover  { color: #000 ; text-decoration: underline; }
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; }