html, body, ul, li, dl, dt, dd, img {
	margin: 0; 
	padding: 0;
	border: 0;
	}

body { background-color: #ffffff;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	padding-bottom: 2em;
	}

h1 { background-color: #999999;
	color: white;
	font-size: 1.5em;
	padding: 0 0 0 0.25em;
	margin: 1em 0 0 -0.25em;
	}

h2 { color: #cc0000;
	margin: 1em 0 0 0;
	clear: left;
	}

/* =================== Site Wide Styling Classes =============== */

.content { margin: 0 5%;
	padding: 0; }

.float_right { float: right; }

.right_a_bit { margin-left: 2em; }

.photo { margin-bottom: 2em; }

/* Two column layout */
.half_width_column { float: left; 
	width: 43%;
	padding: 0 2% 0 0;
	}

/* Grey info box */
.info_box { background-color: #ffffff;
		width: 30%;
		float: right;
		margin: 1em 0 0 1em;
		padding: 0;
		border: solid black 1px;
		}
.info_box h4 { background-color: #999999;
		color: white;
		margin: 0 0 0em 0;
		padding: 0.5em;
		}
.info_box p { padding: 0.5em;
		margin: 0 0 1em 0;
		}
.info_box dl { margin: 0 0 1em 0;
		padding: 0.5em;
		}
.info_box dt { font-size: 0.9em; }
.info_box dd { margin-left: 1em; }
.info_box dd a { text-decoration: underline;
		color: black;
		display: block;
		width: 95%;
		padding-left: 0.25em;
		}
.info_box dd a:visited { color: #777777;
		text-decoration: none;
		}
.info_box dd a:hover { background-color: #eeeeee;
		color: black;
		}

/* Navigation bar */
.navigation { margin: 0;
		height: 3em;
		background-color: #999999;
		background: url( images/white_99.gif ) 5% no-repeat #999999;
		padding-left: 178px;
		list-style: none;
		}
.navigation li { display: inline; }
.navigation a { background-color: #cccccc;
		color: black;
		text-decoration: none;
		text-align: center;
		display: block;
		float: left;
		width: 6em;
		margin: 8px 0.2em 0 0.2em;
		padding: 0.1em 0; }
.navigation a:hover { background-color: #ffffff; }

/* Rounded borders */

.rounded_borders .b1, .b2, .b3, .b4 { display: block; 
	font-size: 1px;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}
.rounded_borders .b1, .b2, .b3 { height: 1px; }
.rounded_borders .b2, .b3, .b4 { border-left: solid black 1px;
	border-right: solid black 1px;
	}
.rounded_borders .b1 { margin: 0 5px;
	background: black;
	}
.rounded_borders .b2 { margin: 0 3px;
	border-left: solid black 2px;
	border-right: solid black 2px;
	}
.rounded_borders .b3 { margin: 0 2px; }
.rounded_borders .b4 { margin: 0 1px;
	height: 2px;
	}

/* __________________________End of Site Wide Styling Classes__________________________*/


/* ==============   Page specific styling   ================= */


/*****************          Home page        **********************/
.home h1 { background: transparent;
		font-size: 1.7em;
		color: #a0a0a0;
		margin: 1em 0 0.5em -0.25em;
		}
.home h3 { color: #a0a0a0;
		font-size: 1.5em;
		margin: 0;
		}
.home #new { float: right;
		width: 15em;
		color: #404040;
		}
.home #new img { margin: 1em 0 0 0; }
.home #new dt { border-left: solid 5px #ffe0e0;
		padding-left: 0.2em; }
.home #new dd { margin: 0 0 0 0.5em; }
.home #about { float: left;
		width: 15em;
		margin: 0;
		color: #404040;
		}
.home #centre { margin: 0 15.9em 0 15.5em; }
.home #centre h2 { clear: none;
		margin: 0;
		}
.home #centre p { margin: 0 0 1em 0; }
#home_palimpsest { 
		margin: 0 0 0 0;
		padding: 0;
		}

#home_palimpsest_image { width: 158px;
		float: left;
		margin: 0;
		}
#home_palimpsest_image p { font-size: 0.8em;
		margin: 0.2em 0;
		}


/****************     Styling for 'About Us' page - the constitution  **********/
#constitution { width: 75%;
		border: solid black 1px;
		margin: 0;
		margin-bottom: 4em;
		padding: 1em 1em 2em 1em;
		}
#constitution li { padding-bottom: 1em;
		padding-left: 0.5em;
		margin-left: 1.5em; }

/************************     Artist's pages     ******************/
.artists_page h3 { clear: both;
		padding-top: 1.5em;
		}
.artist_list { list-style: none;
		margin: 1em 0 0 0;
		padding: 0;
		/* Needed to stop horizontal scroll bar in IE showing */
		width: 90%;
		}
.artist_list li { display: block;
	float: left;
	margin: 0 2em 2em 0;
	padding: 0;
	width: 22em;
	height: 3.2em;
	}
.artist_list h2 { margin: 0;
	}
