/* main text color #303040, links #003366 */
/* active link color #CC3300 */
/* body background #CCCCCC */
html {height:100%; }
body {
  background-color: #DDDDDD;
  color: #303040; font-size: 100%;font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none;
  scrollbar-3dlight-color: #DCDCDC;
  scrollbar-arrow-color: #DCDCDC;
  scrollbar-track-color: #DCDCDC;
  scrollbar-darkshadow-color: #000000;
  scrollbar-face-color: #8C8C8C;
  scrollbar-highlight-color: #DCDCDC;
  scrollbar-shadow-color: #ffffff; 
  height:100%; }
p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { font-size: 100%;font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none }
h1 { color: #303040; font-weight: bold; font-size: 250%; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none  }
h2 { color: #303040; font-weight: bold; font-size: 160%; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none  }
h3 { color: #303040; font-style: italic; font-weight: bold; font-size: 160%; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none }
h4 { color: #303040; font-weight: bold; font-size: 100%; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none  }

.header { font-family: Helvetica,Arial,Verdana ;font-size: 140%;color: #303040; font-weight: bold;}

a    { color: #003366; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; }
a:visited  {font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; }
a:active   { color: #CC3300; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; }
a:hover    { color: #CC3300; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; }

hr {color:#666666;height:1px;}

pre {  color:#303040;font-family:Courier New,Courier;  }

/***** color layout *****/

/* text colors */
.colblack { color: #000000; }
.colwhite { color: #FFFFFF; }
.coltext  { color: #303040; }
.colwarn  { color: #AA0000; }
.colmenu  { color: #003366; }
.colmenuh	{ color: #003366; }

/* cell bg-colors */
.backblack   { background-color: #000000; }
.backwhite   { background-color: #FFFFFF; }
.backcol     { background-color: #DDDDDD; }
.backmenu    { background-color: #AAAAAA; }
.backmenuh   { background-color: #789 } /* 4b7eb1 */
.backtop     { background-color: #789; }
.backdec     { background-color: #808080; } /* decoration frame*/
.backtextbox { background-color: #FFFFFF; }
.backhigh    { background-color: #82a0bd; } /* highlight color (header, caption etc) */
.backtopleft { background-color: #404040; }
.backtextr   { background-color: #808080; } /* right side of text boxes*/
.backsepline { background-color: #4b7eb1; }
.backtitlepic { background-color: #0B1016; }

/* div back-colors & padding */
.lgrayback   { background-color:#EEEEEE;padding: 0.4cm;} /* for alternating lists */
.grayback    { background-color:#CCCCCC;padding: 0.4cm;}
.highback    { background-color: #82a0bd; padding: 0.2cm } /* should be same as backhigh */

.ribbon {color:#FFFFFF;font-weight: bold;font-size:12pt;font-style:normal;background-color:#666666;border-width: 0.1px;padding: 4px;width: 95%;margin: 0cm 0cm;}

.sym { font-family: Symbol }
.huge { font-family: Verdana,Helvetica,Arial ;font-size: 200% }
.big { font-family: Helvetica,Arial,Verdana ;font-size: 125% }
.small { font-family: Verdana,Helvetica,Arial ;font-size: 75% }
.tiny {  font-family: Verdana,Helvetica,Arial ;font-size: 50% }
.disp	{ font-family: Helvetica,Arial,Verdana, Geneva, sans-serif;font-size: 65%;  color: #DEDBD1;}


/* textbox col with larger lineheight, about 1.2 times the regular */
.lh18 {line-height: 180%;background-color: #DDDDDD;}