/*  Style sheet for 12hk.com */
body
{
			background-color:white;
			color: #444444;
                        font-size: 65%;
                        font-family: arial, helvetica, sans-serif;
}

a:link {
                        color: #444444; 
                        text-decoration: none;
                        border: #FF6600;
                        border-bottom-width: 1px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
       }

a:visited {
                        color: #444444;
                        text-decoration: none;
       }

a:hover {
                        color: #FF4400;
                        background-color: lemonchiffon;
       }

a:active {
                        color: #FF4400;
                        background-color: lemonchiffon;
       }

h1 {	
			color:orangered;
                        font-size: 100%;
                        font-family: arial, helvetica, sans-serif;
                        font-weight: bold;
                        background-color: blanchedalmond; 
			line-height:170%;
   }

h2 {	
			color:orangered;
                        font-size: 100%;
                        font-family: arial, helvetica, sans-serif;
                        font-weight: bold;
                        background-color: blanchedalmond; 
			line-height:170%;
			padding: 0px 0px 0px 12px; /* top right bottom left */
   }

h3 {	
        color: #000000;                
        background: white;
        width: 100%;
        font-size: 120%;
        font-family: times new roman, arial, helvetica, sans-serif;
        font-style: italic;
        font-weight: bold;
        margin: 0px 0px 0px 0px;
        padding: 0px 8px 0px 8px;
        border-style: solid;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: #CCCCCC;
        text-decoration: none;
   }

/*  -------------- related pages title */
h5	{
			color:orangered;
                        font-size: 90%;
                        font-family: arial, helvetica, sans-serif;
                        font-weight: bold;
                        background-color: blanchedalmond; 
			line-height:150%;
		        padding: 0px 8px 0px 10px;
		        margin: 0px 0px 0px 0px;
		}

/*  -------------- to replace h4 where title does not take up whole line */
.H4Title        {
                        font-family: times new roman, arial, helvetica, sans-serif;
                        color: cornflowerblue; /* #5080ED is between royalblue and cornflowerblue */
                        font-size: 120%;
                        font-weight: bold;
                        text-decoration: none;
                    }

.H4Title a:link {
                        color: cornflowerblue;
                        text-decoration: none;
                        border-bottom-width: 1px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
		        border-color: cornflowerblue;
                    }
.H4Title a:visited {
                        color: cornflowerblue;
                        text-decoration: none;
                        border-bottom-width: 1px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
		        border-color: cornflowerblue;
                       }
.H4Title a:hover {
                        color: royalblue;
                        background-color: lemonchiffon;
                     }


/*  -------------- left column primary menu */
.LeftColMnu1        {
                        font-family: "arial", helvetica, sans-serif;
                        color: orange;
                        font-size: 80%;
                        font-weight: bold;
                        text-decoration: none;
                    }

.LeftColMnu1 a:link {
                        color: orange;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                    }
.LeftColMnu1 a:visited {
                        color: orange;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }
.LeftColMnu1 a:hover {
                        color: yellow;
                     }

/*  -------------- left column primary menu */
.LeftColMnu1_org        {
                        font-family: "arial", helvetica, sans-serif;
                        color: yellow;
                        font-size: 80%;
                        font-weight: bold;
                        text-decoration: none;
                    }

.LeftColMnu1_org a:link {
                        color: yellow;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                    }
.LeftColMnu1_org a:visited {
                        color: yellow;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }
.LeftColMnu1_org a:hover {
                        color: lemonchiffon;
                        background-color: #FF6600;
                     }
.LeftColMnu1_org a:active {
                        color: lemonchiffon;
                        background-color: #FF6600;
                      }

/*  -------------- sub menu for org scheme */
.SubMnu_org        {
                        font-family: "arial", helvetica, sans-serif;
                        color: #FF4400;
                        font-size: 80%;
                        font-weight: bold;
                        text-decoration: none;
                    }

