@charset "UTF-8";
/* CSS Document */
/* colours:
pink: e50066
beige: w2cba3
green: 7E734E
blue: 3A3542
charcoal: 6D6062
lt grey: E5E5E5 
yellow: EFE23A */


/* common styles */
body	{
	padding:0px;
	margin:0px;
	background-color:#ffffff;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#333333;
	text-align: left;
	z-index: -10;
}
p, td, tr, li, dd, dt, ul, ol {
margin-top:0px;
font-size:13px;
padding-top:5px;
padding-bottom:5px;
line-height: 17px;}

td { vertical-align:top;
	 text-align:left;
	 padding:0px;
	 }
ul {left:-20px;}


.heading1 {	font-size:13px;
			font-weight:700;
			letter-spacing:0.75px;
			font-family:Arial, Geneva, Helvetica, sans-serif;
	}
	
.heading2 {	font-size:13px;
			font-weight:700;
			letter-spacing:0.75px;
			font-family:Arial, Geneva, Helvetica, sans-serif;
	}

/* link styles */

a:link {text-decoration:none;
		color:#e50066;}
a:visited {text-decoration:none;
		color:#e50066;}
a:hover {text-decoration:none;
		color:#e50066;
		background-color:#efe23a;}
a:active {text-decoration:none;
		color:#3A3542;
		background-color:#efe23a;}

/* links without yellow highlight */	
a.nobgd:hover {text-decoration:none;
		color:#e50066;
		background-color:#ffffff;}
a.nobgd:active {text-decoration:none;
		color:#e50066;
		background-color:#ffffff;}

/* links that look like regular text */
a.dark:link {text-decoration:none;
		color:#3A3542;}
a.dark:visited {text-decoration:none;
		color:#3A3542;}
a.dark:hover {text-decoration:none;
		color:#3A3542;
		background-color:#efe23a;}
a.dark:active {text-decoration:none;
		color:#7E734E;
		background-color:#efe23a;}

/* exhibition links on past exhibitions page */
a.ex_link:link {text-decoration:none;
		color:#7E734E;}
a.ex_link:visited {text-decoration:none;
		color:#7E734E;}
a.ex_link:hover {text-decoration:none;
		color:#3A3542;
		background-color:#efe23a;}
a.ex_link:active {text-decoration:none;
		color:#e50066;}
		


/* container for entire page */
#container { 
position: relative;
width: 800px;
text-align: left;
/* margin-left:150px;
margin-right:auto;*/
margin-left:75px;
margin-right:50px;
z-index:2;
padding-bottom:30px;
margin-bottom:100px;
}

/* dotted line divider */
#divider { border-bottom:1px #7E734E dotted;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;}

/* logo at top left */

#logo {
position:absolute;
	top: 50px;
	left: 50px;
	width: 150px;
	text-align:left;
}


/* main menu at left */
#menu_main {
position: absolute;
top:240px;
left:50px;
width:100px;
	line-height:20px;
	text-align:left;
	padding-left:3px;
}


/* submenu - appears on some page */
#menu_sub { font-size:12px;
line-height: 15px;
position:relative;
left:40px;
width:120px;
text-align:left;
font-style:italic;
}

/* menu link styles */
a.menu1:link {text-decoration:none;
			  color:#3A3542;}
			  
a.menu1:visited {text-decoration:none;
			  color:#3A3542;}
			  
a.menu1:hover {text-decoration:none;
				color:#3A3542;
				background-color:#EFE23A;}
				
a.menu1:active {text-decoration:none;
				color:#3A3542;
				background-color:#EFE23A;}

a.menu1_on:link {text-decoration:underline;
			  color:#e50066;
			  font-weight:bold;}
			  
a.menu1_on:visited {text-decoration:underline;
			  color:#e50066;
			  font-weight:bold;}
			  
a.menu1_on:hover {text-decoration:underline;
				color:#e50066;
				background-color:#EFE23A;
				font-weight:bold;}
a.menu1_on:active {text-decoration:none;
				color:#3A3542;
				background-color:#EFE23A;}
				

/* end menu */

/* footer for address */
#footer {position: absolute;
	left: 0px;
	top: 600px; 
	width: 150px;
	border-top:1px #7E734E dotted;
	padding-top:3px;}

/* style for address */
.address {
	text-align:right;
	font-family:Arial, Geneva, Helvetica,sans-serif;
	font-size:9px;
	padding-top:2px;
}

/* photo caption on most pages (not exhibitions) */
#photo_caption {
	position:relative;
	top:0px;
	left:0px;
	padding:20px;
	padding-right:0px;
	padding-left:0px;
	text-align: right;
	font-family:Arial, Geneva, Helvetica,sans-serif;
	font-size:9px;
	}

/*main index page styles */			

/* main photograph */
			
#index_image {
width: 500px;
height: 250px;
overflow:hidden;
position:absolute;
left: 250px;
top: 120px;
}

/* first show or event listing */

#current_show1 {
	position: absolute;
	top: 425px;
	left:250px;
	border:none;
	width:400px;
	text-align:left;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	z-index:4;
	font-size:13px;
}

/* second show or event listing */

#current_show2 {
	position: absolute;
	top: 500px;
	left:250px;
	border:none;
	width:400px;
	text-align:left;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	z-index:4;
	font-size:13px;
}


/* the box for weather and upcoming shows */		

#upcoming {
	position:absolute;
	left:250px;
	top: 600px;
	width: 400px;
	text-align: left;
	font-family:Arial, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:200;
	border-top:1px #7E734E dotted;
	line-height:15px;
	}

#mytokyo {
	position:absolute;
	left:50px;
	top:480px;
	width:75px;
	height:75px;
	}
/* subpage styles for most pages  */

/* container for everything on right of menu etc. */
#subpg_content {
width: 600px;
position:absolute;
left: 250px;
top: 120px;
font-size:13px;}

/* style for single image at top of content */
#single_image {
position: relative;
width: 600px;
height: 250px;
text-align: right;
vertical-align:top;
margin-bottom: 50px;
overflow:visible;
}

/* text below that image */
#text_content {
position:absolute;
top:250px;
margin-top: 20px;
width:450px;
text-align:justify;
}

/* text without an image */
#text_only {
position:relative;
top:120px;
width:450px;
text-align:justify;
}

/* when using 2 columns with 2 images, as on current exhibitions page, use these within table structure 
images should be no more than 300px high x 275px wide */
.col1_img {
height:300px;
width:275px;
display:table-cell;
vertical-align:bottom;
text-align:left;
padding-right:50px;
margin:0px;
overflow:hidden;
}

.col2_img {
height:300px;
width:275px;
display:table-cell;
vertical-align:bottom;
text-align:left;
padding:0px;
margin:0px;
overflow:hidden;
}

/* when using multiple images, as on alternate current exhibitions page, use these within table structure */
.multiple_img {
height:175px;
width:250px;
display:table-cell;
vertical-align:bottom;
text-align:left;
padding-right:50px;
padding-bottom:30px;
margin:0px;
overflow:hidden;
}

/* when using 2 columns with text, as on current exhibitions page, use these within table structure  */

.col1_text {
width:275px;
display:table-cell;
vertical-align:top;
text-align:justify;
padding-right:50px;
padding-top:50px;
}

.col2_text {
width:275px;
display:table-cell;
vertical-align:top;
text-align:justify;
margin:0px;
padding-top:50px;
}

/* styles for link to gallery 0 */
#gallery0 {position:absolute;
top: 585px;
left: 85px;
font-style:italic;
font-size:10px;
visibility:hidden;
}

#gallery0_tree {position:absolute;
top: 575px;
left: 135px;
visibility:visible;
}

/* menu box at right on exhibition pages */
#menu_box {
position:absolute;
left: 500px;
top: 250px;
margin-top:75px;
width: 120px;
text-align:left;
font-size:11px;
font-family:Arial, Geneva, Helvetica, sans-serif;
letter-spacing:0.5px;
border-left:1px #7E734E dotted;
border-bottom:1px #7E734E dotted;
padding: 5px;}

/* exhibition images on images page */
.ex_img {
margin-bottom:70px;
width: 400px;
text-align:left;}

/* exhibition captions */
.ex_caption {
width: 400px;
text-align:left;
font-size: 10px;}

/* past exhibitions page styles */
/* box containing a single year */
.ex_year {
padding-left: 40px;
margin-bottom: 25px;
margin-top: 25px;
border-left: 1px #7E734E dotted;
min-height:165px;
}

dl { text-indent:0px; }
dd { text-indent: -20px;
	 line-height:normal;
	 padding:5px;
	 margin-left:15px;}

/* thumbnail */
.ex_thumb { 
		width: 125px;
		height: 125px;
		text-align:right;
		padding:20px;
		padding-right:40px;
		margin-bottom: 25px;
		margin-top: 25px;		
		}

/* used for padded table as on past events page */
.padded_col1 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 50px;
	padding-left: 0px;
	}
	
