/****************************************** Divs ***********************************/
       /***# Comment Out Start Debug *********************
#logobar {
 \*  top: 1px;   *\
 ˙˙left: 0px;
\*   clip: auto;
   overflow: hidden ; *\
	height:140px;
   width: 763px;
   position: absolute;
 \*  float: left;  *\
	display: block;
	}
       **************************** Comment Out End #***/
#navdiv {
   top: 10px;
   left: 8px;
   width: 143px;
   position: absolute;
   float: left;
	display: block;
   text-align: center;
   /*border: groove;
   border-width: thin; */
/*   background-color: #ddddee; */
	}
#mottodiv {
   top: 0px;
   left: 347px;
   width: 298px;
   position: absolute;
   display: block;
   }

/************************************* Base Table and Top Nav **************************/
.navbar {
   background-color:#f3f3e1;
   background-image:url(images/leftbar.gif);
	background-repeat:repeat-y;
   width:177px;
	}
.logobox {
   width:170px;
   height:100px;
   background-color:#f3f3e1;
	}
.quotebox {
   height:100px;
   background-image:url(images/background.gif);
   background-repeat:repeat;
   background-color:#f3f3e1;
   }
.quotetext {
   color: #000077;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   text-align: center;
   margin-left:10px;
   margin-right:10px;
   }
.quotetext-sm {
   color: #000077;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   text-align: center;
   margin-left:8px;
   margin-right:8px;
   }
.bodytext {
   background-image:url(images/background.gif);
   background-repeat:repeat;
   background-color:#000000;
   text-align: left;
   margin-left:0px;
	margin-top:3px;
	}
.fencerepe {
   background-image:url(images/fence-repe.gif);
   background-repeat:repeat-x;
   height:30px;
   }
.spacer {
	display: block;
	}
.sidebut {
	display: block;
	}
.piccaption {
      color: #294670;
      font-size: 18px;
      font-weight: bold;
    }
#rightpic {
  margin-right:6px;
  margin-left:8px;
  width:410px;
  float:right;
  border: 1px solid #294670;
  color: #294670;
  font-weight:bold;
}
#leftpic {
  margin-right:8px;
  margin-left:6px;
  margin-bottom:8px;
  padding:6px;
  float:left;
  border: 1px solid #294670;
  color: #294670;
  font-weight:bold;
}

/************************************* Special Item Formats **************************/
.picframe {
	 border-width:6px;
	/* padding:2;*/
	 /*margin:2;  */
	 border-style:double;
	 border-color:#aaaaaa;
	 }
.pictext {
      margin-top: 3px;
		margin-bottom: 3px;
      text-align: center;
      color: #294670;
      font-weight: bold;
	 }

.wntitle {
	font-size: large;
   font-weight: bold;
   color: #006600;
	}
.wntext {
	font-size: medium;
   font-weight: bold;
      font-style: italic;
   color: #000099;
	}
.wndate
{
    	font-size: medium;
      color: #ff0000;
      font-weight: bold;
}
table.whatsnew {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
  	font-weight:bold;
   border: groove;
   border-width: 2px;
	border-color: #aaaa99;
   text-align: left;
	}
table.memberform {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
  	font-weight:bold;
	color:#000000;
	}
.copyright {
   font-size: 8pt;
   color: #000000;
   margin-left: 10pt;
	}
.years {
   font-size: 16pt;
   font-weight: bold;
   color: #006600;
	}



/***** puppy pics *******/
#jrpcontain {
  position: relative ;
  height:1025px;
}
#jrpuppytx1 {
  position: absolute;
  top: 492px ;
  width:15em;
  left: 130px ;
  z-index:100;
   font-size: 16px;
   font-weight: bold;
   color: #cc6600;
}
#jrpuppy1 {
  position: absolute;
  top: 160px ;
  left: 25px ;
  z-index:100;
  }
#jrpuppy2 {
  position: absolute;
  top: 689px ;
  left: 325px ;
  z-index:200;
  }
#jrpuppy3 {
  position: absolute;
  top: 22px ;
  left: 1px ;
  z-index:200;
  }
#jrpuppy4 {
  position: absolute;
  top: 582px ;
  left: 170px ;
  z-index:300;
  }
#jrpuppy5 {
  position: absolute;
  top: 754px ;
  left: 25px ;
  z-index:200;
  }
#jrpuppy6 {
  position: absolute;
  top: 442px ;
  left: 400px ;
  z-index:700;
  }
#jrpuppy7 {
  position: absolute;
  top: 835px ;
  left: 185px ;
  z-index:100;
  }
