/*  Style sheet for 12photos.com */

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

a:visited {
                        color: midnightblue; /* lemonchiffon; */
                        text-decoration: none;
       }

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

a:active {
                        color: blue; /* lemonchiffon; */
                        text-decoration: none;
       }


/*  -------------- 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 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; */
                      }


/*  -------------- 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; */
                      }

/*  -------------- 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; */
                      }

/*  -------------- related pages */
.RelPages           {
                        font-family: "arial", helvetica, sans-serif;
                        color: #CCCCFF;
                        font-size: 80%;
                        background-color: #666666; 
                        text-decoration: none;
                        border-color: lemonchiffon;
                        border-bottom-width: 1px;
                        border-left-width: 1px;
                        border-right-width: 1px;
                        border-top-width: 1px;
                        border-style: dotted;
                      }

.RelPages a:link {
                        font-family: "arial", helvetica, sans-serif;
                        color: lemonchiffon;
                        text-decoration: none;
                    }

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

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

.RelPages a:active {
                        font-family: "arial", helvetica, sans-serif;
                        color: yellow;
                      }

/*  -------------- boxed 95% */
.box-dotted {
        color: #000000;                
        background: lemonchiffon;
        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 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 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;
              }

/*  -------------- 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;
                      }

/*  -------------- 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;
                      }

/*  -------------- 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;
                      }

/*  -------------- bottom crumbs */
.crumbs        {
                        font-family: "arial", helvetica, sans-serif;
                        color: #444444;
                        font-size: 70%;
                        text-decoration: none;
                    }

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

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

.crumbs a:hover {
                        color: #000000;
                        background-color:lemonchiffon;
                     }

.crumbs a:active {
                        color: #444444;
                      }