body     { background-color: #dde4ea; background-image: url("img/fill_header.gif"); background-repeat: repeat-x; background-position: 0 top; text-align: center; margin: 0 auto; padding: 0 ;color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.wb-header    { margin: 0; padding: 0; height: 135px }
* html body div.wb-header  { 
/*IE below vers7 hack */
margin-bottom: -40px }
.wb-logo   { margin: 0; padding: 0; height: 135px; float: left }
.wb-main { text-align: center; margin: 0 auto; padding-bottom: 0; width: 901px }
.wb-body { background-color: #fcfdff; background-image: url("img/top.gif"); background-repeat: repeat-x; background-position: 0 top; margin: -1px 0 0; padding: 10px 0 0 }
.wb-content    { background-color: #fcfdff; background-image: url("img/wraperbg_index.png"); background-repeat: repeat-y; background-position: left 0; text-align: left; margin: 5px 20px 0 0; padding: 5px 5px 0 0; width: 670px; float: right; border-top: 1px ridge #96a2a3 }
.wb-content div    { padding-right: 25px; padding-left: 10px }
.wb-flags { float: right; }
.wb-side     { text-align: left; margin: 0; padding: 5px 0 0 10px; width: 180px; float: left; clear: right; vertical-align: top }
.wb-submenu    { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0 }

.wb-submenu ul    { list-style: none; margin: 0; padding: 0 }

.wb-submenu li       { font-weight: bold; background-image: url("img/top.gif"); background-repeat: repeat-x; list-style: none; margin: 0 0 4px; padding: 5px 0 5px 5px; border-style: solid; border-width: 1px 1px 2px 2px; border-color: #4a5f70 }
.wb-submenu li.download   { color: #fcffef; background-color: #4a5f70; background-image: none; border-style: solid; border-width: 1px 1px 2px 2px; border-color: #507c9d }
.wb-submenu li.download a:link,.wb-submenu li.download a:link,.wb-submenu li.download a:visited    { color: #adee80; font-size: 16px; font-weight: 600 }
.wb-submenu li a,.wb-submenu li a:visited    { color: #304556; text-decoration: none; padding-left: 5px }
.wb-submenu li a:hover  { color: #4e8205; text-decoration: underline }
.wb-submenu li ul li     { font-size: 12px; font-weight: normal; line-height: normal; background-image: none; margin: 0; padding: 0; border-style: none }
* html body div.wb-submenu li ul li      { font-size-adjust: none; background-image: none; height: 12px; vertical-align: baseline; border-style: none }

.wb-submenu li ul li a:link, .wb-submenu li ul li  a:active, .wb-submenu  li ul li  a:visited    { color: #4a5f70; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0; padding: 0 5px }

.wb-submenu li ul li  a:hover     { color: #4a5f70; text-decoration: underline; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.wb-submenu ul li ul { font-size: 90%; list-style: circle; margin-left: 5px; padding-left: 6px }
.wb-footer      { color: #036; font-size: 10px; background-color: #fcfdff; background-image: url("img/framer-bottom.gif"); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; margin: 0; padding-top: 10px; padding-bottom: 15px; width: 901px; clear: both; border-top: 2px solid #a5b3b4 }
.wb-footer p  { font-size: 14px }

#backtotop   { background-color: #deffb1; padding: 5px; position: fixed; right: 15px; bottom: 30px; border: solid 1px #4a5f70 }
* html body div#backtotop    { background-color: #deffb1; text-align: left; margin-right: 5px; padding: 5px; position: fixed; right: 15px; bottom: 30px; width: 20px; height: 20px; float: right; clear: none; border: solid 1px #4a5f70 }

#credits       { color: #fff; background-color: #4a5f70; padding: 15px; width: 600px }
div.credits  { background-color: #304556; padding: 5px; width: 580px; border: solid 2px #a5b3b4 }
#credits p { margin: 0; padding: 0 }
div.credits h2, div.credits h4 { color: #e4ec96; margin: 5px 0 0; padding: 0; border-style: none }
 div.credits p a,div.credits p a:visited,div.credits p a:hover  { color: #b7ec96; margin: 5px 0 0; padding: 0; border-style: none }
div.warnings  { color: #304556; background-color: #fcfdff; background-image: url("img/top.gif"); background-repeat: repeat-x; background-position: 0 top; margin-top: 15px; padding: 5px; width: 580px; border: solid 2px #a5b3b4 }
div.warnings h2  { color: #a50853 }
div.wb-content a, div.wb-content a:visited, div.wb-content a:hover { color: #2560a7; font-weight: 500; text-decoration: underline; padding-right: 3px; padding-left: 3px }
/* Print Only */
.print-only { display: none; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   OVERWRITTE SOME STYLES OF THE DEFAULT WB-TEMPLATE
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* change some global formats */
h1 {font-size: 1.8em; }
h2        { color: #29516f; font: 22px arial, georgia, serif; letter-spacing: -0.3px; margin: 4px 0 6px; padding: 0 0 0 8px; border-style: none none solid; border-width: medium medium 3px; border-color: #29516f; text-shadow: 0px 0px 0px #fff        }
h3     { color: #4a5f70; font: bold 16px arial, georgia, serif; letter-spacing: 0.5px; margin: 4px 0 6px; padding-top: 0; padding-right: 0; padding-left: 26px; border-top: none; border-right: none; border-bottom: 2px solid #4a5f70; border-left: none; text-shadow: 0px 0px 0px #fff         }
h4 {font-size: 1.2em; font-weight:normal; }
/* do not show hover headings as links */
div.wb-content h1 a, div.wb-content h2 a, div.wb-content h3 a, div.wb-content h4 a {
  color:#036;
  text-decoration: none;
}

div.wb-content h1 a:hover, div.wb-content h2 a:hover, div.wb-content h3 a:hover, div.wb-content h4 a:hover {
  color:#036;
  text-decoration: none;
}
div.wb-content li { line-height: 1.6em; margin-top: 0.2em }
hr  { margin-left: 30px; width: 70%; border: solid 1px #008000 }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   STYLES TO HIGHLIGHT TEXT WITHIN A PARAGRAPH (SPAN ELEMETS)
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
blockquote      { color: #000; background: #fcfdff url("img/top.gif") repeat-x; margin: 8px 5px 8px 30px; padding: 0.6em; width: 70%; border-style: solid; border-width: 2px 2px 2px 8px; border-color: #4a5f70 }

blockquote a     { font-weight: normal; background-color: #fffcf6 }
blockqoute p { 
  margin: 0;
  padding: 0;
} 
span.caption {
   font-size: small;
   color: #666;
   font-style: italic;
}

span.emphasise1 {
    font-weight: bold;
    color: red;
}

span.emphasise2 {
    font-weight: bold;
    color: #2E8B57;
}

span.emphasise3 {
    font-family: 'Courier New', Courier, monospace;
    font-size: 95%;
    color:#900
}
.small  { font-size: xx-small }