body 
{
  width: 970px;
  font-family: Arial, Helvetica, San-Serif;
  font-size: 10pt; 
  line-height: 150%;
  padding: 0px;
  margin: 0px auto;
  border: 0px #ff0000; 
  color:#000000; 
  text-decoration:none;
  background-color: #f7f7ff;
}

#page {
  float: left; 
  clear: both; 
  width: 100%; 
  padding: 0px;
  margin: 0px;
  text-align: center; 
  background-color: #ffffff;
}

#page a { text-decoration: none; }
/*#page a:visited { color: #333333; } */
/*#page a:hover { color: #CC0000; background-color: #ffffCC;} */

/* links on page */
.links a,
.links a:visited
{
  clear: none;
  margin: 4px;
  padding: 0px 2px 0px 2px;
  color:#cc0000;
  font-size:160%;
  background-color:#ffffff;
}

.links a:hover,
.links a:focus,
.links a:active 
{
  color:#ffffff;
  background-color:#cc0000;
  /*  font-weight:700; */
  text-decoration:underline;
}
/* links of page */


#page_header {
  float: left; 
  clear: both; 
  padding: 0px;
  margin: 0px;
  width: 970px; 
  border-top: solid 1px #cccccc;
  border-left: solid 0px #cccccc;
  border-right: solid 0px #cccccc;
  border-bottom: solid 1px #cccccc;
}

#nav
{
  float: left; 
  clear: both; 
  width: 970px; 
  height: 84px;
  margin: 0px 0px 0px 0px; 
  border: solid 0px #cccccc;
}


#page_content {
  float: left; 
  clear: both; 
  width: 970px;
  margin: 0px 0px 0px 0px; 
  background-color: #ffffff;
  border: solid 0px #cccccc;
  border-bottom: none;
}

#page_footer {
  clear: both; 
  float: left; 
  width: 940px; 
  text-decoration:none;
  font-size: 120%; 
  color: #ffffff;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  color: #990000;
  background-color: #ffffff;
  border: solid 1px #990000;
  border-top: none;
}

#copyright {
  text-align: right;
  color: #666666;
}



.logo_a1
{
  float: left; 
  clear: left; 
  height: 60px;
  width: 240px;

  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 16px 0px; 
  background-image: url(./images/pnj_a1.gif);   
  /*  background-color:#514D47;    */

  background-repeat: no-repeat; 
}

.pnl_nav
{
  clear:both; 
  height:84px;
}

.pnl_links
{
  clear:both; 
  float:left; 
  border:0px; 
  background-color:#cccccc; 
}

.pnl_iframe
{
  clear:both; float:left;
}


img 
{
  border:0
} 

#header 
{
  font-weight:normal;
  padding:10px 0 15px 10px;
  margin:0;background:#000 url(../img/Hor_dropDown_Demo/TJK_pure_css_dropDown_menu.gif) 100% 7px no-repeat;
  color:#ffc
} 
h1 
{
  border-bottom:1px dotted #999;
  margin:0 0 10px 10px;
  font-size:1em;
  line-height:2em;
}
h2 
{
  border-left:10px solid #c30;
  color:#c30;
  padding-left:10px;
  margin:0 0 10px 10px;
  font-size:.9em
} 
p 
{
  margin:5px 10px
} #wrapper 
{
  background:#fff;
  width:50em;
  max-width:100%;
  margin:25px auto;
  border-left:1px solid #fff;
  border-right:1px solid #999;
  border-bottom:1px solid #666;
  padding-bottom:20px
} 
#header p
{
  color:#333;
  width:10em;
  background:#fff;
  margin:0;
  padding:5px
} 
#google 
{
  float:right;
  width:120px;
  margin:6em 10px;
  border:1px solid #999;
  display:inline;
  font-size:.75em;
  display:inline;
  background:#c30;
}
#google p 
{
  font-size:1.2em;
  color:#fff;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  margin-bottom:10px
} 
p
{
  margin-bottom:20px
} 
p#cc 
{
  margin-top:20px;
  border-top:1px dotted #999;
  padding-top:10px;
}
/************************************************/
/* Pure CSS Drop Down Menu [TJK_dropDown] v1.1  */
/* Copyright 2006, Thierry Koblentz             */
/* TJKDesign.com. all rights reserved.          */
/************************************************/

/* zeroing padding/margin for all elements */
#Menu,
#Menu * { margin:0;padding:0;
}
/* "Master" UL (the whole Menu) */
#Menu 
{
  float:left;
  clear:both;
  position:relative;
  color: #999999;
  background:#ffffff;
  width: 970px;
  /*  max-width:100%; */
  /*  margin-bottom:3.5em; */
  margin-bottom:2px; 
}