.padded {
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
/* used on publications page */	
.publication_img {position: relative;
width: 125px;
min-height: 150px;
padding-right: 60px;
vertical-align:top;
padding-bottom: 40px;
padding-top: 75px;}

.publication {
position: relative;
width: 400px;
border-bottom:1px #7E734E dotted;
padding-left: 0px;
padding-bottom: 50px;
padding-top: 50px;
}

.sans_serif {
font-family:Arial, Geneva, Helvetica, sans-serif;
font-size:11px;
}

/* used on artists page */
.artist_list {
	line-height: 25px;
	}
/*
#text_2cols_1 {
width: 265px;
margin-right:35px; 
margin-top:20px;
float:left;
text-align:justify;
}

#text_2cols_2 {width: 265px; 
margin-left: 35px;
margin-top: 20px; 
float:right;
text-align:justify;}


*/
/*
#single_col {
text-align: justify;
width: 400px;
margin-left:100px;
}

#single_image {
width: 400px;
height: 300px;
overflow:hidden;
position:absolute;
left: 0px;
top: 0px;
margin-bottom: 40px;
margin-left:100px;
}

#regular_text {
position:relative;
top: 200px;
margin-top: 20px;
}

#single_text {
position:absolute;
top: 300px;
margin-top: 20px;
}



#small_img {position: absolute;
width: 600px;
text-align: right;
}




*/

/* gallery 0 page content */
#gallery0_content {
	width: 400px;
	padding: 50px;
	}

/* bookclub page - box with image and book */
#bookclub {
width:250px;
padding:10px;
margin-bottom: 5px;
margin-left: 5px;
border-bottom: 1px #7E734E dotted;
float:right;
text-align:left;
}

/* for when exhibition image needs a border */
.bordered_image {
border: 1px solid #7E734E;
}