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

html{font-size: 100%;}
/*to use assign class\id as font name  eg eurof*/
body{

}


/* CSS Document */
/*to use assign class\id as font name  eg Blake2*/
@font-face { font-family: Avant Guard; src: url('AVANTG.TTF'); } 
@font-face { font-family: vera; src: url('../../../NEWSITE_kaArt/gallery/accordion/VERA.TTF'); } 


.blake{font-family: Avant Guard; 
}
.vera{fontfamily:vera;}

/*to use assign class\id as font name  eg Blake2*/
@font-face {
    font-family: 'typolatypola';
    src: url('true_typola-webfont.eot');
    src: url('true_typola-webfont.eot?#iefix') format('embedded-opentype'),
url('true_typola-webfont.woff2') format('woff2'),
url('true_typola-webfont.woff') format('woff'),
url('true_typola-webfont.ttf') format('truetype'),
url('true_typola-webfont.svg#typolatypola') format('svg');
    font-weight: bold;
    font-style: normal;


}

body {font-size: 62.5%;
	background-image: url(../../../NEWSITE_kaArt/accordian/accordion/images/marble5.gif);
	background-color:#222;
	margin-top:0px;
	top:0px;
	}
	
	
h1 {
	font-family:typolatypola;
	font-size:30px;
	color:	#fff;
letter-spacing:3px;
font-weight:bold;
	}

h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color: #999999;
	font-weight:bold;
	padding-right: 15px;
	}
	
	h3{
	font-family:typolatypola;	font-size:2.4rem;
	color: #000;
	font-weight:bold;
	padding-right: 15px;
	}
	
h4{
	display:block;
	font-family:Arial, Helvetica, sans-serif;


	font-size:16px;
	color: #909;
	font-weight:bold;
	padding-right: 15px;}	

p{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.1rem;
	color: #666666;
	padding-bottom: 3px;
	}


.fontimgtitle{
	font-size:12px;
	font-weight: 500;
	color:#000000;
	}
/*top header */
a.menubuttons:link,a.menubuttons:visited,a.menubuttons:hover,a.menubuttons:active {
	display:block;
	width:700px;
	height:35px;
	font-family:typolatypola;
	font-size:30px;
	font-style:none;
	color: #ccc;

	text-decoration:none;
	line-height:35px;
	float:left;
	margin-left:0px;

/*	background: url(../../accordian/accordion/buttons/butn_back_css.jpg);
*/	background-repeat:no-repeat;
	padding-left: 10px;
	padding-top:10px;
letter-spacing:3px;

	}

a.menubuttons:hover {
	color: #ccc;
	cursor: pointer;
	}
a.menubuttons:active {

	color:#ccc;
	background-position: 0px -50px;
	}


a.textlink13:link{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color: #999999;
	font-weight:bold;
	text-decoration:none;
	padding:10px;
	border: none;
	}
a.textlink13:visited{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	padding:10px;
	border: none;
	}
a.textlink13:hover {
	color: #990000;
	}
a.textlink13:active {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#003300;
	padding:10px;
	}
/*44444444444444444*/
a.textlink10:link{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color: #999999;
	font-weight:bold;
	text-decoration:none;
	padding:10px;
	border: none;
	}
a.textlink10:visited{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	padding:10px;
	border: none;
	}
a.textlink10:hover {
	color: #990000;
	}
a.textlink10:active {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#003300;
	padding:10px;
	}




	
.imglogo{

	}
.clearboth{
	clear:both;
	margin-left:auto;
	margin-right:auto;
	}
#exhibfooter {
	width: 1000px;
	clear: both;
	background-color: #F2F2F2;
}

input.btn {
float:left;
	  color: #FFFFFF; 
	  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
	  background-color: #999999; 
	  border: 1.5px solid; 
	  border-color: #696 #363 #363 #696; 
	  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); 
	} 
