* {
	padding: 0px;
	margin: 0px;}

body  {
	font-size: 62.5%;
	background-color: #fff;

}
/*----------------------------------------------------------------------------------------------------------
style attached to the main table*/

.padder {
		border-top:8px solid #fff;
		border-left:2px solid #fff;
		background-color: #fff;
	}
/*----------------------------------------------------------------------------------------------------------*/
h1 {
	font-family: Arial;
	color: #666666;
	text-decoration: none;
	word-spacing: normal;
	/*text-align: left;*/
	letter-spacing: 1px;
	line-height: 1.6em;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
			vertical-align:top;
}
h2 {
	font-family: Georgia;
	/*background-color: #fff;*/
	font-size: 1.2em;
	color: #999999;
	text-decoration: none;
	word-spacing: normal;
	/*text-align: left;*/
	font-style: italic;
	letter-spacing: 0;
	line-height: 1.6em;
	font-weight: normal;
	padding-bottom:1.6em;
		}
		
h3	{	font-family: Georgia;
		/*background-color: #fff;*/
		color: #999999;
		text-decoration: none;
		word-spacing: normal;
		/*text-align: left;*/
		letter-spacing: 2px;
		line-height: 1.6em;
		font-size: 1em;
		text-transform: uppercase;
		font-weight: normal;
		margin:0 0 .75em;
  		/*padding-bottom:.8em;*/
  		/*border-bottom:1px solid #cccccc;*/
		/*padding-top:.8em;*/
  		/*border-top:1px solid #cccccc;*/
		}
		
p {	font-size: 1.1em;
	font-family: Georgia;
	/*background-color: #fff;*/
	color: #999999;
	text-decoration: none;
	word-spacing: normal;
	/*text-align: justify;*/
	letter-spacing: 0;
	line-height: 1.6em;
	}
/*----------------------------------------------------------------------------------------------------------
General Link Styles*/

a:link {
	color: #666666;
	text-decoration: none;
	}
a:visited { 
	color: #666666; 
	text-decoration:none;
}
a:hover { 
	color: #000000; 
	text-decoration:underline;
	background-color: #dfedee;
}
a:active { 
	color: #333333;
	}
/*----------------------------------------------------------------------------------------------------------
the following are the styles for the different pop-ups throughout the site*/

/*----------------------------------------------------------------------------------------------------------
/*for the current exhibitions page*/
	
a.gallery_I-info{
    position:relative; 
    z-index:24; background-color:#ffffff;
    color:#000; 
    text-decoration:none}
	
a.gallery_I-info:hover{
	z-index:25; 
	background-color:#fff; 
	position:relative; 
	text-decoration:none}

a.gallery_I-info span{
	display: none; 
	text-decoration:none}

a.gallery_I-info:hover span{ 
        position:absolute;
		display:block; 
		background-color: #fff;  
		text-decoration:none;
		left:-187px; 
		width:170px;
    	text-align: left;

}
a.gallery_II-info{
    position:relative; 
    z-index:24; background-color:#ffffff;
    color:#000; 
    text-decoration:none}
	
a.gallery_II-info:hover{
	z-index:25; 
	background-color:#fff; 
	position:relative; 
	text-decoration:none}

a.gallery_II-info span{
	display: none; 
	text-decoration:none}

a.gallery_II-info:hover span{ 
        position:absolute;
		display:block; 
		background-color: #fff;  
		text-decoration:none;
		left:-374px; 
		width:170px;
    	text-align: left;
}
a.billboard-info{
    position:relative; 
    z-index:24; background-color:#ffffff;
    color:#000; 
    text-decoration:none}
	
a.billboard-info:hover{
	z-index:25; 
	background-color:#fff; 
	position:relative; 
	text-decoration:none}

a.billboard-info span{
	display: none; 
	text-decoration:none}

a.billboard-info:hover span{ 
        position:absolute;
		display:block; 
		background-color: #fff;  
		text-decoration:none;
		left:-561px; 
		width:170px;
    	text-align: left;
}
a.projects-info{
    position:relative; 
    z-index:24; background-color:#ffffff;
    color:#000; 
    text-decoration:none}
	
a.projects-info:hover{
	z-index:25; 
	background-color:#fff; 
	position:relative; 
	text-decoration:none}

a.projects-info span{
	display: none; 
	text-decoration:none}

