body { font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 390px;      /* Sets a minimum page width of 780 pixels; */
	text-align: center;
	}

.proportional_margin { width: 50%;
	margin: 0 auto;
	}

.pal_nav { margin: 0 -390px;
	font-family: arial, helvetica, sans-serif;
	position: relative;
	min-width: 780px;
	}

.content { margin: 0 -390px;
	/* Bug fix for Safari web browser */
	min-width: 780px;
	/* Various fixes to get Internet Explorer to cope with min width and proportional margin */
	position: relative;  /* IE will now display content which appears in -ve margin */
	height: 0; /* Gives block hasLayout property in IE. Makes things work! */
	text-align: left; /* Reset text after centering work around for IE */
	}

h1 { display: inline;
	color: black;
	background-color: white;
	font-size: 1em;
	font-weight: normal;
	padding: 0 0.5em 0 0;
	margin: 0;
	}
	
h2 { display: inline;
	color: black;
	background-color: white;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

h3 { font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	}

.work_label { clear: both;
	position: relative;
	top: -3em;
	width: 14%;
	}

.copyright { font-size: 0.9em;
	margin: 0;
	padding: 0;
	}

/* ----------------------------        Download message and progess bar  --------- */
.viewer_message { font-size: 0.8em;
		padding: 0;
		padding-top: 2em;
		color: #666666;
		}

#download_progress_bar { width: 100%;
		height: 0.6em;
		border: solid 1px black;
		padding: 0;
		margin: 0.5em 0;
		}

#download_inside_bar { height: 100%;
		width: 0%;
		background-color: #cccccc;
		padding: 0;
		margin: 0;
		}

/* --------------                        Styling for Rosemary's Pages          ----------------- */
#rosemary_left_column { width: 13%;
		height: 408px;
		float: left;
		margin: 0 1% 0 0;
		}
#rosemary_left_column h1 {
		display: block;
		}
#rosemary_download { display: none; }

/* -------------------                    Styling for Ann's Page             -------------------- */
#ann_left_column { width: 350px;
		float: left;
		margin: 0 0 0 2%;
		}
#ann_left_column h3 { font-size: 1em;
		margin: 1em 0;
		}
#ann_text { width: auto;
		padding-top: 3.5em;
		padding-left: 380px;
		padding-right: 1em;
		}
#ann_download { width: 300px;
		display: none;
		}

/* --------------------               Styling for Marion's Timelines        -------------  */
#marion_image { width: 555px;
		float: left;
		margin: 0 0 0 2%;
		}
#marion_text { width: auto;
		padding-top: 1.7em;
		padding-left: 600px;
		padding-right: 1em;
		}

/* ----------------------              Styling for Mary's Page         -------------------  */
#mary_left_column { width: 14%;
		height: 400px;
		float: left;
		padding: 0 2em 0 0;
		}

#mary_left_column h1 { display: block; }

#mary_image { float: left; 
		padding-left: 10%;
		}
#mary_download { display: none; }


/* ---------------------              Styling for Linda's Page            ----------------  */
#linda_proportional_margin { width: 80%;
	margin: 0 auto;
	}
#linda_text { margin-right: 550px;
		padding-right: 0.5em;
		}
		
#linda_image { width: 540px;
		float: right;
		padding-top: 3em;
		 }
		 
#linda_download { color: #666666;
		font-size: 0.9em;
		padding-top: 1.5em;
		}
		
#linda_instruction { color: #666666;
		font-size: 0.9em;
		width: 8em;
		}

/*  -----------              Styling for PALIMPSEST title link         --------------  */
.palimpsest_home_link { text-decoration: none;
		color: black;
		font-weight: normal;
		font-size: 1em;
		}
.palimpsest_home_link:hover { color: white;
		background-color: #999999;
		}

/* ---------         Styling for links forward and backward through exhibition     ---------    */
.palimpsest_previous { display: block;
		float: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		font-weight: normal;
		text-decoration: none;
		color: black;
		padding-left: 30px;
		padding-right: 0.5em;
		background-image: url( images/backpoint.gif );
		background-repeat: no-repeat;
		background-position: left;
		border-right: solid black 1px;
		}
.palimpsest_previous:hover { background-color: #999999;
		color: white;
		}

.palimpsest_next { display: block;
		float: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		font-weight: normal;
		text-decoration: none;
		color: black;
		padding-left: 0.5em;
		padding-right: 30px;
		margin-right: 0.5em;
		background-image: url( images/forwardpoint.gif );
		background-repeat: no-repeat;
		background-position: right;
		}
.palimpsest_next:hover { background-color: #999999;
		color: white;
		}

/* ---------             Grey information box            ------------------*/
.palimpsest_info_box { background-color: #cccccc;
		width: 100%;
		}
.palimpsest_info_box h4 { background-color: #999999;
		color: white;
		margin: 0 0 0.5em 0;
		padding: 0.5em;
		}
.palimpsest_info_box p { padding: 0.5em;
		margin: 0 0 1em 0;
		}

/*     -------------------           Openging page list of artists           ---------------  */
#palimpsest_artists { list-style: none;
		margin: 0 0.25em;
		padding: 0 0 1em 0;
		}
#palimpsest_artists li { width: 100%;
		margin: 0;
		padding: 0;}
#palimpsest_artists a { text-decoration: none;
		color: black;
		display: block;
		width: 100%;
		padding-left: 0.25em;
		}
#palimpsest_artists a:visited { color: #777777;
		}
#palimpsest_artists a:hover { background-color: white;
		color: black;
		}