body { background-color: #ffffff;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	padding: 0 1em 2em 1em;
	width: 75%;
	margin: 0 auto;
	}

h1 { background: url( 'title.jpg' ) no-repeat right top;
	margin: 0.5em 0;
	border-bottom: solid 4px #dddddd;
	height: 40px;
	line-height: 40px;
	padding-top: 45px;
	}

h2, h3, h4 { margin: 0 0 0 0; }

p { margin: 0 0 1em 0; }

.updated { float: right; clear: both; font-size: 90%; color: #505050; margin-top: 1em; text-align: right; }

.exhibitions .outside { margin-right: -250px; position: relative; width: 200px;}
.exhibitions h3 { margin-top: 1em; }
.exhibitions dl { margin: 0; }
.exhibitions dt { font-size: 110%;
		font-weight: bold;
		letter-spacing: 0.2em;
		color: #aaa;
		margin: 0.5em 0 0 0;
		}
.exhibitions dd { margin: 0 0 0.3em 1.5em; }

/* * { border: solid orange 1px; }  */

.content {
	width: 71%;
/*	min-height: 20em;*/
	float: left;
	margin: 0 1em 0 0;
	padding-bottom: 2em;
	position: relative;
	}


/* ------------- Styling for Navigation ------------ */
.navigation { 
	margin: 0;
	padding: 0 0 0 0;
	width: 24%;
	list-style: none;
	font-size: 0.9em;
	float: right;
	}

.navigation ul {
	list-style: none;
	margin: 3px 0 0 0.8em;
	padding: 0;
	}

.navigation li {
	width: 100%;
	margin: 0 0 3px 0;
	line-height: 1.5;
	}

.navigation a { display: block;
	width: 100%;
	color: black;
	background: #ffffc0;
	text-decoration: none;
	line-height: 1.5;
	padding-left: 0.5em;
	border: solid 1px black;
	color: #555555;
	}

.navigation a:visited { background: #eeeebd;
	}

.navigation a:hover { background: #f9d889;
	}

.navigation .current {
	display: block;
	padding-left: 0.5em;
	border: solid 1px black;
	}

.home h2 { font-size: 1.4em;
		margin-bottom: 0.5em;
		 }
.home .homeimage { border: 0; clear: right; }
.home .fullscreen p { margin-left: 0.8em; }
.home .outside { margin: 0 0 0 0;
						width: 33%;
						position: absolute;
						float: none;
						top: 45%;
						right: -43%;
						padding-left: 18px;
						}
.home .outside h3 { margin: 0;
							color: #999;
							}
.home .outside dl { margin: 0; }
.home .outside dt { border-left: solid 18px #cef;
							border-bottom: solid 1px #cef;
							margin-left: -20px;
							padding-left: 0.2em;
							font-weight: bold;
							}
.home .outside dd { margin-left: 0.5em;
							font-size: 90%;
							} 

.seminars .birdbar { width: 230px; float: right; clear: left; }

/*  --------------------   Large screen image  -----------------  */
.fullscreen {
	border: 0;
	color: black;
	text-decoration: none;
	}
.fullscreen img {
	border: 0;
	}
.fullscreen h6 {
	margin: 0;
	padding: 0.1em 0;
	font-weight: bold;
	font-size: 1em;
	}
.fullscreen p {
	margin: 0;
	color: #666666;
	font-style: italic;
	font-size: 0.8em;
	}
.left {
	float: left;
	margin: 0 1em 0.5em 0;
	}
.right {
	float: right;
	margin: 0 0 0.5em 1em;
	}
.third { width: 30%; }
.third img { width: 98%; }

/*  -----------------     Styling for contact page  ------------- */

.contact label { float: left; width: 7em; text-align: right; }
.contact input { display: block; margin-left: 8em; width: 20em; font-size: 0.9em; }
.contact textarea { font-family: arial, helvetica, sans-serif; font-size: 0.9em; width: 20em; height: 10em; display: block; margin-left: 8em; padding: 0; }
.contact button { float: right; }
.contact fieldset { padding: 1em; margin: 1em 0 0 0; }

.message dt { float: left; width: 7em; text-align: right; margin: 0; }
.message dd { display: block; margin-left: 8em; padding: 0; }
.message pre { font-family: arial, helvetica, sans-serif; margin: 0; }

/*  -----------------      Styling for gallery pages ----------- */

.duvetproject h1 { background: url( 'images/duvetproject/banner.jpg' ) no-repeat right top; }
.duvetproject #duvets { float: right; width: 200px; margin: 1em 0 0 0.5em; }
.duvetproject #duvets p { margin-bottom: 1.2em; }
.duvetproject #residue { float: left; width: 200px; margin: 1em 0.5em 0 0; }
.duvetproject #residue p { margin-bottom: 1.2em; }

.dilemma h1 { background: url( 'images/dilemma/banner.jpg' ) no-repeat right top; }
.dilemma #countingsheep { float: left; margin: 0.5em 1em 0.5em 0; }
.dilemma .sponsor img { border: 0; padding-right: 3px; }

.angelsandmechanics h1 { background: url( 'images/angelsandmechanics/banner.jpg' ) no-repeat right top; }

.placetopray h1 { background: url( 'images/placetopray/banner.jpg' ) no-repeat right top; }
.placetopray #tubes { float: left; width: 200px; margin: 1em 0.5em 0 0; }
.placetopray #tubes p { margin-bottom: 1.2em; }
.placetopray #beachballs { float: right; width: 200px; margin: 0 0 0 0.5em; }
.placetopray #beachballs p { margin-bottom: 1.2em; }

.liberatinglaurence h1 { background: url( 'images/liberatinglaurence/banner.jpg' ) no-repeat right top; }
.liberatinglaurence .picbar { width: 250px; 
			float: right;
			margin-left: 0.8em;
			}
.liberatinglaurence .picbar a { margin-bottom: 1.5em; }
.liberatinglaurence h4 { font-size: 100%; 
			font-weight: normal;
			margin: 0;
			}
.liberatinglaurence .influences { list-style-type: square;
			list-style-position: outside;
			margin: 0;
			padding: 0 0 0 1em;
			}
.liberatinglaurence .influences li { margin: 0 0 0.5em 0;
			padding: 0;
			}