/* sub-menu ULs */
#Menu li ul {
  clear:both;
  float: left;
  color: #336699;
  cursor:default;
  width:100%;
  max-width:944px;
  position:absolute;
  border-bottom:2px solid #ccc;
  height:48px; 
  top:2.08em;
  padding:0;
  padding-left:2em !important;
  background-position:0 0 !important;
  left:-9000px;
}
/* All LIs */
#Menu li {
  color: #009900;

  cursor:pointer;
  float:left;
  /*  width:8.23em; 
  max-width:16.5%; */
text-align:center;
list-style-type:none;
font-weight:normal;
border-top:1px solid #ffffff;
border-left:2px solid #ffffff;

}
/* sub-menu LIs */
#Menu li ul li {
  padding:0 0 0 0;
  border:none;
  width:auto;
  max-width:none;
}
/* All anchors */
#Menu li a {
  color:  #000000; 

  /*  border-left:1px solid #eeeeee;*/
  text-decoration:none;
  display:block;
  float:left;
  /*  padding:0 .4em; */
  padding: 0px 16px 0px 16px;
  height:2em;
  line-height:2em;
}
/* sub-menu Anchors */
#Menu li ul li a 
{
  padding: 0px 8px 0px 8px;

  position:relative !important; /* ie Mac */
  cursor:pointer !important;
  white-space:nowrap;
  line-height:1.7em;
  height:1.7em;
  font-weight:400;
  /*  border-width:1px;
  border-style:solid; 
  border-color:#ccc #999 #999 #ccc;*/
color:#ffffff;   /*#666; */
background-position:0 50% !important;
}
/* :hover and stuff */
#Menu li a:hover,
#Menu li a:focus,
#Menu li a:active 
{
  color:#ffff00;
  font-weight:700;
  text-decoration:underline;
}
/* :hover and stuff */
#Menu li a:visited
{
  /*  color:#333333; */
}



/* position and z-index for the sub-menus */
#Menu li:hover ul,
#Menu li.msieFix ul 
{
  color: #cc0000; 
  background-color: #ffffff;  

  left:0;z-index:10;
}
/* Current location - class on Body must match LI's id */
.home #Menu li#home a,
.products #Menu li#products a,
.mfr #Menu li#mfr a,
.gallery #Menu li#gallery a,
.company #Menu li#company a,
.mapdir #Menu li#mapdir a,
.contactus #Menu li#contactus a
{
  color:#ffffff;
  cursor:default;
}

.home #Menu li#home  ul a,
.products #Menu li#products ul a,
.mfr #Menu li#mfr a,
.gallery #Menu li#gallery ul a,
.company #Menu li#company ul a,
.mapdir #Menu li#mapdir ul a,
.contactus #Menu li#contactus ul a
{
  color:#ffffff;
  cursor:default;
}


.home #Menu li#home ul,
.products #Menu li#products ul,
.mfr #Menu li#mfr ul,
.gallery #Menu li#gallery ul,
.company #Menu li#company ul,
.mapdir #Menu li#mapdir ul,
.contactus #Menu li#contactus ul
{
  left:0;z-index:5;
}

/* background images and border colors */
#home:hover,#home:focus,
#products:hover,#products:focus,
#mfr:hover,#mfr:focus,
#gallery:hover,#gallery:focus,
#company:hover,#company:focus,
#mapdir:hover,#company:focus,
#contactus:hover,#company:focus
{
  color:#00ff00; /* no effect */
  background:#cc0000; !important
}/* current location hover and focus */


#Menu li#home ul,
#Menu li#products ul,
#Menu li#mfr ul,
#Menu li#gallery ul,
#Menu li#company ul,
#Menu li#mapdir ul,
#Menu li#contactus ul
{

  color:#00ff00; /* no effect */
  background:#CC0000; !important
}/* current location. sub menu blank space (background) */


.home #Menu li#home, 
.products #Menu li#products, 
.mfr #Menu li#mfr, 
.gallery #Menu li#gallery, 
.company #Menu li#company,
.mapdir #Menu li#mapdir,
.contactus #Menu li#contactus
{
  /*  color:#ff0000; */
  background:#cc0000; !important
}/* current location */


#home,
#products,
#mfr,
#gallery,
#company,
#mapdir,
#contactus
{
  /*  color: #00ff00;   /* not needed  */ 
  background: #ffffff;  /* #6a5638; */

  /* main menu items not selected (background) */  
}

#home li a,
#products li a,
#mfr li a,
#gallery li a,
#company li a,
#mapdir li a,
#contactus li a
{
  color: #0000ff;
  background: #cc0000;
  /* sub menu items (background) */
}


.home #Menu li#home ul, 
.products #Menu li#products ul, 
.mfr #Menu li#mfr ul, 
.gallery #Menu li#gallery ul, 
.company #Menu li#company ul,
.mapdir #Menu li#mapdir ul,
.contactus #Menu li#contactus ul
{
  background: #cc0000;  /* #6a5638; */
  /* sub menu items blank area (background) */

}


/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu li.msieFix a {color:#000 !important}