#jrpuppy8 {
  position: absolute;
  top: 1px ;
  left: 420px ;
  z-index:300;
  }


#lrpcontain {
  position: relative ;
  height:1225px;
}
#lrpuppytx1 {
  position: absolute;
  top: 492px ;
  left: 130px ;
  z-index:100;
   font-size: 16px;
   font-weight: bold;
   color: #cc6600;
}
#lrpuppy1 {
  position: absolute;
  top: 1px ;
  left: 200px ;
  z-index:100;
  }
#lrpuppy2 {
  position: absolute;
  top: 125px ;
  left: 0px ;
  z-index:200;
  }
#lrpuppy3 {
  position: absolute;
  top: 335px ;
  left: 30px ;
  z-index:200;
  }
#lrpuppy4 {
  position: absolute;
  top: 486px ;
  left: 280px ;
  z-index:300;
  }
#lrpuppy5 {
  position: absolute;
  top: 638px ;
  left: 110px ;
  z-index:200;
  }
#lrpuppy6 {
  position: absolute;
  top: 791px ;
  left: 330px ;
  z-index:300;
  }
#lrpuppy7 {
  position: absolute;
  top: 810px ;
  left: 10px ;
  z-index:200;
  }


/********************************/
/*     Link Styles              */
/********************************/
a.navt:link
{
        font-size: 10pt;
        color: #000099;
		  text-decoration: underline;
		 }
a.navt:visited
{
        font-size: 10pt;
        color: #660066;
		  text-decoration: underline;
		 }
a.navt:hover
{
        font-size: 10pt;
        color: #990000;
        background: #FFFF00;
		  text-decoration: none;
        }
a.navt:active
{
        font-size: 10pt;
        color: #ff0000;
		  text-decoration: underline;
       }
/********************************/
a.reslink:link
{
	     font-family:Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color: #0000aa;
}
a.reslink:visited
{
	     font-family:Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color: #660066;
}
a.reslink:hover
{
	     font-family:Arial, Helvetica, sans-serif;
        font-size: 12pt;
        background: #FFFF00;
        color: #000000;
}
a.reslink:active
{
	     font-family:Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color: #0000aa;
        background: #FFFFFF;
}
/********************************/
a.lv1:link
{
        font-size: 14pt;
        left: 1pt;
        text-align: left;
        position: relative;
        color: #000066;
         font-weight:bold;   }
a.lv1:visited
{
        font-size: 14pt;
        left: 1pt;
        text-align: left;
        position: relative;
        color: #440044;
         font-weight:bold;   }
a.lv1:hover
{
        font-size: 14pt;
        left: 1pt;
        text-align: left;
        position: relative;
        background: #FFFF00;
        color: #000000;
         font-weight:bold;   }
a.lv1:active
{
        font-size: 14pt;
        left: 1pt;
        text-align: left;
        position: relative;
        color: #000066;
        background: #FFFFFF;
        font-weight:bold;   }
/********************************/
a.lv2:link
{
        font-size: 12pt;
        color: #0000aa;
        left: 10pt;
        text-align: left;
        position: relative;
         font-weight:bold;   }
a.lv2:visited
{
        font-size: 12pt;
        color: #660066;
        left: 10pt;
        text-align: left;
        position: relative;
         font-weight:bold;   }
a.lv2:hover
{
        font-size: 12pt;
        background: #FFFF00;
        color: #000000;
        left: 10pt;
        text-align: left;
        position: relative;
         font-weight:bold;   }
a.lv2:active
{
        font-size: 12pt;
        color: #0000aa;
        background: #FFFFFF;
        left: 10pt;
        text-align: left;
        position: relative;
         font-weight:bold;   }
/********************************/
a.lv3:link
{
        font-size: 10pt;
        color: #0000ff;
        left: 20pt;
        text-align: left;
        position: relative;
         font-weight:bold;   }
a.lv3:visited
{
        font-size: 10pt;
        color: #990099;
        left: 20pt;
        text-align: left;
        position: relative;
         font-weight:bold;   }
a.lv3:hover
{
        font-size: 10pt;
        background: #FFFF00;
        color: #000000;
        left: 20pt;
        text-align: left;
        position: relative;
         font-weight:bold;   }
a.lv3:active
{
        font-size: 10pt;
        color: #0000ff;
        background: #FFFFFF;
        left: 20pt;
        text-align: left;
        position: relative;
         font-weight:bold;   }
/********************************/
a.notd:hover {
  text-decoration: none;
  background: #000000;
  border: 0;
  }
/********************************/
a.snlink:hover {
  text-decoration: none;
  background: #f3f3e1;
  border: 0;
  }