a.projects-info:hover span{ 
        position:absolute;
		display:block; 
		background-color: #fff;  
		text-decoration:none;
		left:-748px; 
		width:170px;
    	text-align: left;
}



/*----------------------------------------------------------------------------------------------------------
Past Exhibitions*/

a.past-info{
    position:relative; 
	display:block;
    z-index:24; 
	background-color:#ffffff;
    color:#000; 
	width:170px;
    text-decoration:none}
	
a.past-info:hover{
		z-index:25; 
		background-color:#fff; 
		position:relative; 
		text-decoration:none}

a.past-info span{
		position:relative;
		display:block; 
		width:170px;
		text-decoration:none;
}
a.past-info:hover span{  
		position:relative;
		display:block; 
		width:170px;
		text-decoration:none;
		background-color: #DFEDEE;  
		text-decoration:none;
 		left:0px;}

/*----------------------------------------------------------------------------------------------------------
Artists page -*/

a.pic-credit{
    position:relative; 
	display:block;
    z-index:24; 
	background-color:#ffffff;
    color:#000; 
	width:170px;
    text-decoration:none}
	
a.pic-credit:hover{
		z-index:25; 
		background-color:#fff; 
		position:relative; 
		text-decoration:none}

a.pic-credit span{
		position:relative;
		display:none; 
		width:170px;
		text-decoration:none;
}

a.pic-credit:hover span{ 
		position:absolute;
		display:block; 
		width:170px;
		color:#666666;
		text-decoration:none;
		background-color: #fff;  
		text-decoration:none;
 		top: 105px; left:0px;}
	
/*----------------------------------------------------------------------------------------------------------
the pop up 'more exhibition2 on the past exhibitions page*/

a.more-exhibitions{
    position:relative; display:block;
    z-index:24; background-color:#ffffff;
    padding-left:170px;
	padding-bottom:0px;
	color:#000;
    text-decoration:none}
	
a.more-exhibitions:hover{
	z-index:25; 
	background-color: #fff; 
	position:relative;
	text-decoration:none;}

a.more-exhibitions span{
	display: none;}

a.more-exhibitions:hover span{ 
        position:absolute;
		display:block;  
		top:0px; 
		/*width:80px;*/
		right:22px;  
		text-align: right; 
		vertical-align:bottom;
		
		background-color: #DFEDEE;
}
/*----------------------------------------------------------------------------------------------------------
applied to Staff section on contact and in the 'BUY' link in books & Editions*/

a.staff{
    position:relative; display:block;
    z-index:24; background-color:#ffffff;
	color:#000;
    text-decoration:none}
	
a.staff:hover{
	z-index:25; 
	background-color: #fff; 
	position:relative;
	text-decoration:none;}

a.staff span{
	display: none;}

a.staff:hover span{ 
        position:absolute;
		display:block;  
		top:0px; 
		left:170px;  
		text-align: left; 
		background-color: #dfedee;
}
/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------
A list style that is emplyed on nearly all links on the site - mainly because it increases the target siz of the link*/

ul {
	list-style: none;
	margin-left: 0em;
	padding-left: 0em;
	text-indent: 0em;
	line-height: 1.6em;
	}
#menu ul li {
	color:#666666;
	display: block;
	text-decoration: none;
	width: 100%;
}	
#menu ul li a {
	color:#666666;
	display: block;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px solid #C4D9DB;
}	

#menu ul li a:hover { 
	color: #000000; 
	text-decoration:none;
	border-bottom: 1px solid #000000;
	background-color:#DFEDEE;
}
/*----------------------------------------------------------------------------------------------------------*/
.footer {	font-family: Arial;
	background-color: #fff;
	color: #999999;
	text-decoration: none;
	word-spacing: normal;
	text-align: right;
	line-height: 1.6em;
	font-size: 1em;
	font-weight: normal;
	vertical-align:top;
	}

/*----------------------------------------------------------------------------------------------------------*/
/*Styles attached to the various columns within the table, notice the ids that have '_rule' after them, are
applied to the cells in the site that require a vertical grey border on the right edge of the cell*/

#one_column {	width: 170px; 
				padding:0px 8px 0px 8px;
				border-right:1px solid #ffffff;
				vertical-align:top;		
				}
				
#one_column_rule {	width: 170px; 
				padding:0px 8px 0px 8px;
				border-right:1px solid #cccccc;
				vertical-align:top;		
				}