.artist_list div.artist h2 { color: #cccccc; }
.artist_list .artist { display: block;
	border-right: solid black 1px;
	border-left: solid black 1px;
	padding: 0 2em;
	text-decoration: none;
	color: black;
	height: 3.2em;
	 }
.artist_list a.artist:hover { background: #eeeeee; }

.artist dl { width: 100%; }
.artist dt { margin: 0; }
.artist dd { margin: 0 0 1em 1.5em;
		border-bottom: dashed #cccccc 1px;
		}
.artist h3 { margin: 1em 0 0 0; }
.artist p { margin: 0 0 1em 0; }
.artist .right_a_bit { padding-top: 1em; }

/***************        Links page        ************************/
.links_list { list-style: none; 
		margin: 0;
		padding: 0;
		}
.links_list li { margin-bottom: 0.5em; }

/*****************         Exhibitions page           *******************/
.exhibitions_list { margin: 0;
	padding: 0;
	list-style: none;
	}

.exhibitions_list li { width: 28em;
	float: left;
	margin: 0.5em 1em 0.5em 0;
	list-style: none;
	}

.exhibitions_list h2 { margin: 0; }

.exhibitions_list .exhibit { display: block;
	height: 14em;
	text-decoration: none;
	color: black;
	padding: 0.5em;
	border-right: solid black 1px;
	border-left: solid black 1px;
	}	
.exhibitions_list a.exhibit:hover { background: #eeeeee; }
.exhibitions_list a.exhibit:focus { background: #eeeeee; }
.exhibitions_list .exhibit img { float: right;
	margin-left: 0.5em;
	}

/* **********************  Grey Matters   ********************/
.greymatters .content { position: relative;
				width: 90%;
				}
.greymatters #main { height: 412px;
				background: no-repeat url( greymatters/knittingsky.jpg ) left;
				position: relative;
				}
.greymatters #main h1 { background: transparent;
			color: black;
			font-weight: lighter;
			margin: 0;
			font-size: 3em;
			position: absolute;
			top: 50px;
			left: 35px;
			}
.greymatters #main h3 { position: absolute;
			top: 110px;
			left: 50px;
			margin: 0;
			font-size: 2em;
			}
.greymatters #main ul { list-style: none;
			position: absolute;
			top: 200px;
			left: 50px;
			}
.greymatters #info { margin: 2em 380px 0 0; }
.greymatters #info h3 { margin: 0; } 
.greymatters #info p { margin: 0 0 1em 0; } 
.greymatters #july_exhibition { position: absolute;
			top: 0;
			right: 0;
			width: 350px;
			margin: 2em 0 0 0;
			}
.greymatters #july_exhibition div { border-left: solid 1px black;
			border-right: solid 1px black;
			padding: 5px;
			}
.greymatters #july_link { text-align: right;
			text-decoration: none;
			display: block;
			width: 95%;
			margin: 0.5em 2px 0 2px;
			padding: 0.5em 5px 0.5em 5px;
			border: solid white 2px;
			}
.greymatters #july_link:hover { border: dashed #ccc 2px; }
.greymatters .rounded_borders { margin: 2em 0; }
.greymatters .rounded_borders div { border-left: solid 1px black;
			border-right: solid 1px black;
			}
.greymatters .rounded_borders h3 { margin: 0; padding-top: 1em; }
.greymatters .rounded_borders p { margin: 0; padding-bottom: 1em; } 

.greymatters #marythomas { margin-right: 380px; }
.greymatters #marythomas div { background: url( greymatters/marythomas.jpg ) 98% no-repeat;
		padding: 0.2em 255px 0 0.5em;
		}
.greymatters #annwells div { background: url( greymatters/annwells.jpg ) 2% no-repeat;
		padding: 0.2em 0.5em 0 395px;
		}
.greymatters #annejones div { background: url( greymatters/annejones.jpg ) 98% no-repeat;
		padding: 3em 230px 0 0.5em;
		height: 12em;
		}
.greymatters #jeanwallis div { background: url( greymatters/jeanwallis.jpg ) 2% no-repeat;
		padding: 0.2em 0.5em 0 255px;
		}
.greymatters #rosemaryoakeshott div { background: url( greymatters/rosemaryoakeshott.jpg ) 98% no-repeat;
		padding: 2em 280px 0 0.5em;
		}
.greymatters #jennyclayden div { background: url( greymatters/jennyclayden.jpg ) 2% no-repeat;
		padding: 0.2em 0.5em 0 170px;
		}
.greymatters #lindascott div { background: url( greymatters/lindascott.jpg ) 98% no-repeat;
		padding: 0.2em 200px 0 0.5em;
		}
.greymatters #janicethwaites div { background: url( greymatters/janicethwaites.jpg ) 2% no-repeat;
		padding: 4em 0.5em 0 300px;
		}
.greymatters #janicethwaites .last { padding-bottom: 4em; }

/*  *********************  Grey Matters July 2007 Studio Exhibition ***********/
.july07_exhibition h3 { border-top: solid #eeeeee 2px;
		padding-top: 0.2em;
		}



/*  _____________________________________End of Page Specific Styling___________________________*/