* { margin:0; padding:0; text-align:left; }

body {text-align:center; width:100%; position:relative; float:left; width:100%}
.logo {  position:relative; float:left;  margin: 0 auto; background-color:#212121!important;  overflow: hidden;  height:250px }
.logoText {  position:relative; float:left; background-color:#212121!important;  margin:0 auto; width:100%; padding-bottom:50px}
/*.logoBorder {  background:url(../img/headerFakeBorder.gif) repeat-x ;  height: 5px; } */
.logoPrintable {display:none; }

/* ------------------------------------------------*/
/* Surround         															 */
/* ------------------------------------------------*/

.horizBorder { position:relative; float:left; margin:0 auto; background:url(../img/headerFakeBorder.gif) repeat-x ;  height: 5px;}
.logoText span.moto { position:relative; float:left;font:normal 40px/40px Arial, sans-serif, Times, serif; color:#919191; display:block; text-indent:19px; letter-spacing:-1px; }
.logoText h1 { font:normal 50px/50px Georgia, "Times New Roman", Times, serif; padding:0 0 0 0; letter-spacing:-1px; }
.logoText h1 a { font:normal 50px/50px Georgia, "Times New Roman", Times, serif; color:#eaeaea; }
.logoText img {padding-left: 19px}




.overallContainer {}
.outerContainer {
	position:relative; 
	float:left; 
	width:100%; 
	height:auto; 	
	background-color:#dddddd;  
	text-align:center; 
	margin:50px auto 5px; 
	border:0px solid green;
	clear:both;
	padding: 0 20px 0 20px } 

.innerContainer { position:relative; float:left;width:100%; clear:both; 	background-color:#dddddd; border:0px solid red; text-align:left!important; margin:0; padding:0  } 
.contentcontainer { position:relative; float:left; border:0; background-color:#dddddd;  height:380px; min-height:380px; width:100%; top:0; left:0; margin:0; padding:0 0 50px } 

.infopanel { position: relative; float:left; margin:0 auto; width:100%; padding:0 0 20px  0; }
.leftPanel { position: relative; float:left; width:40%; text-align:justify; line-height: 20px; padding: 0px 50px 20px 0;}  
.picturePanel { position: relative; float:left; width:320px; height: 310px; vertical-align:middle; margin-top: 22px; padding: 0px 0 0px 10px; }
.farrightpanel { position: relative; float:left; width:150px; height: 310px; vertical-align:middle; margin-top: 22px; padding: 0px 0 0px 10px; line-height: 20px;}

.outerContainer { width:100%; height:auto; 	background-color:#dddddd;   text-align:center; margin:50px auto 5px; border:0px solid green;clear:both;} 
.innerContainer { position:relative; float:left;width:100%; clear:both; border:0px solid red; text-align:left!important; margin:0; padding:0  } 
.maincontent, 
.exhibitionscontent,
.portfoliocontent,
.contactcontent { position:relative; float:left; border:0; align:center; 	background-color:#dddddd;  min-height:380px; width:100%; top:0; left:0; margin:0; padding:10px19px 50px } 

.container {
	position:relative; float:left;width:100%; clear:both; border:0px solid red; text-align:left!important; margin:0; padding:0;
	height: 650px; 
  vertical-align: middle;
}

.homecontainer {
	position:relative; float:left;width:100%; clear:both; border:0px solid red; text-align:left!important; margin:0; padding:0;
}
  

.biographycontainer {
	position:relative; float:left;width:100%; clear:both; border:0px solid red; text-align:left!important; margin:0; padding:0;
}

.exhibitionscontainer {
	position:relative; float:left;width:100%; clear:both; border:0px solid red; text-align:left!important; margin:0; padding:0;
}


.contactcontainer {
	position:relative; float:left;width:100%; clear:both; border:0px solid red; text-align:left!important; margin:0; padding:0;
}

.portfoliocontainer {
	position:relative; float:left;width:100%; clear:both; border:0px solid red; text-align:left!important; margin:0; padding:0;
}

.portfoliocontainer2 {
	position:relative; 
	float:left;width:100%; 
	clear:both; 
	border:0px solid red; 
	text-align:left!important; 
	margin:0; 
	padding:0;
}


 .portfoliocontainer3 {
  position:relative; float:left;width:140%; clear:both; border:0px solid red; text-align:left!important; margin:0; padding:0; 
}

.portfoliocontainer4 {
  position:relative; float:left;width:160%; clear:both; border:0px solid red; text-align:left!important; margin:0; padding:0; 
}

.thankyoucontainer {
	position:relative; float:left;width:100%; clear:both; border:0px solid red; text-align:left!important; margin:0; padding:0;
}

.largecontainer {
	position:relative; float:left;width:100%; clear:both; border:0px solid red; text-align:left!important; margin:0; padding:0;
}

.marqueecontainer {
	position: relative;
	width: 50%; 
	height: 340px; 
	overflow: hidden;
}

.marqueecontainer2 {
	position: relative;
	width: 50%; 
	height: 340px; 
	overflow: scroll;
}


.vmarquee,
.vmarquee2  {
	position: relative;
}



.leftmargin{
	position: relative; 
	float: left;
 	background-color:#b1b8b6; 
  height: 50%         
	width: 50px; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	z-index: 3;
}

.rightmargin {
	position: relative; 
	float: left;
 	background-color:#b1b8b6;          
  height: 50%         
	width: 50px; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	z-index: 5;
}

p, ul, ol, li, th, td, input, select, textarea {
	color :.555;
	text-decoration : none; 
     	font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	font-size : 14px; 
}

h1, h2, h3, h4 {
	color :.555;
	text-decoration : none; 
     	font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	font-size : 16px; 

}


.portfoliocontent p, ul, ol, li, th, td, input, select, textarea {
	color :.555;
	text-decoration : none; 
     	font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	font-size : 14px; 
}


.exhibitionscontent p, ul, ol, li, th, td, input, select, textarea {
	color :.555;
	text-decoration : none; 
     	font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	font-size : 14px; 
}





.maincontent p, ul, ol, li, th, td, input, select, textarea {
	color :.555;
	text-decoration : none; 
     	font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	font-size : 14px; 
	background-color:#dddddd;
}

.maincontent p{
	text-align: justify;
}


.portfoliocontent p {
	color :.555;
	text-decoration : none; 
	text-align: left;
     	font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	font-size : 14px; 

}

.contactcontent p {
	color : .555; 
	text-align: left; font-size : 11px; 
	font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
 
}

.contactcontent fieldset {
	margin: 0;
	border: 1;
  	padding: 20px;
	padding-top: 10px ;
}

.contactcontent legend {
 	color:#999999;
	margin-left: -5px;
	text-align: left; 
	font-size : 20px;  
	font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
}


/* ------------------------------------------------*/
/* Search           															 */
/* ------------------------------------------------*/
.searchBox {
	position: relative; 
	float: left;
  margin: 0px;
  border: 0px solid red;
  padding: 0px; 
	height: 26px;
  margin-left: 210px;

}


.searchBox form {
  margin: 0px;
  border: 0px;
  padding: 0px; 
}



.searchBox input[type=text] {
	position: relative; 
	float: left;
 	text-decoration : none; 
	text-align: left;
  font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
  font-size : 12px;
  margin: 0px;
  margin-top: 5px;
  border: 0px;
  padding: 0px;
  height: 16px;
  width: 130px;
  background-color:#dddddd;
  border: solid 0px red;

}

.searchBox input[type=image] {
	position: relative; 
	float: left;
	color :.773dc5;
	text-decoration : none; 
  font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	font-size : 14px;
  border: 0px;
  padding: 0px; 
  margin-bottom: 5px;
  margin-top: 1px;
  margin-left: 3px;
  height: 18px;
  width: 25px;
  background-color:#cef2e9;

}

/* ------------------------------------------------*/
/* Anchor           															 */
/* ------------------------------------------------*/

.exhibitionsHolder img { 	
  float: left;	
	align: left;
	width: 20%; 
	margin: 0px; 
	border: 0px; 
	padding: 0px 50% 30px 0px; 
}

.maincontent a:general{ color :.fff;}
.maincontent a:active{ color :.fff;}
.maincontent a:link{ color :.fff;}
.maincontent a:visited { color :.fff;}
.maincontent a:hover {color :.773dc5;}

.contactcontent a:general{ color :.fff;}
.contactcontent a:active{ color :.fff;}
.contactcontent a:link{ color :.fff;}
.contactcontent a:visited { color :.fff;}
.contactcontent a:hover {color :.773dc5;}

.exhibitionscontent a:general{ color :.fff;}
.exhibitionscontent a:active{ color :.fff;}
.exhibitionscontent a:link{ color :.fff;}
.exhibitionscontent a:visited { color :.fff;}
.exhibitionscontent a:hover {color :.773dc5;}


.maincontent span.portfolio_index { 	
			color : .cccccc;
			text-decoration : none; 
     			font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	 		font-size : 50px; 
	 		padding: 0 0 0 80px}  

span.portfolio_index { 	
			color : .cccccc;
			text-decoration : none; 
     			font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	 		font-size : 35px; 
	 		padding: 0 0 0 10px} 

.portfoliocontent a {	
			text-decoration : none; 
     			font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	 		font-size : 35px;
			font-weight : normal
} 

.portfoliocontentText a {	
			text-decoration : none; 
     			font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	 		font-size : 30px;
			font-weight : normal
} 

.portfoliocontentText {	
			position:relative;
			float:left;
			text-decoration : none; 
     			font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	 		font-size : 30px;
			font-weight : normal;
			vertical-align: middle;
			padding-top: 18px;
} 

.portfoliocontentBranchPointer {
	position:relative;
	float:left;

	text-decoration : none; 
 	font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	font-size : 35px;
	font-weight : normal;
	vertical-align: middle;
	padding-top: 0;
}

.portfolio_index a {
			vertical-align: middle 
}

.portfoliocontentText a {
			margin-top: -20px;
			vertical-align: text-top 
}


.portfoliocontent a:link	{ color : .773dc5; } 
.portfoliocontent a:active	{ color : .773dc5; } 
.portfoliocontent a:visited	{ color : .773dc5; } 
.portfoliocontent a:general 	{ color : .773dc5; } 
.portfoliocontent a:hover  	{ color : .60615E; } 

.portfolioPointer a:active,
.portfolioPointer a:visited,
.portfolioPointer a:link,.portfolioPointer a:hover { 
	text-decoration:none; 
	color:#999999 
}

.exhibitionscontent a,
.contactcontent a,
.maincontent a { 
	margin: 0;
	padding: 0px;
	border: 0;
	text-decoration : none; 
	white-space: nowrap;
}

/* ------------------------------------------------*/
/* Navbar         		  													 */
/* ------------------------------------------------*/
.navbar { position:relative; 
	float:left; 
	margin:0 auto; 
	width:100%; 
	padding: 0px 0 30px 5px;  
	overflow: visible;
}

.editbar {
	display:none
}

.navbar a { 
  float: left;	
	margin: 0;
	padding: 0px;
	border: 0;
  align : left ;
  text-align:left;
	text-decoration : none; 
	white-space: nowrap;
	font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif; 
	padding: 0 0 0 15px
}



.navbar a ,
.navbar a:general{ 
	color:#fff;  
}

.navbar a:active,
.navbar a:link,
.navbar a:visited { 
	color:#999 
} 

.navbar a:hover{
	color:#fff
}


/* ------------------------------------------------*/
/* General          															 */
/* ------------------------------------------------*/
p,ul,ol,li,th,td { color:#496378; text-decoration:none; font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; font-size:12px } 
h1,h2,h3,h4,h5,h6 { color:#496378; text-decoration:none; font-family:Georgia } 
.footer p,p.footer { color:#252525; text-decoration:none; font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; font-size:12px } 
h1,h2,h3,h4,h5,h6 {   font-family : arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif;  color:#252525; text-decoration:none; } 
h1,h3,h4 { border-top:3px solid #807d6d; border-bottom:0px solid #807d6d; background:none; color:#252525; font-weight:700; margin:22px 0 15px; padding:5px 0 5px 0px } 
h5,h6 { color:#252525; font-weight:700; margin:14px 0 0;} 
h1 {  border-top:0px; font-size:22px; font-weight: bold; font-size: 18px; font-family: Arial,Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%;   padding:6px 0 5px 0px   } 
h2 {  font-weight: bold; font-size: 36px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%;} h3 {  border-top:0px; font-size:36px; font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%;  padding:0px 0 5px 0px  } 
h4 { font-weight: bold; font-size: 14px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%;} h5 { font-size:12px; font-weight:700; font-style:normal } 
h6 { border-bottom:1px solid .3a8566; font-size:12px; font-style:normal } 
h3.forum {padding-bottom:0px;} span.printUrl { display:none } .footer a { text-decoration:none; color:#252525; font-size:12px } .contentcontainer a,.contentcontainerHome a { text-decoration:none; color:#252525 } .navbar a,.navbar a.hilite,.navbar a.nohilite { text-decoration:none; color:#ccb6f9 } 

h2 { 
	border-top:0px solid #807d6d; 
	border-bottom:0px solid #807d6d; 
	background:none; color:#252525; 
	font-weight:700; 
	margin:0 0 15px; 
	padding:5px 0 5px 0px } 
h5,h6 { color:#252525; font-weight:700; margin:14px 0 0;} 
h1 {  border-top:0px; font-size:22px; font-weight: bold; font-size: 18px; font-family: Arial,Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%;   padding:6px 0 5px 0px   } 
h2 {  font-weight: bold; font-size: 36px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%;} h3 {  border-top:0px; font-size:36px; font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%;  padding:0px 0 5px 0px  } h4 { font-weight: bold; font-size: 14px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%;} h5 { font-size:12px; font-weight:700; font-style:normal } h6 { border-bottom:1px solid .3a8566; font-size:12px; font-style:normal } h3.forum {padding-bottom:0px;} span.printUrl { display:none } .footer a { text-decoration:none; color:#252525; font-size:12px } .contentcontainer a,.contentcontainerHome a { text-decoration:none; color:#252525 } .navbar a,.navbar a.hilite,.navbar a.nohilite { text-decoration:none; color:#ccb6f9 } 
h5 {padding:0}
ul,ol,li { color:#496378; text-decoration:none; font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; font-size:12px; padding: 10px 0 10px 10px;  text-align:justify; }  
p { color:#496378; text-decoration:none; font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; font-size:12px; padding: 10px 0 10px 0px;  text-align:justify; }  
th,td { color:#496378; text-decoration:none; font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; font-size:12px; padding: 2px 0 2px 0px;  text-align:justify; }  

h2 {
    font-weight: normal;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 120%;
    color:#555;
}

dd, dt { color:#496378; text-decoration:none; font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; font-size:12px; padding: 0px 0 0px 10px;  text-align:left; }  



.footer p { margin-top:0; color:#656565; border:0; text-decoration:none; text-align:center; font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; font-size:9px } 
a.backtotop { background:url(../img/toTop.png) no-repeat 0 1px; clear:both; color:#ebebeb; font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; font-size:10px; padding-left:20px } 
.editbar a { border:0; text-decoration:none; color:#FFF!important; font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; font-size:10px; font-weight:700; border-bottom:1px .ebebeb solid; width:50px; margin:0; padding:0 0 0 10px } 
fieldset { border:1px solid .FFF; margin:0; padding:10px 20px 20px } legend { color:#59487c; margin-left:-5px; font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; font-size:24px; text-decoration:none; text-align:left } 
label { float:left; position:absolute; text-align:right; color:#496378; width:65px; font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; font-size:12px } 


input,select { border: 1px outset .c0c0c0; 
	background:.44444; 
	color:#496378;
	 margin-left:0px; 
	 font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; 
	 font-size:20px; 
	 padding-left:4px;
	 padding-right:4px;
	} 

input[type=submit],input[type=reset] {
 background:.44444; 
 margin-left:0; 
 color:#496378; 
 font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; 
 font-size:10pt;  } 

input[type=submit] { 
	margin-left:0px; 
	margin-top: 10px; border: 2px outset .ffffff } 

input.editor,select.editor,input.editor[type=submit] { 
		margin-left:0 } 

textarea { 
	border: 2px solid .ffffff!important; 
  background:.44444; 
  border:0 solid red; 
  margin-left:0; 
  font-family:arial, 'lucida console', sans-serif, Times, 'New Centrury Schoolbook', Palatino, Serif; 
  font-size:14px 
} 


.textBox{
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color: rgba(104, 128, 145, 1);
  height: 36px; 
  vertical-align:middle;
  line-height: 1em;
}

input[type=submit] {     margin-left: 0px;
    margin-top: 10px;
    border: 2px outset .ffffff;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px; }

input,select { border: 2px solid .ffffff ;}

.teamMemimgpanel { position:relative; float:left; width:10%; text-align:left; padding:20px 15px 5px 0 } 
.cellFormControls { position:relative; float:left; width:650px; text-align:left; border:0; margin:0; padding:0 } 
.teamMemItem { position:relative; float:left; width:650px; text-align:left; padding:0 0 40px } 
.teamMeminfopanel { position:relative; float:left; width:250px; text-align:left; margin:0; padding:0 15px 5px 10px } 


/*
* html .dropmenudiv a { width:100% } */
html>body .contentcontainer,
html>body .contentcontainerHome { height:auto } 

.footer a,.contentcontainer a,.contentcontainerHome a { text-decoration:none; color:#252525 } 
.footer a:active,
.footer a:link,
.footer a:visited,
.footer a:hover,
.contentcontainer a:active,
.contentcontainer a:link,.contentcontainer a:visited,
.contentcontainerHome a:active,
.contentcontainerHome a:link,
.contentcontainerHome a:visited { color:#252525 } 


.contentcontainer a:hover,
.contentcontainerHome a:hover { 
	color:#999999 
} 




.editbar a:active,.editbar a:link,.editbar a:visited { color:#blue }   
.aboutDropmenu a:hover { color:#fff; background: url(../img/activePointer1.gif) no-repeat 0% 100%; }
.treatmentsDropmenu a:hover { color:#fff; background: url(../img/activePointer1.gif) no-repeat 0% 100%; }

p { font-family: "Arial", sans-serif; font-size: 16px; color:#999999 } 


.leftPanel li { line-height: 30px;}
.leftPanel a  { font-size:14px; text-decoration: none}
.leftPanel a:link,
.leftPanel a:visited { color:#656565;  }
.leftPanel a:active { color:#656565; }
.leftPanel a:hover { color:#0668b3; } 


label.login { margin-left:0; width:80px; text-align:left } 
input.indent,input.login,select.indent { margin-left:110px; } 

textarea {border:1px solid grey;}
contact.input[type=submit] { margin-left:0px; } 



.hide { display: none; }
.clear { clear: both; }
.infopanel { position: relative; float:left; margin:0 auto; width:100%; padding:0 0 20px  0; }
.leftPanel { position: relative; float:left; width:40%; text-align:justify; line-height: 20px; padding: 0px 50px 20px 0;}  
.picturePanel { position: relative; float:left; width:320px; height: 310px; vertical-align:middle; margin-top: 22px; padding: 0px 0 0px 10px; }
.farrightpanel { position: relative; float:left; width:150px; height: 310px; vertical-align:middle; margin-top: 22px; padding: 0px 0 0px 10px; line-height: 20px;}


.panel { }
.clr { clear:both; }

.newspanel { position:relative; float:left; background-color:#e7ebed; width:178px; height:20%; text-align:left;  margin:0; padding:15px 18px 0 } 
.forminfopanel { position:relative; float:left; background-color:#e7ebed; width:374px; height:450px; border-right:1px solid .496378; text-align:left;  margin:0; padding:15px 30px 0 45px } 
.formpanel { position:relative; float:left; background-color:#e7ebed; width:375px; height:450px; border:0; text-align:justify;  margin:0; padding:15px 30px 0 45px } 
.contactlabels { position:relative; float:left; width:120px; border:0; text-align:right; margin:40px 10px 0 0; padding:0 } 
.contactboxes { position:relative; float:left; width:270px; border:0; text-align:left; margin:40px 20px 0 10px; padding:0 } 
.rightpanel { position:relative; float:left; width:50px; border:0;  margin:40px 0 0 50px; padding:0;  } 
.footer { margin:0 auto; width:100%; background-color:#f4f7fa; width:90%; height:20px;  text-align:left; top:0; left:0;  padding:10px 0 0 } 
.exampleSiteIcon { position:relative; float:left; width:180px; height:auto; border:0; text-align:left; margin:0; padding:10px 0 20px } 
.marqueecontainer { position:relative; float:left; border:0; left:0; width:180px; height:125px; overflow:hidden; margin:0; padding:0 } 
.marqueecontainer2 { position:relative; float:left; width:20%; height:20%; overflow:scroll } .vmarquee,.vmarquee2 { position:relative } 
.cellFormControls { position:relative; float:left; width:90%; text-align:left; border:0; margin:0; padding:0 } 
.bookItem { position:relative; float:left; width:90%; text-align:left; padding:0 0 40px } 
.bookimgpanel { position:relative; float:left; width:165px; text-align:left; padding:20px 15px 5px 0 } 
.bookinfopanel { position:relative; float:left; width:50%; text-align:left; margin:0; padding:0 15px 5px 10px } 
.horizlinepanel { position:relative; float:left; width:100%; height:10px; border:0;  margin:3px 0 } 
.editInfopanel { position:relative; float:left; width:470px; text-align:left; border:0 solid .red; margin:0; padding:0 15px 0 0 } 
.editMenupanel { position:relative; float:left; width:315px; text-align:left; border:0 solid .red; margin:0; padding:0 15px 0 0 } 


/* ------------------------------------------------*/
/* Home Page         															 */
/* ------------------------------------------------*/

.homePageImgContainer {
	position:relative;
	float:left;
	width:100%; 
}

.homePageImg {
	position:relative; 
	float:left; 
	width:205px; 
	margin-right:4px; 
	margin-bottom:2px;
}

.homePageImgRowSpacer {
	position:relative; 
	float:left; 
	width: 100%;
	height: 1px;
}


/* ------------------------------------------------*/
/* Contact         													  		 */
/* ------------------------------------------------*/
.contactIcons{
	position:relative; 
	float:left; 
	width:60px;
}




.contactInfo {
	position:relative; 
	float:left; 
	width:200px;
	margin-left: 30px;
	font-family: "Arial", sans-serif; 
	font-size: 30px;
	color: #333;
	margin-top: 30px;
}

.contactInfo a { 
  float: left;	
	margin: 0;
	padding: 0px;
	border: 0;
  align : left ;
  text-align:left;
	text-decoration : none; 
	white-space: nowrap;
	font-size: 25px;
	font-family : arial, 'lucida console', sans-serif, Times, "New Centrury Schoolbook", Palatino, Serif;
}



.contactInfo a ,
.contactInfo a:general{ 
	color:#333;  
}

.contactInfo a:active,
.contactInfo a:link,
.contactInfo a:visited { 
	color:#333 
} 

.contactInfo a:hover{
	color:darkolivegreen;
}

/* ------------------------------------------------*/
/* Biography         															 */
/* ------------------------------------------------*/
.bio{
	font-family: "Arial", sans-serif; 
	font-size: 16px; 
	color:#555 ; 
  line-height: 120%;
  width: 88%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

.bioImage{
  width: 600px;
}


/* ------------------------------------------------*/
/* Exhibitions      															 */
/* ------------------------------------------------*/
.exhibitionList{
	position:relative;
	float:left;
	width:100%;
	font-family: "Arial", sans-serif; font-size: 16px; 
	color:#999999 ; 
}


.exhibitionContainer{
	position:relative;
	float:left;
	margin-bottom: 20px;
	margin-right: 10px;
	width:100%;
}

.exhibitionYear{
	position:relative;
	float:left;
	width:10%;
	margin-left: 0;
	border: 0px solid cyan;
}

.exhibitionPlace{
	position:relative;
	float:left;
	width:26%;
	margin-left: 3%;
}

.exhibitionType{
	position:relative;
	float:left;
	width:24%;
	margin-left: 3%;
}

.exhibitionTitle{
	position:relative;
	float:left;
	width:25%;
	font-weight: 700;
}

/* ------------------------------------------------*/
/* Portfolio 		        													 */
/* ------------------------------------------------*/
.portfolioBranchPanel { 
	position:relative; 
	float:left; 
	width:95%; 
	text-align:left; 
	margin:0; 
	padding:0 0px 15px 0px 
} 
.portfolioPointer { 
	position:relative; 
	float:left; 
	width:100%;  
	text-align:left; 
	padding: 0px 0px 10px 0px;
}
.portfolioBranchNodePanel {
 	position:relative; 
	float:left; width:100%; 
	text-align:left; 
	margin:0; 
	padding:0 0px 0px 0px 
}

.portfolioNodeImg, .portfolioNodeMiniImg {
    position: relative;
    float: left;
    width: 760px;
    text-align: left;
    padding: 0;
    margin: 0;
    border: 0px solid red;
}

.portfolioNodeDetails{
	position:relative; 
	float:left; 
	width:250px; 
	text-align:left; 
	padding:20px 0px 0px 20px
}
.portfolioNodeMiniImg {
	width:50%; 
}
.portfolioNodeMiniDetails {
	width:100%; 
	font-size: 6px, color:#BBB;
}


.portfolioBranchcolPanel {
	position:relative; 
	float:left; 
	width:70%;  
	text-align:left; 
	padding:5px 20px 0px 20px; 
	overflow:hidden 
} 
.portfolioBranchcolImgPanel {
	position:relative; 
	float:left; 
	width:720px; 
	text-align:left; 
	padding:0 0px 0px 0px
}
.portfolioBranchcol {
	position:relative; 
	float:left;
	text-align:left; 
	padding:0 20px 0px 0px 
}
.filmstripSpacer {
	position:relative; 
	float:left; 
	width:5px
}
.portfolioTreePanel { 
	position:relative; 
	float:left; 
	width:89%; 
	text-align:left; 
	margin:0; 
	padding:0 15px 5px 0px 
}
.portfolioTreeColPanel {
	position:relative; 
	float:left; 
	width:30%; 
	text-align:left; 
	padding:0 10px 30px 0px; 
	font-family: "Arial", sans-serif; 
	font-size: 18px; color:#555; 
}



.portfolioNodeDetails h5 {
	text-align:left; 
	font-family: "Arial", sans-serif; 
	font-size: 18px; 
	color:#252525; 
	font-weight:700; 
	margin:0 0 15px 0;
}
.portfolioNodeHiddenDetails {
	display:none
}
.artworkItem { 
	position:relative; 
	float:left; 
	width:90%; 
	text-align:left; 
	padding:0 0 40px 
} 

.artworkImgpanel { 
	position:relative; 
	float:left; 
	width:70%; 
	text-align:left; 
	padding:20px 15px 5px 0 
} 

.artworkInfopanel { 
	position:relative; 
	float:left; 
	width:20%; 
	text-align:left; 
	margin:0; 
	padding:0 15px 5px 10px 
} 
         
.portfolioContainer{
	position:relative;
	float:left;
	margin-bottom: 20px;
	border: 1px solid red;
	width:100%;
}

.portfolioImage{
	position:relative;
	float:left;
	width:80%;
	 margin-left: 10px;
	border: 1px solid blue;
}

.xtraSmallPortfolioImg, .smallPortfolioImg, .mediumPortfolioImg, .largePortfolioImg{
	position:relative;
	float:left;
	 margin-left: 20px;
	border: 1px solid blue;
}

.xtraSmallPortfolioImg, .smallPortfolioImg, .mediumPortfolioImg {
	display: none;

}

.xtraSmallPortfolioImg {
	width: 250px;
}

.smallPortfolioImg {
	width: 300px;
}

.mediumPortfolioImg {
	width: 450px;
}

.largePortfolioImg {
	width: 750;
}


.portfolioInfo{
	position:relative;
	float:left;
	width:18%;
	 margin-left: 10px;
	border: 1px solid grey;
}


 
/* ------------------------------------------------*/
/* Icons     		        													 */
/* ------------------------------------------------*/
.iconSpacer {
	position:relative; 
	float:left; 
	width:100%;
	height:1px;
}

.svgicon {
    display: inline-block;
    overflow: visible;


		width: 50px !important;
		height: 50px !important;
		background: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M1.4 25.47L46.56 73a4.53 4.53 0 0 0 6.56.16L98.6 25.63' fill='none' vector-effect='non-scaling-stroke' stroke-width='3px' stroke='%23000' stroke-linecap='round' stroke-miterlimit='10'/%3E%3C/svg%3E")no-repeat right !important;
    -webkit-appearance: none;
    color: #333;
		transition: all 0.2s ease;
    background-size: 1rem 1rem!important;
    background-position: right 0.625rem;
    stroke: #333;		        
		stroke-width: 3px;
		stroke-linecap: round;
		stroke-linejoin: round;

}


.iconHouse {
		position:relative; 
		float:left; 
    display: inline-block;
    overflow: visible;


		width: 50px !important;
		height: 50px !important;
    /*background-image: url("data:image/svg+xml;utf8,<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 9.5L.5 13H3v9h7v-6h4v6h7v-9h2.5L12 1.5l-4 4V3H4zM5 4h2v3.914l5-5L21.086 12H20v9h-5v-6H9v6H4v-9H2.914L5 9.914z"/><path fill="none" d="M0 0h24v24H0z"/></svg>");
    */
    -webkit-appearance: none;
    color: #333;
		transition: all 0.2s ease;
    background-size: 1rem 1rem!important;
    background-position: right 0.625rem;
    stroke: #333;
    margin-bottom:20px;

}

.iconLocation {
	    
		position:relative; 
		float:left; 
		display: inline-block;
    overflow: visible;


		width: 50px !important;
		height: 50px !important;
    /*background-image: url("data:image/svg+xml;utf8,<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 9.5L.5 13H3v9h7v-6h4v6h7v-9h2.5L12 1.5l-4 4V3H4zM5 4h2v3.914l5-5L21.086 12H20v9h-5v-6H9v6H4v-9H2.914L5 9.914z"/><path fill="none" d="M0 0h24v24H0z"/></svg>");
    */
    -webkit-appearance: none;
    color: #333;
		transition: all 0.2s ease;
    background-size: 1rem 1rem!important;
    background-position: right 0.625rem;
    stroke: #333;		        
		stroke-width: 3px;
		stroke-linecap: round;
		stroke-linejoin: round;
		padding-left:12px;
    margin-bottom:20px;
    margin-top:20px;
		margin-right: 30px;
}


.iconEmail {
	  
		position:relative; 
		float:left; 
		display: inline-block;
    overflow: visible;


		width: 50px !important;
		height: 50px !important;
    /*background-image: url("data:image/svg+xml;utf8,<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 9.5L.5 13H3v9h7v-6h4v6h7v-9h2.5L12 1.5l-4 4V3H4zM5 4h2v3.914l5-5L21.086 12H20v9h-5v-6H9v6H4v-9H2.914L5 9.914z"/><path fill="none" d="M0 0h24v24H0z"/></svg>");
    */
    -webkit-appearance: none;
    color: #333;
		transition: all 0.2s ease;
    background-size: 1rem 1rem!important;
    background-position: right 0.625rem;
    stroke: #333;		        
		stroke-width: 3px;
		stroke-linecap: round;
		stroke-linejoin: round;
		padding-left:20px;
    margin-top:20px;
    margin-bottom:20px;
		margin-right: 30px;
}

.iconMobile {
	  display: inline-block;
    overflow: visible;


		width: 80px !important;
    /*background-image: url("data:image/svg+xml;utf8,<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 9.5L.5 13H3v9h7v-6h4v6h7v-9h2.5L12 1.5l-4 4V3H4zM5 4h2v3.914l5-5L21.086 12H20v9h-5v-6H9v6H4v-9H2.914L5 9.914z"/><path fill="none" d="M0 0h24v24H0z"/></svg>");
    */
/*    -webkit-appearance: none;
    color: #333;*/
		transition: all 0.2s ease;
    background-size: 1rem 1rem!important;
    background-position: right 0.625rem;
/*    stroke: #333;		        
		stroke-width: 3px;
		stroke-linecap: round;
		stroke-linejoin: round;*/
    margin-bottom:20px;
}
 
.iconArrow {
	  display: inline-block;
    overflow: visible;

    margin-top:15px;
		width:  40px !important;
		height: 40px !important;
    /*background-image: url("data:image/svg+xml;utf8,<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 9.5L.5 13H3v9h7v-6h4v6h7v-9h2.5L12 1.5l-4 4V3H4zM5 4h2v3.914l5-5L21.086 12H20v9h-5v-6H9v6H4v-9H2.914L5 9.914z"/><path fill="none" d="M0 0h24v24H0z"/></svg>");
    */
/*    -webkit-appearance: none;
    color: #333;*/
		transition: all 0.2s ease;
    background-size: 1rem 1rem!important;
    background-position: right 0.625rem;
/*    stroke: #333;		        
		stroke-width: 3px;
		stroke-linecap: round;
		stroke-linejoin: round;*/
}


/* ------------------------------------------------*/
/* Media Queries    															 */
/* ------------------------------------------------*/
@media (min-width: 1024px) {
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
	 	font-size : 16px;
	}

	.logoText {
		font-size:16px ;
	}

	.largePortfolioImg {
		display: inline;
	}

	.xtraSmallPortfolioImg, .smallPortfolioImg, .mediumPortfolioImg{
		display: none;
	}
}

@media (min-width: 1061px) {
	.homecontainer {

		width:1024px; 
	}

	.largePortfolioImg {
		display: inline;
	}

	.xtraSmallPortfolioImg, .smallPortfolioImg, .mediumPortfolioImg{
		display: none;
}
}



@media (max-width: 1023px) and (orientation:landscape){
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:20px;  
	}

	.logoText {
		font-size:20px ;
	}

	.logoImage {
		width:;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 300px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

.exhibitionYear{
		width:10%;
		margin-left: 10px;
		border:0px solid magenta;
	}


	.mediumPortfolioImg {
		display: inline;
	}

	.xtraSmallPortfolioImg, .smallPortfolioImg, .largePortfolioImg{
		display: none;
	}

	.iconZoom {
		display:none;
	}
}

@media (max-width: 1023px) {
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:20px;  
	}

	.logoText {
		font-size:20px ;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 300px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

.exhibitionYear{
		width:10%;
		margin-left: 10px;
		border:0px solid magenta;
	}

	.largePortfolioImg{
		display: inline;
	}

	.xtraSmallPortfolioImg, .smallPortfolioImg, .mediumPortfolioImg{
		display: none;
	}

	.iconZoom {
		display:none;
	}
}


@media (max-width: 769px) {


	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:20px;  
	} 

	.logoText {
		font-size:30px ;
	}


	.portfolioNodeImg {

		width: 300px;
	}

	.portfolioNodeDetails {
    position: relative;
    float: left;
    width: 100%;
	}


	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 300px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

	.exhibitionYear{
		width:10%;
		margin-left: 10px;
		border:0px solid white;
	}


	.mediumPortfolioImg {
		display: inline;
	}

	.xtraSmallPortfolioImg, .smallPortfolioImg, .largePortfolioImg{
		display: none;
	}


	h2 {
    margin-top: 0px;
	}
}


@media (max-width: 640px) {

	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:20px;  
	} 

	.logoImage {
		width:600px;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 300px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

	.portfolioNodeImg {

		width: 300px;
	}


	.exhibitionYear{
		width:10%;
		margin-left: 10px;
		border:0px solid green;
	}

	.smallPortfolioImg {
		display: inline;
	}

	.xtraSmallPortfolioImg, .mediumPortfolioImg, .largePortfolioImg{
		display: none;
	}

	.bioImage{
	  width: 500px;
	}
}

@media (max-width: 540px) {
	.homePageImg {
		width: 95%
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 250px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

	.exhibitionYear{
		width:10%;
		margin-left: 10px;
		border:0px solid yellow;
	}

	.smallPortfolioImg {
		display: inline;
	}

	.xtraSmallPortfolioImg, .mediumPortfolioImg, .largePortfolioImg{
		display: none;
	}

	.bioImage{
	  width: 440px;
	}
}

@media (max-width: 480px) {
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:16px;  
	}

	.logoText span.moto {
		font: normal 30px / 30px Arial, sans-serif, Times, serif;
	}

	.portfolioNodeImg {

		width: 300px!important;
	}
 
	.smallPortfolioImg {
		display: inline;
	}

	.xtraSmallPortfolioImg, .mediumPortfolioImg, .largePortfolioImg{
		display: none;
	}


	.bioImage{
	  width: 350px;
	}

}


@media (min-width: 433px) {
	.homePageImg {
		width:205!important;
	}

}

@media (max-width: 432px) {
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:16px;  
	} 

	.homePageImg {
		width:300px!important;
		margin-left:3%!important;
	}

	.logoImage {
		width:500px;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 360px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

	.exhibitionYear{
		width:10%;
		margin-left: 0;
		border:0px solid black;
	}


	.exhibitionPlace{
			width:27%;
		  margin-left: 2%;
		}

	.exhibitionType{
			width:26%;
		  margin-left: 2%;
		}

	.exhibitionTitle{
			width:23%;
		  margin-left: 2%;
		}

	.bioImage{
	  width: 320px;
	}

	.bio{
	  font-size: 20px;
	}

	.smallPortfolioImg {
		display: inline;
	}

	.xtraSmallPortfolioImg, .mediumPortfolioImg, .largePortfolioImg{
		display: none;
	}
}

@media (max-width: 400px) {
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:15px;  
	} 

/* iPhone 
@media (max-device-width: 430px) and (orientation:portrait){

	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:18px;  
	} 

	.homePageImg {
		width: 190px
	}

	.logoText {
		font-size:14px ;
	}

	.logoImage {
		width:550px;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 360px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

	.exhibitionYear{
		width:10%;
		margin-left: 10px;
		border:0px solid black;


	.exhibitionPlace{
			width:27%;
		  margin-left: 3%;
		}

	.exhibitionType{
			width:25%;
		  margin-left: 3%;
		}

	.exhibitionTitle{
			width:23%;
		  margin-left: 3%;
		}

	.bioImage{
	  width: 375px;
	}

	.bio{
	  font-size: 20px;
	}
}

*/

@media (max-width: 376px) {
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:14px;  
	}

	.logoText span.moto {
		font: normal 30px / 30px Arial, sans-serif, Times, serif;
	} 

	.xtraSmallPortfolioImg {
		display: inline;
	}

	.smallPortfolioImg, .mediumPortfolioImg, .largePortfolioImg{
		display: none;
	}
}


@media (max-width: 360px) and (orientation:portrait){

	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:13px;  
	} 

	.homePageImgCell {
		width:150px; 
	}

	.homePageImg {
		width: 160px
	}

	.logoText {
		font-size:10px!important ;
	}

	.logoImage {
		width:450px;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 300px;
		padding: 0 5px 30px 0px;
		font-size: 18px;
	}

	.exhibitionYear{
		width:10%;
		border:0px solid blue;
	}


	.exhibitionPlace{
			width:25%;
		  margin-left: 1.5%;
		}

	.exhibitionType{
			width:27%;
		  margin-left: 1.5%;
		}

	.exhibitionTitle{
			width:23%;
		  margin-left: 1.5%;
		}

		.xtraSmallPortfolioImg {
			display: inline;
		}

		.smallPortfolioImg, .mediumPortfolioImg, .largePortfolioImg{
			display: none;
		}
}



@media (max-width: 340px) {
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:12px;  
	}

	.xtraSmallPortfolioImg {
		display: inline;
	}

	.smallPortfolioImg, .mediumPortfolioImg, .largePortfolioImg{
		display: none;
	}

}







/* Surface Duo */
/* iPad */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:20px;  
	}

	.logoText {
		font-size:20px ;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 300px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

	.exhibitionYear{
		width:10%;
		margin-left: 10px;
		border:0px solid white;
	}

.exhibitionPlace{
		width:27%;
	  margin-left: 3%;
	}

.exhibitionType{
		width:25%;
	  margin-left: 3%;
	}

.exhibitionTitle{
		width:23%;
	  margin-left: 3%;
	}

	.bioImage{
	  width: 450px;
	}

	.bio{
	  font-size: 20px;
	}
	    
 }


/* iPad screens */
@media only screen and (device-width: 768px) {
{


	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:30px;  
	} 

	.logoText {
		font-size:30px ;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 300px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

	.exhibitionContainer{
		margin-bottom: 20px;
		margin-right: 3%;
	}

	.exhibitionYear{
		width:10%;
	  margin-left: 3%;
		border:0px solid cadetblue;
	}

.exhibitionPlace{
		width:20%;
		 margin-left: 3%;
	}

.exhibitionType{
		width:35%;
	  margin-left: 3%;
	}

.exhibitionTitle{
	  margin-left: 3%;
		width:30%;
	}

	.bioImage{
	  width: 700px;
	}

	.bio{
	  font-size: 20px;
	}
}


/* Surface Duo */
/* iPad */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:20px;  
	}

	.logoText {
		font-size:20px ;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 300px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

.exhibitionYear{
		width:10%;
		margin-left: 10px;
		border:0px solid green;
	}

.exhibitionPlace{
		width:27%;
	  margin-left: 3%;
	}

.exhibitionType{
		width:25%;
	  margin-left: 3%;
	}

.exhibitionTitle{
		width:23%;
	  margin-left: 3%;
	}

	.bioImage{
	  width: 419px;
	}

	.bio{
	  font-size: 20px;
	}
}

@media (min-width: 1024px) {
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
	 	font-size : 16px;
	}

	.logoText {
		font-size:16px ;
	}

	.exhibitionYear{
		width:10%;
		margin-left: 2%;
		border:0px solid black;
	}
}


@media only screen and (min-width: 480px) and (max-width: 540px)  {	
	.homePageImg {
		width: 95%
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 250px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

	.exhibitionContainer{
		margin-bottom: 20px;
		margin-right: 3%;
	}

	.exhibitionYear{
		width:10%;
		margin-left: 2%;
		border:0px solid grey;
	}

	.exhibitionPlace{
		width:20%;
		margin-left: 10px;
	}

	.exhibitionType{
		width:20%;
		 margin-left: 10px;
	}

	.exhibitionTitle{
		width:30%;
	}

	.bioImage{
	  width: 450px;
	}
}

/* iPhone 14 Pro Max */
@media only screen 
      and (device-width: 430px) 
      and (device-height: 932px) 
      and (-webkit-device-pixel-ratio: 3),
@media (min-width: 430px)   {	
	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:30px;  
	} 

	.logoText {
		font-size:30px ;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 300px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

	.exhibitionContainer{
		margin-bottom: 20px;
		margin-right: 3%;
	}

	.exhibitionYear{
		width:10%;
	  margin-left: 3%;
		border:0px solid greenyellow;
	}

.exhibitionPlace{
		width:20%;
		 margin-left: 3%;
	}

.exhibitionType{
		width:35%;
	  margin-left: 3%;
	}

.exhibitionTitle{
	  margin-left: 3%;
		width:30%;
	}

	.bioImage{
	  width: 400px;
	}

	.bio{
	  font-size: 20px;
	}
}

@media only screen and (max-width: 430px) {	

	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:40px;  
	} 

	.homePageImg {
		width: 190px
	}

	.logoImage {
		width:300px;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 200px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}

	.exhibitionContainer{
		margin-bottom: 20px;
		margin-right: 3%;
	}

	.exhibitionYear{
		width:10%;
		 margin-left: 10px;
		border:0px solid yellow;
	}

	.exhibitionPlace{
		width:20%;
		 margin-left: 3%;
	}

	.exhibitionType{
		width:35%;
		 margin-left: 10px;
	}

	.exhibitionTitle{
		width:30%;
	}

	.bioImage{
	  width: 300px;
	}
}

/*  */
@media only screen and (max-width: 320px)  {	

	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:40px;  
	} 

	.homePageImgCell {
		width:150px; 
	}

	.homePageImg {
		width: 160px
	}

	.logoImage {
		width:250px;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 150px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}


.exhibitionContainer{
		margin-bottom: 20px;
		margin-right: 3%;
	}

	.exhibitionYear{
		width:10%;
		margin-left: 10px;
		border: 1px solid red;
	}

.exhibitionPlace{
		width:20%;
		margin-left: 3%;
	}

.exhibitionType{
		width:35%;
		 margin-left: 3%;
	}

.exhibitionTitle{
		width:28%;
	}

.bioImage{
	  width: 300px;
	}
}



/* iPad mini */
@media only screen and (max-width: 430px)  {	

	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:30px;  
	} 

	.homePageImgCell {
		width:150px; 
	}

	.homePageImg {
		width: 160px
	}

	.logoImage {
		width:600px;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 150px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}


.exhibitionContainer{
		margin-bottom: 20px;
		margin-right: 3%;
	}

.exhibitionYear{
		width:10%;
		margin-left: 10px;
		border:0px solid darkkhaki;
	}

.exhibitionPlace{
		width:20%;
		margin-left: 3%;
	}

.exhibitionType{
		width:35%;
		 margin-left: 3%;
	}

.exhibitionTitle{
		width:28%;
	}

	.bioImage{
	  width: 700px;
	}

	.bio{
	  font-size: 30px;
	}

	h2 {
		font-size:50px!important;
	}
}




/* iPad mini */
@media only screen and (min-width: 700px)  and (max-width: 800px){	

	.navbar a,
	.navbar a,
	.navbar a.hilite { 
		font-size:18px;  
	} 

	.homePageImgCell {
		width:150px; 
	}

	.homePageImg {
		width: 160px
	}

	.logoImage {
		width:600px;
	}

	.portfolioBranchcolPanel,
	.portfolioTreeColPanel {
		width: 150px;
		padding: 0 10px 30px 0px;
		font-size: 18px;
	}


.exhibitionContainer{

		width:90%;
		margin-bottom: 20px;
		margin-right: -2%;
	}

.exhibitionYear{
		width:5%;
		margin-left: 0;
		border:0px solid sienna;
	}

.exhibitionPlace{
		width:11%;
		margin-left: 1.5%;
	}

.exhibitionType{
		width:15%;
		 margin-left: 1.5%;
	}

.exhibitionTitle{
		width:25%;
		 margin-left: 1.5%;
	}

	.bioImage{
	  width: 700px;
	}

	.bio{
	  font-size: 30px;
	}

	h2 {
		font-size:50px!important;
	}
}