#double_column {	width: 357px; 
				padding:0px 8px 0px 8px;
				border-right:1px solid #ffffff;
				vertical-align:top;		
				}

#double_column_rule {	width: 357px; 
				padding:0px 8px 0px 8px;
				border-right:1px solid #cccccc;
				vertical-align:top;		
				}
				
#triple_column {width: 544px; 
				padding:0px 8px 0px 8px;
				border-right:1px solid #cccccc;
				vertical-align:top;		
				}
				
#quintuple_column {padding:0px 8px 0px 8px;}

#pic_column_rule {	width: 170px;/* height:112px;*/
				padding:0px 8px 0px 8px;
				border-right:1px solid #cccccc;
				vertical-align:top;		
				}

#pic_column_no_rule {	width: 170px; height:140px;
				padding:0px 8px 0px 8px;
				border-right:1px solid #ffffff;
				vertical-align:top;		
				}



#index_column_1 {
	border-top:0px;
	border-bottom:0px;
	border-left:8px solid #ffffff;
	border-right:8px solid #ffffff;
	padding:0px 0px 0px 0px;
	/*width:154px;*/
	height:400px;
	/*background-image: url(images/index/lattice.gif);*/
	vertical-align:top;
}
#index_column_2 {
	border-top:0px;
	border-bottom:0px;
	border-left:8px solid #ffffff;
	border-right:8px solid #ffffff;
	padding:0px 0px 0px 0px;
	/*width:154px;*/
	height:400px;
	/*background-image: url(images/index/lattice.gif);*/
	vertical-align:top;
}
#index_column_3 {
	border-top:0px;
	border-bottom:0px;
	border-left:8px solid #ffffff;
	border-right:8px solid #ffffff;
	padding:0px 0px 0px 0px;
	/*width:154px;*/
	height:400px;
	/*background-image: url(images/index/lattice.gif);*/
	vertical-align:top;
}
#index_column_4 {
	border-top:0px;
	border-bottom:0px;
	border-left:8px solid #ffffff;
	border-right:8px solid #ffffff;
	padding:0px 0px 0px 0px;
	/*width:154px;*/
	height:400px;
	/*background-image: url(images/index/lattice.gif);*/
	vertical-align:top;
}
#index_column_5 {
	border-top:0px;
	border-bottom:0px;
	border-left:8px solid #ffffff;
	border-right:8px solid #ffffff;
	padding:0px 0px 0px 0px;
	/*width:154px;*/
	height:400px;
	/*background-image: url(images/index/lattice.gif);*/
	vertical-align:top;
}

#index_inner_column {
	border-top:0px;
	border-bottom:0px;
	border-left:8px solid #ffffff;
	border-right:8px solid #ffffff;
	/*width:154px;*/
	/*height:384px;*/
	vertical-align:top;
}
/*----------------------------------------------------------------------------------------------------------*/
/*Row Styles*/

#row16height {
	height: 17px;
	padding:0px 8px 0px 8px;
}
#more_exhibitions_row {
	text-align:right;
	padding-right:8px;
}


/*----------------------------------------------------------------------------------------------------------*/
/*Styles for the various horizontal rules in the site*/

div.horRule_double {
height: 3px;
border-top: 3px double #444;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 8px;
margin-right: 8px;
}
div.horRule_double hr {
display: none;
} 
/*----------------------*/

div.horRule {
height: 1px;
border-top: 1px solid #444;
margin-top: 16px;
margin-bottom: 8px;
margin-left: 8px;
margin-right: 8px;
}
div.horRule hr {
display: none;
}
/*---------------------*/

div.horRule_10px_top {
height: 1px;
border-top: 1px solid #444;
margin-top: 10px;
margin-bottom: 8px;
margin-left: 8px;
margin-right: 8px;
}
div.horRule_10px_top hr {
display: none;
}
/*---------------------*/
div.horRule_grey {
height: 1px;
border-top: 1px solid #c7c7c7;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 8px;
margin-right: 8px;
}
div.horRule_grey hr {
display: none;
}

/*-------------------*/

div.horRule_grey_0_margin {
height: 1px;
border-top: 1px solid #c7c7c7;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 0px;
margin-right: 0px;
}
div.horRule_grey_0_margin hr {
display: none;
}
/*-------------------------------*/

