html, body { background-color: #fff; background-image: none; margin: 0; padding: 0     }
body                                { color: #262626; font-size: 82%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; background-image: url(../i/b/fc-gradient-vert.jpg); background-repeat: repeat-x; background-position: 50% 0; text-align: center; margin: 0; min-width: 760px ; padding: 0 0 10px; }
#fram                           { background-color: #fff; text-align: left; margin: 0 auto; padding: 0; width: 760px; height: auto     ; }
#fram { position: relative; top: 5px; left: 0; z-index: 2; }
#hedr             { background-image: url(../i/p/0606-editbern_causse2-600.jpg); background-repeat: no-repeat; background-position: 157px 1px; position: absolute; top: 0; left: 0; width: 756px; height: 125px; z-index: 2; margin: 0; padding: 1px; border: solid 1px #c0c0c0; }
#main  { background-color: #f00; margin: 0; padding: 0  }
#cont, #imgrgt              { margin: 135px 0 0; padding: 0; width: 570px; height: auto; float: right   } /* height adjustment: here via margin, first*/
#futr        { width: 760px; height: auto  }
/*-- menu start --*/
#menu           { text-align: left; list-style-type: none; padding: 149px 0 0; width: 160px ; margin: 0; } /* height adjustment: here via padding, to balance*/
#menu ul   { margin: 0; padding: 0 }
#menu li          { background-image: none; list-style-type: none; display: inline; margin: 0; padding: 0 }
#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/whc_navline1px-blck-smlr.gif); background-repeat: no-repeat; background-position: left bottom; text-align: left; text-indent: -7px; letter-spacing: 0; display: block; margin: 0; padding: 4px 2px 4px 15px; width: 143px }
#menu a:visited   { color: #2b4b9a; text-decoration: none }
#menu a:hover  { color: #000; background-color: white }
#menu a.con { background-image: none }
/*-- content format start --*/
img   { display: block; margin: 0; border-width: 0 }
#fram #hedr img    { background-color: #feffff; margin: 0 1px 0 0; width: 175px; height: 125px; float: left ; padding: 0 2px 0 0; border-style: none; }
#fram img, #fram #imgrgt img { margin-top: 20px; width: 160px; height: 109px; float: left; clear: left ; padding: 1px; border: solid 1px #c0c0c0; }
#fram #cont img          { margin: 1.05em 0 10px 10px; width: 160px; height: 109px; 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 }
p, ul, h1, h2, h3, #fram blockquote, #fram #cont blockquote                   { margin: 0.8em 30px 0 0 }
p.hori { margin-top: 18px; }
/*#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: #737957; }
h1                   { font-size: 150%; font-weight: bold; line-height: 1.1em; margin-top: 15px; margin-bottom: 0 }
h2             { font-size: 125%; font-weight: bold; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 0; }
h2.title { color: #fff; font-size: 200%; font-weight: bold; line-height: 1.2em; position: absolute; top: 90px; left: 190px; 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; }
h3            { font-size: 110%; font-weight: bold; margin-top: 1.2em; margin-bottom: 0 }
h1 + h2  { margin-top: 1em }
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 }
ul ul { margin-top: 0; }
/*ul li1 { background-image: url("../i/whc_bulitpt.gif"); background-repeat: no-repeat; background-position: 0 6px; list-style: none; margin-top: 0.5em; margin-bottom: 0; margin-left: 15px; padding-right: 20px; padding-left: 17px }*/
h1 em, h2 em  { color: #333; font-size: 0.8em; font-style: normal; font-weight: normal }
h3 em { color: #333; font-size: 0.92em; font-style: normal; font-weight: normal; }
.aftr   { text-align: center; margin-top: 0; margin-left: 0.3em }
p a, li a, #cont table a, h2 a, h3 a, h1 em a, h2 em a { color: #2b4b9a; text-decoration: underline }
p a:visited, li a:visited, #cont table a:visited, h2 a:visited, h3 a:visited, h1 em a:visited, h2 em a:visited { color: #2b4b9a; font-style: normal; text-decoration: none }
p a:hover, li a:hover, #cont table a:hover, h1 em a:hover, h2 a:hover, h3 a:hover, h2 em a:hover { color: #000; text-decoration: underline }
h2 a:visited, h3 a:visited { color: #4f407f }
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: 251px; height: auto; float: left; margin-top: 1.2em; margin-bottom: 0.8em; padding: 10px 5px 10px 10px; }
/*.class { background-color: #fff; background-image: url(../i/b/fc-grad-op50.jpg); background-repeat: repeat-x; background-position: 0 -250px; margin-top: 1.2em; margin-bottom: 0.8em; padding: 10px 5px 10px 10px; width: 251px; height: auto; float: left; }*/
.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; padding-bottom: 0; border-bottom: 1px solid #737957   }
p.rgtalign 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  { color: #2b4b9a; text-decoration: none }
p.rgtalign a:hover { color: #2b4b9a; text-decoration: underline; }
#cont table { }
#break, .break { clear: both  }
/*-- content format end --- futr beg --vv--*/
#futr p    { text-align: center; margin-top: 0.5em; margin-left: 180px; 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; }