.SunMnu_org a:link {
                        color: #FF4400;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                    }
.SunMnu_org a:visited {
                        color: orange;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }
.SunMnu_org a:hover {
                        color: lemonchiffon;
                        background-color: #FF8800;
                     }
.SunMnu_org a:active {
                        color: lemonchiffon;
                        background-color: #FF8800;
                      }

/*  -------------- left column secondary menu */
.LeftColMnu2        {
                        font-family: "arial", helvetica, sans-serif;
                        color: #CCCCFF;
                        font-size: 70%;
                        text-decoration: none;
                    }

.LeftColMnu2 a:link {
                        color: lemonchiffon;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                    }

.LeftColMnu2 a:visited {
                        color: lemonchiffon;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.LeftColMnu2 a:hover {
                        color: yellow;
                     }

.LeftColMnu2 a:active {
                        color: yellow;
                        /* background-color:lemonchiffon; */
                      }

/*  -------------- left column secondary menu */
.LeftColMnu2_org        {
                        font-family: "arial", helvetica, sans-serif;
                        color: #CCCCFF;
                        font-size: 70%;
                        text-decoration: none;
                    }

.LeftColMnu2_org a:link {
                        color: lemonchiffon;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                    }

.LeftColMnu2_org a:visited {
                        color: lemonchiffon;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.LeftColMnu2_org a:hover {
                        color: white;
                        background-color: #FF6600;
                     }

.LeftColMnu2_org a:active {
                        color: white;
                        background-color: #FF6600;
                      }


/*  -------------- picture caption */
.PicCaption           {
                        font-family: "arial", helvetica, sans-serif;
                        color: #CCCCCC;
                        font-weight: bold;
                        font-size: 60%;
                        /* background-color:lemonchiffon; */
                      }

.PicCaption a:link {
                        font-family: "arial", helvetica, sans-serif;
                        color: lemonchiffon;
                        font-weight: bold;
                        text-decoration: none;
                        border-color: lemonchiffon;
                        border-bottom-width: 1px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.PicCaption a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        color: lemonchiffon;
                        font-weight: bold;
                       }

.PicCaption a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        color: yellow;
                        font-weight: bold;
                        background-color: #444444;
                     }

.PicCaption a:active {
                        font-family: "arial", helvetica, sans-serif;
                        color: yellow;
                        font-weight: bold;
                        /* background-color:lemonchiffon; */
                      }

/*  -------------- picture caption bgd wht */
.PicCaption_BgdWht    {
                        font-family: "arial", helvetica, sans-serif;
                        color: #888888;
                        font-weight: bold;
                        font-size: 60%;
                        /* background-color:lemonchiffon; */
                      }

.PicCaption_BgdWht a:link {
                        font-family: "arial", helvetica, sans-serif;
                        color: darkorange;
                        font-weight: bold;
                        text-decoration: none;
                        border-color: #FF8800;
                        border-bottom-width: 1px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.PicCaption_BgdWht a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        color: #AAAAAA;
                        font-weight: bold;
                       }

.PicCaption_BgdWht a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        color: maroon;
                        font-weight: bold;
                        background-color: #FFDD00;
                     }

.PicCaption_BgdWht a:active {
                        font-family: "arial", helvetica, sans-serif;
                        color: maroon;
                        font-weight: bold;
                        /* background-color:lemonchiffon; */
                      }

/*  -------------- submenu */
.submenu           {
                        font-family: "arial", helvetica, sans-serif;
                        color: #CCCC88;
                        font-weight: bold;
                        font-size: 70%;
                        text-decoration: none;
                        /* background-color:lemonchiffon; */
                      }

.submenu a:link {
                        font-family: "arial", helvetica, sans-serif;
                        color: #CCCC88;
                        font-weight: bold;
                    }

.submenu a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        color: #AAAA88;
                        font-weight: bold;
                       }

.submenu a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        color: yellow;
                        font-weight: bold;
                        background-color: #444444;
                     }

.submenu a:active {
                        font-family: "arial", helvetica, sans-serif;
                        color: yellow;
                        font-weight: bold;
                        /* background-color:lemonchiffon; */
                      }


/*  -------------- submenu_org */
.submenu_org           {
                        font-family: "arial", helvetica, sans-serif;
                        color: #CCCC88;
                        font-weight: bold;
                        font-size: 70%;
                        text-decoration: none;
                        /* background-color:lemonchiffon; */
                      }

.submenu_org a:link {
                        font-family: "arial", helvetica, sans-serif;
                        color: #CCCC88;
                        font-weight: bold;
                    }