div.horRule_0_margin {
height: 1px;
border-top: 1px solid #444;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 0px;
margin-right: 0px;
}
div.horRule_0_margin hr {
display: none;
}
/*----------------------------------*/

div.horRule_more_exhibitions {
height: 1px;
border-top: 1px solid #444;
margin-top: 6px;
margin-bottom: 8px;
margin-left: 8px;
margin-right: 0px;
border-right:8px solid #ffffff;
}
div.horRule_more_exhibitions hr {
display: none;
}
/*----------------------------------------------------------------------------------------------------------*/

.pic_padding {padding-bottom:.4em;}

.float_right {	float:right;}

.right-align {	text-align:right;}

.book-italic{	font-style: italic;	color:#666666;}

.italic {	font-style: italic;}

.biography {padding-bottom:4px;}

.floater{float:left}
/*artists_picture stlye is used in the artists page/past exhibition/books & editions item page. It is designed 
to allow the picture caption to come to the top of the page rather than disappear off the bottom of the screen
when the image is portrait. When images are uploaded please ensure that all portrait images are reduced to two 
columns wide (355px) and all landscape images are reduced to 3 columns (544px)*/
.artists_picture {float:right;	padding-bottom:.8em}

.books_editions_details {line-height:1.2em;width:170px;}

	
/*----------------------------------------------------------------------------------------------------------*/
/*div's - I think alot of these are redundant except the picture numbers div*/

div.container {
	position: relative;
	height: 104px;
	width: 170px;
}
div.container div.chevron {
	position: absolute;
	bottom: 0px;
	font-size: 4em;
}

div.container2 {
	position: relative;
	height: 104px;
	width: 170px;
	padding-bottom:8px;
}
div.container3 {
	position: relative;
	width: 170px;
}
div.container3 div.chevron3 {
	position: absolute;width:170px;
	top:0px;left:0px;
	font-size: 1.1em;}
	
div.container3 div.view_all {
font-size:1.1em;
}

div.artists_page_container {
	overflow: hidden;
	width: 100%;
}

div.artist {
	width: 170px;
	float: left;
}

div.picture_numbers {
	height:1.6em;
	padding-bottom:6px;
}

div.picture_numbers_large {
	height:1.6em;
	padding-bottom:27px;
}
/*----------------------------------------------------------------------------------------------------------*/
/*Styles attached to the forms in the site - I doubt these will be appropriate for the search, it is just an example to 
show how it should look*/

.txtboxstyle {
	background-color: #ffffff;
	width: 170px;
	border: 1px solid #C4D9DB;
	font-family: Arial;
	padding-left:1px;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 1px;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
			vertical-align:top;

}
.txtboxstyle_contact {
	background-color: #ffffff;
	width: 167px;
	border: 1px solid #C4D9DB;
	font-size: 1.1em;
	font-family: Georgia;
	background-color: #fff;
	color: #999999;
	text-decoration: none;
	word-spacing: normal;
	/*text-align: justify;*/
	letter-spacing: 0;
	line-height: 1.6em;
	vertical-align:top;
		padding-left:1px;}
		
		
 .submit input
{
	font-size: 1em;
	font-family: Georgia;
	padding-left:.5em;
	padding-right:.5em;
	color: #666666;
}		

/*----------------------------------------------------------------------------------------------------------*/
/*Style for the image numbers used in the previous exhibition pages / individual artists pages / books & editions etc*/

ul{border:0; margin:0; padding:0;}

#pagination li{
border:0; margin:0; padding:0;
/*font-size:11px;*/
list-style:none;
display:inline;
}
#pagination a{
border:solid 1px #C4D9DB;
margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
/*padding:3px 4px;*/
padding:2px 3px;
}
#pagination .next a,
#pagination .previous a {
/*font-weight:bold;*/
border:solid 1px #FFFFFF;
}
#pagination .active{
/*color:#33cc00;*/	color: #999999;

/*font-weight:bold;*/
display:block;
float:left;
/*padding:4px 6px;*/
padding:3px 4px;
}
#pagination a:link,
#pagination a:visited {
color:#000000;
display:block;
float:left;
/*padding:3px 6px;*/
padding:2px 4px;
text-decoration:none;
}
#pagination a:hover{
border:solid 1px #666666;
background-color: #DFEDEE;
}