/********************************/
a.wntitlelink {
	font-size: 18pt;
   font-weight: bold;
	}



/************************************* Html Taga **************************************/
/****************************** Anchors*************/
a:link
{
        color: #0000dd;
         font-weight:bold;   }
a:visited
{
        color: #660099;
         font-weight:bold;   }
a:hover
{
        color: #000000;
        background: #FFFF00;
         font-weight:bold;   }
a:active
{
        color: #000066;
        font-weight:bold;   }

/****************************** Body*************/
  body {
  /*	background-image:url(images/bgtile.jpg);  */
   background-image:url(images/background.gif);
   background-repeat:repeat;
    margin:0px;
  /* margin-left:110px; */
	/*margin-top:105px;*/
	}
  body.white {
 	background-color:#ffffff;
	 margin:20px;
	}
/****************************** Paragraph*************/
	p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
   text-align: left;
   margin-left:2px;
	}
/****************************** Headers*************/
	h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
   /*color: #cc6600;*/
   color: #870000;
   }
	h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
   color: #cc6600;
	}
	h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
   color: #A52C00;
	}
/****************************** Tables *************/
	td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
td.stylelist {
   /* border-width:2px;
    border-style:solid;
    border-color:#008800;*/
    /*padding: 5px;*/
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    text-align: center;
   }
td.hfsdata {
    background-color:#fff9ef;
    text-align: center;
    font-size: 14px;
    color: #870000;
    font-weight: bold;
   }
td.hfsdatum {
    background-color:#efe4d1;
    text-align: center;
    font-size: 14px;
    color: #000000;
    font-weight: normal;
   }
/****************************** Lists *************/
ul.star
{
  font-family:Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  vertical-align:super;
  margin-left: 20px;
  list-style-image: url('./images/listbullet.gif');
  list-style-position: inside;
  line-height:20x;
}


/********************************* Font Colors ***********************************/
.bold {
   font-weight: bold;
	}
.italic {
   font-style: italic;
	}
.bolditalic {
   font-weight: bold;
   font-style: italic;
	}
.gold {
   font-weight: bold;
   color: #eeee00;
	}
 .blackb
{
        font-weight: bold;
        color: #000000;
}
 .whiteb
{
        font-weight: bold;
        color: #FFFFFF;
}
 .white
{
        color: #FFFFFF;
}
 .grey
{
        font-weight: bold;
        color: #999999;
}
 .dkgrey
{
        font-weight: bold;
        color: #666666;
}
 .ltgrey
{
        font-weight: bold;
        color: #dddddd;
}
.blue
{
      color: #0000FF;
}
.blueb
{
      color: #0000FF;
      font-weight: bold;
}
.bluei
{
      color: #0000FF;
      font-style: italic;
}
.dkblue
{
      color: #000077;
}
.dkblueb
{
      color: #000077;
      font-weight: bold;
}
.dkbluei
{
      color: #000077;
      font-style: italic;
}
.ltgreen
{
      color: #00FF00;
}
.ltgreenb
{
      color: #00FF00;
      font-weight: bold;
}
.ltgreeni
{
      color: #00FF00;
      font-style: italic;
}
.green
{
      color: #007700;
}
.greenb
{
      color: #007700;
      font-weight: bold;
}
.greeni
{
      color: #007700;
      font-style: italic;
}
.red
{
      color: #FF0000;
}
.redb
{
      color: #FF0000;
      font-weight: bold;
}
.redi
{
      color: #FF0000;
      font-style: italic;
}
.dkred
{
      color: #770000;
}
.dkredb
{
      color: #770000;
      font-weight: bold;
}
.dkredi
{
      color: #770000;
      font-style: italic;
}
.redbrown
{
      color: #884433;
}
.redbrownb
{
      color: #884433;
      font-weight: bold;
}
.redbrowni
{
      color: #884433;
      font-style: italic;
}
.pink
{
      color: #EE2299;
}
.pinkb
{
      color: #EE2299;
      font-weight: bold;
}
.pinki
{
      color: #EE2299;
      font-style: italic;
}
.purple
{
      color: #FF00FF;
}
.purpleb
{
      color: #FF00FF;
      font-weight: bold;
}
.purplei
{
      color: #FF00FF;
      font-style: italic;
}
.dkpurple
{
      color: #770077;
}
.dkpurpleb
{
      color: #770077;
      font-weight: bold;
}
.dkpurplei
{
      color: #770077;
      font-style: italic;
}
.highlite
{
         background: #FFFF00;
         }
.highlite2
{
         background: #FFFFFF;
			font-weight: bold;
         }