.submenu_org a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        color: #AAAA88;
                        font-weight: bold;
                       }

.submenu_org a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        color: yellow;
                        font-weight: bold;
                        background-color: #FF8800;
                     }

.submenu_org a:active {
                        font-family: "arial", helvetica, sans-serif;
                        color: yellow;
                        font-weight: bold;
                        /* background-color:lemonchiffon; */
                      }

/*  -------------- submenu_org2 */
.submenu_org2          {
                        font-family: "arial", helvetica, sans-serif;
                        color: #CCCC88;
                        font-weight: bold;
                        font-size: 70%;
                        text-decoration: none;
                        /* background-color:lemonchiffon; */
                      }

.submenu_org2 a:link {
                        font-family: "arial", helvetica, sans-serif;
                        color: #CCCC88;
                        font-weight: bold;
                    }

.submenu_org2 a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        color: #AAAA88;
                        font-weight: bold;
                       }

.submenu_org2 a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        color: yellow;
                        font-weight: bold;
                        background-color: #FFAA00;
                     }

.submenu_org2 a:active {
                        font-family: "arial", helvetica, sans-serif;
                        color: yellow;
                        font-weight: bold;
                        background-color: #FFAA00;
                      }

/*  -------------- related pages */
.RelPages           {
                        font-family: "arial", helvetica, sans-serif;
                        color: #444444; 
                        background-color: ivory; 
		        width: 92%;
		        font-size: 90%;
		        margin: 0px 0px 0px 0px;
		        padding: 10px 10px 10px 10px;

                        text-decoration: none;
                        border-color: blanchedalmond;
                        border-bottom-width: 1px;
                        border-left-width: 1px;
                        border-right-width: 1px;
                        border-top-width: 1px;
                        border-style: solid;
                      }

.RelPages a:link {
                        color: #444444; 
                        text-decoration: none;
                        border: #FF6600;
                        border-bottom-width: 1px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.RelPages a:visited {
                        color: #444444; 
                       }

.RelPages a:hover {
                        color: #FF4400;
                        background-color: lemonchiffon;
                     }

.RelPages a:active {
                        color: #FF4400;
                        background-color: lemonchiffon;
                      }


/*  -------------- boxed 97% light gray */
.box-solid-LgtGry {
        width: 97%;
        margin: 2px 2px 2px 2px;
        padding: 2px 2px 2px 2px;
        border-style: solid;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: #AAAAAA;
        text-decoration: none;
      }


/*  -------------- boxed 95% */
.box-dotted {
        color: #000000;                
        background: ivory;
        width: 92%;
        font-size: 90%;
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
        border-style: dashed;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: #FF6600;
        text-decoration: none;
      }

.box-dotted a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        text-decoration: none;
              }
.box-dotted a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        text-decoration: none;
              }
.box-dotted a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: black;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }
.box-dotted a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }

/*  -------------- boxed 95% red bgd */
.box-dotted-redBgd {
        color: #FFFFFF;                
        background: red;
        width: 95%;
        font-size: 90%;
        margin: 5px 5px 5px 5px;
        padding: 10px 10px 10px 10px;
        border-style: dashed;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: yellow;
        text-decoration: none;
      }

.box-dotted-redBgd a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: lemonchiffon;
                        text-decoration: none;
              }
.box-dotted-redBgd a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: lemonchiffon;
                        text-decoration: none;
              }
.box-dotted-redBgd a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: yellow;
                        background-color: #FF4444;
                        text-decoration: none;
              }
.box-dotted-redBgd a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: yellow;
                        background-color: #FF4444;
                        text-decoration: none;
              }

/*  -------------- boxed 75% */
.box-dotted-75 {
        color: #000000;                
        background: lemonchiffon;
        width: 75%;
        font-size: 90%;
        margin: 5px 5px 5px 5px;
        padding: 10px 10px 10px 10px;
        border-style: dashed;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: yellow;
        text-decoration: none;
      }

.box-dotted-75 a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        text-decoration: none;
              }
.box-dotted-75 a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        text-decoration: none;
              }
.box-dotted-75 a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: black;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }
.box-dotted-75 a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }

/*  -------------- boxed 180px */
.box-dotted-180px {
        color: #000000;                
        background: lemonchiffon;
        width: 180px;
        font-size: 80%;
        margin: 5px 5px 5px 5px;
        padding: 10px 10px 10px 10px;
        border-style: dashed;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: #FF6600;
        text-decoration: none;
      }

.box-dotted-180px a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 80%;
                        color: midnightblue;
                        text-decoration: none;
              }
.box-dotted-180px a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 80%;
                        color: midnightblue;
                        text-decoration: none;
              }
.box-dotted-180px a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 80%;
                        color: black;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }
.box-dotted-180px a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 80%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }

/*  -------------- boxed 160px */
.box-dotted-160px {
        color: #000000;                
        background: lemonchiffon;
        width: 160px;
        font-size: 85%;
        margin: 1px 1px 1px 1px;
        padding: 8px 8px 8px 8px;
        border-style: dashed;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: #FF6600;
        text-decoration: none;
      }

.box-dotted-160px a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 80%;
                        color: midnightblue;
                        text-decoration: none;
              }
.box-dotted-160px a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 80%;
                        color: midnightblue;
                        text-decoration: none;
              }
.box-dotted-160px a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 80%;
                        color: black;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }
.box-dotted-160px a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 80%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }


/*  -------------- boxed 200 pixels */
.box-dotted-200px-blk {
        color: #CCCCFF;                
        width: 200px;
        font-size: 90%;
        margin: 5px 5px 5px 5px;
        padding: 0px 0px 0px 0px;
        border-style: dashed;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: black;
        text-decoration: none;
      }

.box-dotted-200px-blk a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: #EEEEFF;
                        text-decoration: none;
              }
.box-dotted-200px-blk a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: #EEEEFF;
                        text-decoration: none;
              }
.box-dotted-200px-blk a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }
.box-dotted-200px-blk a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }

/*  -------------- boxed 250 pixels */
.box-dotted-250px-blk {
        color: #CCCCFF;                
        width: 250px;
        font-size: 90%;
        margin: 5px 5px 5px 5px;
        padding: 0px 0px 0px 0px;
        border-style: dashed;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: black;
        text-decoration: none;
      }

.box-dotted-250px-blk a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: #EEEEFF;
                        text-decoration: none;
              }
.box-dotted-250px-blk a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: #EEEEFF;
                        text-decoration: none;
              }
.box-dotted-250px-blk a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }
.box-dotted-250px-blk a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }

/*  -------------- boxed 280 pixels */
.box-dotted-280px-blk {
        color: #CCCCFF;                
        width: 280px;
        font-size: 90%;
        margin: 5px 5px 5px 5px;
        padding: 0px 0px 0px 0px;
        border-style: dashed;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: black;
        text-decoration: none;
      }

.box-dotted-280px-blk a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: #EEEEFF;
                        text-decoration: none;
              }
.box-dotted-280px-blk a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: #EEEEFF;
                        text-decoration: none;
              }
.box-dotted-280px-blk a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }
.box-dotted-280px-blk a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }

/*  -------------- boxed 280 pixels lgt nound*/
.box-dotted-280px-lgt-noUnd {
        width: 280px;
        font-size: 90%;
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
        border-style: dashed;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: #AAAAAA;
        text-decoration: none;
      }

.box-dotted-280px-lgt-noUnd a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        text-decoration: none;
              }
.box-dotted-280px-lgt-noUnd a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        text-decoration: none;
              }
.box-dotted-280px-lgt-noUnd a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }
.box-dotted-280px-lgt-noUnd a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }


/*  -------------- boxed 300 pixels */
.box-dotted-300px-blk {
        color: #CCCCFF;                
        width: 300px;
        font-size: 90%;
        margin: 5px 5px 5px 5px;
        padding: 0px 0px 0px 0px;
        border-style: dashed;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: black;
        text-decoration: none;
      }

.box-dotted-300px-blk a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: #EEEEFF;
                        text-decoration: none;
              }
.box-dotted-300px-blk a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: #EEEEFF;
                        text-decoration: none;
              }
.box-dotted-300px-blk a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }
.box-dotted-300px-blk a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }

/*  -------------- boxed 95% blk */
.box-dotted-95-blk {
        color: #CCCCFF;                
        width: 95%;
        font-size: 90%;
        margin: 5px 5px 5px 5px;
        padding: 0px 0px 0px 0px;
        border-style: dashed;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: black;
        text-decoration: none;
      }

