/* Version 2.2 14 Oct 13 */

body { }

dl { font-weight: normal; font-size: 1.0em; line-height: 150%;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

dl dd { padding-bottom: 1.0em; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

hr { color: #295381; background-color: #295381; height: 3px; border: 0px; }
.hrTiny	{ width: 10%; }
.hrNar	{ width: 25%; }
.hrMed	{ width: 50%; }
.hrWide	{ width: 75%; }

p { font-weight: normal; font-size: 1.0em; line-height: 150%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* table: Warning IE does not obey caption-side: bottom; */

ul { font-weight: normal; font-size: 1.0em; line-height: 110%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.clear { clear: both; }

.closeToH { margin-top: 0.5em; }
.closeToText { margin-bottom: 0px; padding-bottom: 0px; }

.copyright { font-weight: normal; font-size: 1.65em;
             font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
             clear: left; float: left; vertical-align: bottom; 
           }

.floatPic { border-style: solid; border-width: 1px;
            margin-left: 5em; margin-top: 0px; margin-right: 0px; margin-bottom: 2em; float: left; width: 15em;
          }
.floatP1 { border-style: none;
            margin-left: 5em; margin-top: 0px; margin-right: 0px; margin-bottom: 2em; float: left; width: 15em;
          } /* for Google PlusOne; MUST be like floatPic! */

.footer { font-weight: normal; font-size: 0.6em; 
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left: 10px; margin-top: 10px; float: left;
        }

.indent { margin-left: 20px; margin-right: 20px; }
.indent a { text-decoration: none; }
.indent a:hover { text-decoration: underline; }

.indent1 { margin-left: 1em; }
.indent1 a { text-decoration: none; }
.indent1 a:hover { text-decoration: underline; }

.indent2 { margin-left: 2em; }
.indent2 a { text-decoration: none; }
.indent2 a:hover { text-decoration: underline; }

.logo { float:left; margin-top: 10px; margin-right: 20px; margin-bottom: 20px; border-bottom: 20px solid white; } /* border-bottom: 1px solid red; */
.logoNJP { float:left; width: 279px; height: 109px; margin-left: 20px; margin-top: 10px; margin-right: 20px; margin-bottom: 20px; border-bottom: 20px solid white; }
.logoPin, .logoFB, .logoGP, .logoH5 { clear: none; border-style: none; margin-top: 0em; margin-right: 1em; margin-bottom: 0em; margin-left: 0em; }
.logoPin, .logoFB, .logoGP { float: left; }
.logoPin { width: 199px; height: 33px; }
.logoFB  { width: 199px; height: 33px; }
.logoGP  { width:  33px; height: 33px; }
.logoH5  { float: right; width:  64px; height: 64px; }
.logoCS  { float: right; clear: none; width:  89px; height: 33px; border-style: none; margin-top: 0em; margin-right: 0em; margin-bottom: 0em; margin-left: 0em; }

.mybody { margin-left: 0px; }

.enhanced { margin-top: 0px; margin-bottom: 0px;}

.nav { font-weight: normal; font-size: 0.75em; } /* see also navsite, below */

.noDeco a { text-decoration: none; }
.noDeco a:hover { text-decoration: underline; }

.noMarTop { margin-top: 0; }

/* This is NOT just for the Home Page. */
.picCol  { margin-left: 10px; margin-top: 0; padding-left: 0px; padding-top: 0;
         }
/* background-color: gray; background-color: green; border-left: 1px solid red; border-right: 1px solid red; */

.PicThumb { float: left; width: 220px; margin-left: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px;
            vertical-align: top; border-style: solid; border-width: 1px; text-decoration: none; 
          }
/*          border-left: 1px solid red; border-right: 1px solid red;
            padding-left: 0em;
 */

.Question { font-weight: bold; font-size: 1.25em; }

/* These two are experiments for keeping captions with photos. */
.tableCap { float: left; margin-right: 10px; margin-bottom: 30px; 
            font-weight: normal; font-size: 1.0em; line-height: 110%; text-align: center;
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            
          }

.tablePic { border-style: solid; border-width: 1px;
            margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; width: 350px;
          }


/* For the text-heavy Pages. */
.textCol1 { float: left; width: 50%; margin-top: 0em; margin-right: 0em;
            padding-top: 0px; padding-right: 0px; padding-bottom: 20px;
          }
/* testing: border-left: 1px solid blue; border-right: 1px solid blue;
 | trying to keep right picCol from wrapping under: changed padding-right: 0em; to 50% didn't work.
 */

/* This is just for the text-heavy Pages. */
.textCol2  { margin-top: 0; padding-top: 0; padding-left: 2em;
           } /* background-color: gray; */

/* These are just for the two-column Pages. */
.textLeft { float: left; width: 48%; margin-top: 0em; margin-right: 0em;
            padding-top: 0px; padding-right: 0px; padding-bottom: 20px;
          }
.textRight { float: right; width: 48%; margin-top: 0em; margin-right: 0em;
            padding-top: 0px; padding-right: 0px; padding-bottom: 20px;
          }

.TOCwide { clear: both; margin-right: 1em;
           font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:170%;
         } /* text-align: right; */
.TOCwide a { text-decoration: none; }
.TOCwide a:hover { text-decoration: underline; }

.TOCwide p { font-size: 0.85em; }

.valid { float: right; vertical-align: bottom; }
.version { font-size: 0.75em; float: right; margin-right: 20px; vertical-align: bottom; }

.waveTop { height: 28px; background: url(header.png); background-repeat: repeat-x; } /* position: absolute; clear: left;  */

.waveBot { height: 22px; background: url(header_bottom.png); background-repeat: repeat-x; margin-top: -20px; padding-top: 0px; margin-bottom: 10px; }

.Welcome { margin-top: 0px; margin-bottom: 10px; padding-bottom: 10px; }

.Welcomeh1 { margin-top: 0ex; }

.Welcomeh2 { } /* margin-top: -1.0ex; margin-bottom: 50.0px; */

.Welcomeh3 { margin-top: -1.75ex; }

.WelcPic { border-style: solid; border-width: 1px; margin-top: 10px; margin-right: 20px; float: left; }


/* This is just for the Home Page. */
#textCol { float: left; width: 500px; margin-top: 0em; margin-right: 2em; padding-top: 0; padding-right: 0em; padding-bottom: 20px; }
/* testing: border-right: 1px solid blue; */

#botbar { clear: both; border-style: solid; border-width: 5px; margin-bottom: 0px; display: none; }

#mycopy { margin-left: 20px; clear: both; }

#navbottom p { display: none; }

/* for the name of the current Page in the navigation links area */
/* UNUSED #navbottom active { font-weight: bold; font-size: 1.5em; }
 */

#navbottom h3 { padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
                margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
              } /* was margin-top: -0.1em; margin-bottom: 0em; */

#navbottom ul { width: 100%; float: left; padding: 0px; margin-left: 0px;
                font-size: small;
                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
                /* font-size: 0.5em; font-weight: bold; */

#navbottom ul li { list-style: none; float: left;
                   padding-bottom: 5px;
                   margin-left: 0px; margin-top: 5px; margin-right: 20px; margin-bottom: 5px;
                 }
			/* background-color: white works.  font-weight: bold; does not.
                     font-size: large; does not ON SANDI'S PC but does on mine!
			   was margin-top: 0em; margin-bottom: 0em; 
                   */

#navbottom ul li a { border-bottom: none; display: block; text-decoration: none; }
#navbottom ul li a:hover { text-decoration: underline; }

/* vertical-align: middle; middle bottom text-bottom text-top */
/* UNUSED #bottomPhone { background-color: white; font-weight: bold; font-size: 2.0em; color: #295381;
               font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; float: left;
              }
 */
/* margin-left: -10.5em; margin-top: -0.3ex; margin-bottom: 0.1ex; margin-right: 0em; */

/* this is the top navigation */
#navsite p { display: none; }

#navsite ul { width: 100%; float: left; padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; margin-left: 0px;
              font-weight: bold; font-size: 0.85em;
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

#navsite ul li { list-style: none; margin-left: 0px; margin-right: 20px; float: left; }
               /* margin: 0px; */

#navsite ul li a { border-bottom: none; display: block; text-decoration: none; }
                 /* padding: 12px 0.5em; width: 7em; */
#navsite ul li a:hover { text-decoration: underline; }

#navsite h2 { font-weight: bold; font-size: 2.0em; 
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-right: 20px; float: right; }

#TOCleft { clear:left; float: left; width: 12em; margin-right: 1em;
           font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:170%; 
         } /* text-align: right; */
#TOCleft a { text-decoration: none; }
#TOCleft a:hover { text-decoration: underline; }

#TOCleft p { font-size: 0.85em; }