@charset "UTF-8";
/* CSS Document */




 
 body {
	font-family: Geneva, Arial, sans-serif;
	font-size: medium;
	line-height: 22px;
	background-color:#FFECF5;
	background-size: 100%;
	background-image:url('background3.png');
	background-repeat:inherit;
	background-position:left top;
	padding-top:20px;
	

}

#page-wrap {
	width: 940px;
	height: 1160px;
	border:10px solid #F7B3DA;
	margin:auto;
	background-color:#FFF0F5;
	position: relative;
	
	
}

 
#kblogo {
	position:relative;
	top:0px;
	width:900px;
	height:150px; 
	
}

#kblogo img{
	display:block;
	margin:auto;
}

  /* Nav 1 */
   
#nav {
	background-color: #F7B3DA;
	height: 50px;
	
}

#nav ul {
	list-style-type: none;
	margin: 10px;
	padding: 50;
	
}

#nav li {
	float:left;
	padding: 15px 30px;
	font-size: large;
	
	
}

#nav a {
	color: #FFF;
	text-transform:uppercase;
	text-decoration: none;
	font-family:"arial";
}

#nav a:hover {
	text-decoration: none;
	color: #FFF0F5;
}


/* END Nav 1 */

/* Nav 2 */

 
   
#nav2 {
	background-color: #F7B3DA;
	height: 30px;
	
}

#nav2 ul {
	list-style-type: none;
	margin: 10px;
	padding: 25;
	
}

#nav2 li {
	float: left;
	padding: 5px 72px;
	font-size: medium;
	
	
}

#nav2 a {
	color: #FFF;
	text-transform:uppercase;
	text-decoration: none;
	font-family:"arial";
}

#nav2 a:hover {
	text-decoration: none;
	color: #FFF0F5;

}
/* END Nav 2 */



/* START SCROLL BAR NAV */

section {
  /* The width of your document, I suppose */
  
 

width:890px;
  height:830px;
  margin:0 auto;
  margin-top:100px;
  padding-left:50px;
  white-space:nowrap;
  overflow-x: scroll;
  overflow-y:hidden;
  position:relative;
  display:inline-block
}
.pic-container {
 /* As large as it needs to be */
  width: 10020px;
  
  display:inline-block;
 
 
}



.pic-container2 {
 /* As large as it needs to be */
  width: 7000px;
  
  display:inline-block;}


.pic-container3 {
 /* As large as it needs to be */
  width: 1000px;
  scrollbar-face-color: #FFCCFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: #FF66FF;
scrollbar-darkshadow-color: #FF33FF;
scrollbar-arrow-color: #FF33FF;
scrollbar-track-color: #FFCCFF;
}
/* END SCROLL BAR NAV */




#sidebar {
	float:right;
	margin:5px 20px 0px 0px;
	
}

#sidebar img{
	display:block;
	margin:auto;
	margin-right:45px;
	margin-top: 15px;
   
}

#indexmain {
	position:relative;
	padding:0px;
	top:-3px;
	color: #F7B3DA;
	font-size: medium;
}

  
#main {
	position:relative;
	padding:10px;
	color: #F7B3DA;
	font-size: medium;
	

}

  
#abouttext {
	position:inherit;
	padding-left:80px;
	padding-right:80px;
	color: #F7B3DA;
	font-size:large;
	
}


  
#hometext {
	width:400px;
	margin-right:60px;
	margin-top:150px;
	float:right;
	color: #F7B3DA;
	font-size:25px;
	line-height:30px;
	
	
	
}

  
#contactform {
	width:400px;
	margin-left:100px;
	margin-top:80px;
	float:right;
	color: #F7B3DA;
	font-size:large;
	
	
	
}

input[type="button"] {
    
    width: 200px; /* width of image */
    height: 80px; /* height of image */
    border:10px solid #F7B3DA;
	border-radius:25px;
	box-shadow: 1px 1px 8px #888888;
	background-color:#FFF0F5;
	
}

#footer {
	clear:both;
	text-align: center;
	color: #382013;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:280px;
	margin-left:280px;
	border: 10px solid #F7B3DA;
	background-color:#FFF0F5;
	font-family: Geneva, Arial, sans-serif;
	font-size: small;
	color: #F7B3DA;
}


#footer a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #F7B3DA;
	
}











.imgWrap {
 position:relative;
 width:445px;
 height:280px;
 float:left;
 margin-left:5px;
 margin-top:13px;
 font-size:9pt;
 text-align:center;
 
}


 


.imgDescription {
  position:relative;
  float:right;
  top:20px;
  width:160px;
  padding:10px;
  background: #FFECF5;
  font size:9pt;
  border:5px solid #F7B3DA;
  border-radius:5px;
  color: #F7B3DA;
 visibility: hidden;
  opacity: 100;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}


.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}