/* 
    font-family: 'Italianno', cursive;
**    font-family: 'Kaushan Script', cursive;   **
    font-family: 'Allura', cursive;

*/


body 
{
    font-family:Verdana;
    font-size:12pt;
    color: Black;
}

h1 { /* font-family: 'Niconne', cursive; */
     font-family: 'Kaushan Script', cursive;
     font-size: 40px;
     text-align:center; 
     padding:0 0 0 0 ;
    }

h2 {font-family: 'Kaushan Script', cursive;
     font-size: 40px;
     text-align:center;
     line-height:1;
     padding:10 0 5 0 ;
    }

h3 {font-family: 'Kaushan Script', cursive;
     font-size: 24px;
     padding: 10 0 5 0;
     text-align:left;
     line-height:1;
     
    }

h4 {font-family: 'Kaushan Script', cursive;
     font-size: 20px;
     padding: 0 0 0 0;
     text-align:center;
    }
h5 {font-family: 'Kaushan Script', cursive;
     font-size: 24px;
     padding: 10 0 5 0;
     text-align:center;
     line-height:1;
     
    }

h6 
{    font-family: 'Kaushan Script', cursive;
     font-size: 16px;
     padding: 0 0 0 0;
     
    }
    
/* ------------------------------------------------------------- */

a 
{   color:inherit;
    text-decoration: none;
    }

.nav-list
{   list-style-type:none;
    padding:0 15 0 0 ;
    line-height: 2;
    font-size: 20px;
    }
li:hover
{
    color: blue;
    }

.img-hdr
{
    max-width: 100%;
    height: auto;
    width: auto\9;
}


.Title-frame
    {   
        position:fixed;
        top:10px;
        padding: 0 0 0 0;
        vertical-align:top;
        background-color: white;
        opacity: 0.8;
        max-width:100%;
        
    }

.title-logo
{ 
    position: absolute;
    top:750px;
    bottom:0;
    vertical-align:bottom;
    text-align:center;
    }

.scroll-frame
{
  max-width: 100%;
  max-height:350px;
  overflow:scroll;
        }

.scroll-frame-full
{
  max-width: 100%;
  max-height: 700px;
  overflow:scroll;
        }


.footer-frame
{
    
    position: absolute;
    bottom:0;
    width: 100%;
    text-align:center;
    font-size: 12px;
    padding: 10 0 0 0 ;
    }

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.img-logo {
    width: 95px;
    height: 100px;
}

.img-kc {
    width: 202px;
    height: 100px;
}


.content-wrapper {
    margin: 0 auto;
    max-width: 1280px;
     background-color: white; 
    min-height:900px;
    padding: 10 5 10 5 ;
    border: 1px solid #BFBFBF;
    -moz-box-shadow: 4px 4px 3px #BFBFBF;
    -webkit-box-shadow: 4px 4px 3px #BFBFBF;
    box-shadow: 4px 4px 3px #BFBFBF;
    list-style-type:none;
    position: relative;  
}

.nav-button {
     font-family: 'Kaushan Script', cursive;
     font-size: 40px;
     text-align:center;
     line-height:1;
     border: none;
	 display: inline-block;
	 outline: 0;
	 vertical-align: middle;
	 overflow: hidden;
	 text-decoration: none;
	 color: inherit;
	 background-color: inherit;
	 text-align: center;
	 cursor: pointer;
	 white-space: nowrap;
    }

.img-gallery {
	max-width: 220px;
	max-height: 220px;
	position: relative;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	display: block;
	/* margin-left: auto;
	margin-right: auto; */
}

.link-table {
	height: 275px;
	width: 275px;
}

.link-title {
	text-align:center;
	
}

.admin-panel {
    width: 100%;
    }


/* ------------------------------------------------------------- */
/*                  Pop Up Page formatting                       */
/* ------------------------------------------------------------- */

.pop-wrapper 
{
    padding:25 25 25 25;
    border:1;
    border-color:Black;
}

.pop-frame1
{
    width:400px;
    height:400px;
    border:1;
    border-color:Black;
}
.pop-frame2
{
    width:100px;
    height:100px;
    border:1;
    border-color:Black;
}
.pop-frame3
{
    width:350px;
    border:1;
    border-color:Black;
}
.pop-frame4
{
    width:25px;
    border:1;
    border-color:Black;
}

.img-dogs 
{
    max-height:150px;
    max-width:150px;
    
}

.img-dogs-holder {
	width: 160px;
	height: 152px;
}

page-body
{
    position:inherit;
}




/* ------------------------------------------------------------- */

 #navframe.

#infoframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.TblTest
{
  /* max-width: 350px;*/
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  padding:10px;
  z-index: 20;
}

.TblTest2
{
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  padding:0px;
  
}

.btn-face 
{
    font-family: 'Eagle Lake', cursive;
    font-size: 18pt;
    height: 100px;
    width:165px;
    opacity:0.5;
}


.text-frame 
{   opacity:0.6;
    vertical-align:top;
    height: 100%;
    BackColor: White;
    Height: 650px; 
    Width: 100%;
    padding-left:25px;
    padding-right:25px;
}

.text-frame:hover
    {opacity:0;
     }
     
.dog-frame 
{   opacity:0.6;
    vertical-align:top;
    height: 100%;
    background-color: White;
    Height: 650px; 
    Width: 100%;
    padding-left:25px;
    padding-right:25px;
    
}

.dog-frame:hover
    {opacity:0.6;
     }
     
.news-text
{   font-family:Verdana;
    line-height:1; 
    font-size: 14pt;
    margin-top:5px;
}
 
 .news-head
{    font-family: 'Eagle Lake', cursive;
     font-size: 20px;
     margin-bottom :12px; 
     margin-top:0px;
}