input.btn:hover { 
  border-color: #FF0000; 
    border: 1.5px solid;
	background-color:#CCCCCC;}

.pageswrapper{
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	background-color: #000;
	text-align:center;
	margin-top: 0px;
	padding: 0px;

	}
	
		
.tn_panel,.textpanel{
	display:block;
	height:auto;
	width:auto;
	margin:auto;
	margin-top:5px;}
			
.textpanel, .textpanel p{
	display:block;
	height:auto;
	width:95%;
	margin:auto;
	margin-top:5px;
	color:#333;
	background-color:#fff;
	text-align:left;
	padding:10px 20px 10px 20px;
	}		
 .textpanel p{	color:#333;	padding:0px 0px 0px 0px;
	}		
/* accordian begin*/
		/*
			Vertical Accordions
		*/
		
		.accordion_toggle, .accordian_hover  {
			display: block;
			height:auto;
			width:100%;
/*			background: url(images/accordion_toggle.jpg) no-repeat top right #000;
*/			padding: 0px 10px 0 10px;
			line-height: 30px;
			color: #ccc;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			color: #fff;
			border-bottom: 1px solid #333;/*bottom border accordian bar */
			cursor: pointer;
			margin: 0 0 0 0;
			font-size:2rem;/*labels on accordian bars*/
		}
		.accordian_hover  {color:red;}
		.accordion_toggle_active {
/*			background: url(images/accordion_toggle_active.jpg) no-repeat top right;<br />
*/			background-color: #000;
			color: #FFCF28;
			border-bottom: 1px solid #B28500;/*bottom of header innerpages */
		}
		
		.accordion_content {
			background-color: #000;
			color: #444444;
			overflow: hidden;
			text-align:center;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #ccc;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
			.vertical_accordion_toggle {
			display: block;
			height: 35px;
			width: 100%;
			background: url(images/accordion_toggle.fw.png) no-repeat top left    ;
			
			background-color:#000;
			padding: 0 10px 0 10px;
			line-height: 35px;
			color: #ccc;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 14px;
			color: #fff;
			
/*			border-bottom: 1px solid #B28500;*/
			/*background of toggle bar vertical nested drop when closed*/
			cursor: pointer;
			margin: 0 0 0 0;


		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.fw.png) no-repeat top left;
			background-color: #000;/*background of toggle bar vertical nested drop when open*/
			color: #ffffff;
			/*border-bottom: 1px solid #B28500;*/
		}

		.vertical_accordion_content {
			background-color: #000;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
			
			

  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 100px;
/*			background: url(images/h_accordion_toggle.jpg) no-repeat top left ;
*/			background-color:#ccc;
			color: #900;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0px;
		}
		
		.horizontal_accordion_toggle_active {
/*			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left;
*/			background-color: #ccc;
			border-right: 1px solid #707;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
				width: 100%;
			overflow: hidden;
			background-color: #ffffff;
			color: #900;
			padding-right: 30px;
		}
			
			.horizontal_accordion_content p {
				width: 100%;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 0px auto 0px 0px;
      width: 100%;   
      height: 1px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 100%;
    }
	
	
.page-footer{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #888;
	padding-bottom: 0px;}	
			
/* end accordian*/	



.imgspc{
	background-color: transparent;
	padding: 5px;
	border: 1px solid gray;
	}
	
.imgspc2{
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px  dashed;
	border-color:#CCCCCC;

	}	
.imgleft{
	float:left;}
	
.imgright{
	float:right;}	
	

.align-center{
		display:block;
		text-align:center;
		margin:auto;

		
		}
	
		
	/*ABOVE USED*/
#wrapper{
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	height:880px;
	background-color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	padding-left: 15px;
}

#textbanner{
	display:block;
	width:250px
	height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #666;
	letter-spacing:10px;
	margin-left:410px;
	margin-top: 25px;
	font-weight: 900;
	font-style: italic;
	word-spacing: normal;

}



.body11nblk{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	}




.submenusub{display:block;
width:95%;
height:45px;
background-color:#ccc;
color:#000;
margin-left:-10px;
font-size:1.4rem;
}		
	

.fill {
  object-fit: fill;
}

.contain {
  object-fit: contain;
}

.cover {
  object-fit: cover;
}

.none {
  object-fit: none;
}

.scale-down {
  object-fit: scale-down;}

.submitbutton {
/*	border: 1px solid #888;
*/	
font:Verdana, Geneva, sans-serif;
	font-size:1.2rem;
	text-decoration:none;
	
	color:#000;
	background-color:#fff;
	padding: 2px 4px 2px 4px;}	
	
/*START CONDITIONAL RESPONSIVE CHANGES*/	
/* ThESE ARE default full width*/	
@media (max-width: 650px) { 
	.accordion_toggle, .accordian_hover  {
	font-size:3.2rem;
	line-height:3.2rem;}
	
	.menubar{
		margin-top:-30px;}
	
	
}
	
@media (max-width: 720px) { 




}	
/*END OF CONDITIONAL DISPLAY CHANGES

*/		
	/* */