/* CSS Document */

	body {
		background-color: #FFFFFF;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	
	.arrow {background-image: url(http://www.clubkaylanilei.com/images/arrowbtn_bevel_small.gif); 
            background-position: 20px 1px; background-repeat:no-repeat;
			padding:6px 55px 8px 55px; margin:5px 5px 5px 5px;
			font-size:13px; color:#FFFFFF; font-family:Lucida Grande, Arial, sans-serif; font-weight:bold;}
			
	.arrow a:link 		{font-size:13px; color:#FFFFFF; font-family:Lucida Grande, Arial, sans-serif; font-weight:bold;}
	.arrow a:visited 	{font-size:13px; color:#FFFFFF; font-family:Lucida Grande, Arial, sans-serif; font-weight:bold;}
	.arrow a:active 	{font-size:13px; color:#FFFFFF; font-family:Lucida Grande, Arial, sans-serif; font-weight:bold;}		
	.arrow a:hover 		{font-size:13px; color:#FF3366; font-family:Lucida Grande, Arial, sans-serif; font-weight:bold;}
	
	
  	td 				{ font-family:Lucida Grande, Arial, sans-serif; font-size:12px; color:#FFFFFF;}
  	td A:link  		{ font-family:Lucida Grande, Arial, sans-serif; font-size:12px; text-decoration: none; font-weight: normal; color:#FFFFFF;}
	td A:visited  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:12px; text-decoration: none; font-weight: normal; color:#FFFFFF;}
	td A:active  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:12px; text-decoration: none; font-weight: normal; color:#FFFFFF;}
	td A:hover  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:12px; text-decoration: none; font-weight: normal; color:#666666;}
	
	.title 				{ font-family:Lucida Grande, Arial, sans-serif; font-size:30px; text-decoration: none; font-weight: normal; color:#FF3366;}
  	.title A:link  		{ font-family:Lucida Grande, Arial, sans-serif; font-size:30px; text-decoration: none; font-weight: normal; color:#FF3366;}
	.title A:visited  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:30px; text-decoration: none; font-weight: normal; color:#FF3366;}
	.title A:active  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:30px; text-decoration: none; font-weight: normal; color:#FF3366;}
	.title A:hover  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:30px; text-decoration: none; font-weight: normal; color:#000000;}
	
	.title2 			{ font-family:Lucida Grande, Arial, sans-serif; font-size:20px; text-decoration: none; font-weight: bold; color:#FFFFFF;}
  	.title2 A:link  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:20px; text-decoration: none; font-weight: bold; color:#FFFFFF;}
	.title2 A:visited  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:20px; text-decoration: none; font-weight: bold; color:#FFFFFF;}
	.title2 A:active  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:20px; text-decoration: none; font-weight: bold; color:#FFFFFF;}
	.title2 A:hover  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:20px; text-decoration: none; font-weight: bold; color:#000000;}
	
	.title3 			{ font-family:Lucida Grande, Arial, sans-serif; font-size:13px; text-decoration: none; font-weight: normal; color:#CCCCCC;}
  	.title3 A:link  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:13px; text-decoration: none; font-weight: normal; color:#CCCCCC;}
	.title3 A:visited  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:13px; text-decoration: none; font-weight: normal; color:#CCCCCC;}
	.title3 A:active  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:13px; text-decoration: none; font-weight: normal; color:#CCCCCC;}
	.title3 A:hover  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:13px; text-decoration: none; font-weight: normal; color:#000000;}
  
    .nav 			{ font-family:Lucida Grande, Arial, sans-serif; font-size:15px; text-decoration: none; font-weight: normal; color:#ffffff;}
  	.nav A:link  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:15px; text-decoration: none; font-weight: normal; color:#ffffff;}
	.nav A:visited  { font-family:Lucida Grande, Arial, sans-serif; font-size:15px; text-decoration: none; font-weight: normal; color:#ffffff;}
	.nav A:active  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:15px; text-decoration: none; font-weight: normal; color:#ffffff;}
	.nav A:hover  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:15px; text-decoration: none; font-weight: normal; color:#000000;}
  
  	.footer1 			{ font-family:Lucida Grande, Arial, sans-serif; font-size:11px; text-decoration: none; font-weight: normal; color:#FFFFFF;}
  	.footer1 A:link  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:11px; text-decoration: none; font-weight: normal; color:#FFFFFF;}
	.footer1 A:visited  { font-family:Lucida Grande, Arial, sans-serif; font-size:11px; text-decoration: none; font-weight: normal; color:#FFFFFF;}
	.footer1 A:active  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:11px; text-decoration: none; font-weight: normal; color:#FFFFFF;}
	.footer1 A:hover  	{ font-family:Lucida Grande, Arial, sans-serif; font-size:11px; text-decoration: none; font-weight: normal; color:#000000;}
	
	
	.pic 			{border: 2px solid #FFFFFF;}
	 a:hover .pic, a:active .pic  	{border: 2px solid #666666;}
	 	
	.tbBGclr {background-color:#FF3366; }	
	
	.banner { margin:20px 0px 20px 0px; border:none;  }


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -400px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: 175px; /*position where enlarged image should offset horizontally */

}

.metalink a span {
display: none;
}

.metalink a:hover > span {
display: inline;
}