.box-dotted-95-blk a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: #EEEEFF;
                        text-decoration: none;
              }
.box-dotted-95-blk a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: #EEEEFF;
                        text-decoration: none;
              }
.box-dotted-95-blk a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }
.box-dotted-95-blk a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: midnightblue;
                        background-color: #FFFFAA;
                        text-decoration: none;
              }

/*  -------------- white on red */
.white-on-red       {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 8pt;
                        color: white;
                        background-color: red;
                        font-weight: bold;
                        text-decoration: none;
                    }
.white-on-red a:link {
                        font-family: "arial", helvetica, sans-serif;
                        color: white;
                        background-color: red;
                        text-decoration: none;
              }
.white-on-red a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        color: white;
                        background-color: red;
                        text-decoration: none;
              }
.white-on-red a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        color: white;
                        background-color: maroon;
                        text-decoration: none;
              }
.white-on-red a:active {
                        font-family: "arial", helvetica, sans-serif;
                        color: white;
                        background-color: red;
                        text-decoration: none;
              }

/*  -------------- blk on grn */
.black-on-grn-10pt  {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 10pt;
                        color: black;
                        background-color: #00FF00;
                        font-weight: bold;
                        text-decoration: none;
                    }

.black-on-grn-10pt a:link {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.black-on-grn-10pt a:visited {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.black-on-grn-10pt a:hover {
                        color: black;
                        background-color: #FFFF00;
                     }

.black-on-grn-10pt a:active {
                        color: black;
                        background-color: #FFFF00;
                      }

/*  -------------- blk on gry, 10pt */
.black-on-gry-10pt  {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 10pt;
                        color: black;
                        background-color: #CCCCCC;
                        font-weight: bold;
                        text-decoration: none;
                    }

.black-on-gry-10pt a:link {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.black-on-gry-10pt a:visited {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.black-on-gry-10pt a:hover {
                        color: black;
                        background-color: #EEEEEE;
                     }

.black-on-gry-10pt a:active {
                        color: black;
                        background-color: #EEEEEE;
                      }

/*  -------------- blk on gry, 8pt */
.black-on-gry-8pt  {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 8pt;
                        color: black;
                        background-color: #CCCCCC;
                        text-decoration: none;
                    }

.black-on-gry-8pt a:link {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.black-on-gry-8pt a:visited {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.black-on-gry-8pt a:hover {
                        color: black;
                        background-color: #EEEEEE;
                     }

.black-on-gry-8pt a:active {
                        color: black;
                        background-color: #EEEEEE;
                      }

/*  -------------- white on gry, 6pt */
.white-on-gry-6pt  {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 6pt;
                        color: white;
                        background-color: #888888;
                        text-decoration: none;
                    }

.white-on-gry-6pt a:link {
                        color: white;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.white-on-gry-6pt a:visited {
                        color: white;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.white-on-gry-6pt a:hover {
                        color: white;
                        background-color: #666666;
                     }

.white-on-gry-6pt a:active {
                        color: white;
                        background-color: #666666;
                      }

/*  -------------- White on gry, 70pc */
.white-on-gry-70pc        {
                        font-family: "arial", helvetica, sans-serif;
                        color: #FFFFFF;
                        background-color: #666666;
                        font-size: 70%;
                        text-decoration: none;
                    }

.white-on-gry-70pc a:link {
                        color: lemonchiffon;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                    }

.white-on-gry-70pc a:visited {
                        color: lemonchiffon;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.white-on-gry-70pc a:hover {
                        color: yellow;
                     }

.white-on-gry-70pc a:active {
                        color: yellow;
                        /* background-color:lemonchiffon; */
                      }


/*  -------------- White on gry, 60pc */
.white-on-gry-60pc        {
                        font-family: "arial", helvetica, sans-serif;
                        color: #FFFFFF;
                        background-color: #666666;
                        font-size: 60%;
                        text-decoration: none;
                    }

.white-on-gry-60pc a:link {
                        color: lemonchiffon;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                    }

.white-on-gry-60pc a:visited {
                        color: lemonchiffon;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.white-on-gry-60pc a:hover {
                        color: yellow;
                     }

.white-on-gry-60pc a:active {
                        color: yellow;
                        /* background-color:lemonchiffon; */
                      }

/*  -------------- White on drk org, 60pc */
.white-on-drk_org-60pc        {
                        font-family: "arial", helvetica, sans-serif;
                        color: #FFCC00;
                        background-color: #FF4400;
                        font-size: 60%;
                        text-decoration: none;
                    }

.white-on-drk_org-60pc a:link {
                        color: lemonchiffon;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                    }

.white-on-drk_org-60pc a:visited {
                        color: lemonchiffon;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.white-on-drk_org-60pc a:hover {
                        color: yellow;
                     }

.white-on-drk_org-60pc a:active {
                        color: yellow;
                        /* background-color:lemonchiffon; */
                      }


/*  -------------- hilight grn */
.hilight-grn  {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 10pt;
                        color: black;
                        background-color: #00FF00;
                        text-decoration: none;
                    }

.hilight-grn a:link {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.hilight-grn a:visited {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.hilight-grn a:hover {
                        color: black;
                        background-color: #88FF88;
                     }

.hilight-grn a:active {
                        color: black;
                        background-color: #88FF88;
                      }

/*  -------------- pastel grn */
.pastel-grn  {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 10pt;
                        color: black;
                        background-color: palegreen;
                        text-decoration: none;
                    }

.pastel-grn a:link {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.pastel-grn a:visited {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.pastel-grn a:hover {
                        color: black;
                        background-color: yellow;
                     }

.pastel-grn a:active {
                        color: black;
                        background-color: yellow;
                      }

/*  -------------- pastel org */
.pastel-org  {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 10pt;
                        color: black;
                        background-color: #FFCC99;
                        text-decoration: none;
                    }

.pastel-org a:link {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.pastel-org a:visited {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.pastel-org a:hover {
                        color: orangered;
                        background-color: #FFEECC;
                     }

.pastel-org a:active {
                        color: black;
                        background-color: yellow;
                      }


/*  -------------- page title */
.page-title         {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 12pt;
                        color: #6633FF;
                        font-weight: bold;
                        text-decoration: none;
                    }

/*  -------------- hkNOSH-body */
.hkNOSH-body  {
                        font-family: "times new roman", sans-serif;
                        font-size: 12pt;
                        color: black;
                        text-decoration: none;
                    }

.hkNOSH-body a:link {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 1px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.hkNOSH-body a:visited {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.hkNOSH-body a:hover {
                        color: white;
                        background-color: #9966FF;
                     }

.hkNOSH-body a:active {
                        color: white;
                        background-color: #9966FF;
                      }

/*  -------------- Navrak-body */
.Navrak-body  {
                        font-family: "times new roman", sans-serif;
                        font-size: 12pt;
                        color: black;
                        text-decoration: none;
                    }

.Navrak-body a:link {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 1px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.Navrak-body a:visited {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.Navrak-body a:hover {
                        color: black;
                        background-color: peachpuff;
                     }

.Navrak-body a:active {
                        color: black;
                        background-color: peachpuff;
                      }

/*  -------------- Navrak-body-drkBgd */
.Navrak-body-drkBgd  {
                        font-family: "times new roman", sans-serif;
                        font-size: 12pt;
                        color: white;
                        text-decoration: none;
                    }

.Navrak-body-drkBgd a:link {
                        color: peachpuff;
                        text-decoration: none;
                        border-bottom-width: 1px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.Navrak-body-drkBgd a:visited {
                        color: peachpuff;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.Navrak-body-drkBgd a:hover {
                        color: orangered;
                        background-color: #EE9977;
                     }

.Navrak-body-drkBgd a:active {
                        color: orangered;
                        background-color: #EE9977;
                      }

/*  -------------- LgtBgd-body-f10 */
.LgtBgd-body-f10  {
                        font-family: "times new roman", sans-serif;
                        font-size: 10pt;
                        color: black;
                        text-decoration: none;
                    }

.LgtBgd-body-f10 a:link {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 1px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.LgtBgd-body-f10 a:visited {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.LgtBgd-body-f10 a:hover {
                        color: black;
                        background-color: #FFFF00;
                     }

.LgtBgd-body-f10 a:active {
                        color: black;
                        background-color: #FFFF00;
                      }

/*  -------------- LgtBgd-body-f10-lgt */
.LgtBgd-body-f10-lgt  {
                        font-family: "times new roman", sans-serif;
                        font-size: 10pt;
                        color: #CCCCFF;
                        text-decoration: none;
                    }

.LgtBgd-body-f10-lgt a:link {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 1px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                        border-style: dotted;
                    }

.LgtBgd-body-f10-lgt a:visited {
                        color: black;
                        text-decoration: none;
                        border-bottom-width: 0px;
                        border-left-width: 0px;
                        border-right-width: 0px;
                        border-top-width: 0px;
                       }

.LgtBgd-body-f10-lgt a:hover {
                        color: black;
                        background-color: #FFFF00;
                     }

.LgtBgd-body-f10-lgt a:active {
                        color: black;
                        background-color: #FFFF00;
                      }

/*  -------------- boxed 200 pixels OrgLgt*/
.box-dotted-200px-OrgLgt {
        color: orangered; /* #CCCCFF; */
        background: #FFCC99;
        width: 200px;
        font-size: 90%;
        margin: 5px 5px 5px 5px;
        padding: 5px 5px 5px 5px;
        border-style: dotted;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: darkorange;
        text-decoration: none;
      }

.box-dotted-200px-OrgLgt a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: orangered;
                        text-decoration: none;
              }
.box-dotted-200px-OrgLgt a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: orangered;
                        text-decoration: none;
              }
.box-dotted-200px-OrgLgt a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: chocolate;
                        background-color: peachpuff;
                        text-decoration: none;
              }
.box-dotted-200px-OrgLgt a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: orangered;
                        background-color: peachpuff;
                        text-decoration: none;
              }

/*  -------------- boxed 60% OrgLgtLgt*/
.box-dotted-60-OrgLgtLgt {
        color: black; /* #CCCCFF; */
        background: #FFEEBB;
        width: 60%;
        font-size: 90%;
        margin: 5px 5px 5px 5px;
        padding: 5px 5px 5px 5px;
        border-style: dotted;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: darkorange;
        text-decoration: none;
      }

.box-dotted-60-OrgLgtLgt a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: orangered;
                        text-decoration: none;
              }
.box-dotted-60-OrgLgtLgt a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: orangered;
                        text-decoration: none;
              }
.box-dotted-60-OrgLgtLgt a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: chocolate;
                        background-color: peachpuff;
                        text-decoration: none;
              }
.box-dotted-60-OrgLgtLgt a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: orangered;
                        background-color: peachpuff;
                        text-decoration: none;
              }

/*  -------------- boxed 100% OrgLgt*/
.box-dotted-100-OrgLgt-Fblk {
        color: black;
        background: #FFCC99;
        width: 100%;
        font-size: 90%;
        margin: 0px 0px 0px 0px;
        padding: 5px 5px 5px 5px; 
        border-style: dotted;  /* could be none or dashed or dotted or solid or double or groove or ridge or inset or outset */
        border-width: 1px;        /* sets border width on all sides */
        border-color: #FF6600;
        text-decoration: none;
      }

.box-dotted-100-OrgLgt-Fblk a:link {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: black;
                        text-decoration: none;
              }
.box-dotted-100-OrgLgt-Fblk a:visited {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: #FF6600;
                        text-decoration: none;
              }
.box-dotted-100-OrgLgt-Fblk a:hover {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: chocolate;
                        background-color: peachpuff;
                        text-decoration: none;
              }
.box-dotted-100-OrgLgt-Fblk a:active {
                        font-family: "arial", helvetica, sans-serif;
                        font-size: 90%;
                        color: orangered;
                        background-color: peachpuff;
                        text-decoration: none;
              }


/*  -------------- font 90pc */
.font-90pc        {
                        font-size: 90%;
                  }

/*  -------------- font 85pc */
.font-85pc        {
                        font-size: 85%;
                  }

/*  -------------- font 80pc */
.font-80pc        {
                        font-size: 80%;
                  }

/*  -------------- font 50pc */
.font-50pc        {
                        font-size: 50%;
                  }

/*  -------------- font 30pc */
.font-30pc        {
                        font-size: 30%;
                  }