body	{
    margin-top: 0px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	font-family:  arial, verdana, sans-serif;
	font-size:0.9em;
	background:#525252;
	color:#fff;
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-top: 0px;
	width: 990px;
	text-align: left;
	/*
	float:left;
	*/
	}

p {
	margin: .5em 0 1em 0;
	font-size:.8em;
	line-height:1.5em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif;
}

div{
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
a {
	text-decoration: none;
	color: #777777;
}
a:visited {
	text-decoration: none;
	color: #777777;
}
a:hover {
	text-decoration: none;
	color: #539FAC;
}
p a{
	text-decoration: none;
	color: #539FAC;
}
p a:hover{
	text-decoration: underline;
}
img{
	border:0px;
}
strong{

	font-weight:normal;
	/*
	color:#555;
	*/
}
blockquote{

	font-size:.8em;
	line-height:1.5em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* elements common to more than one template */
.extras{

}
.extras .audio{
	clear:both;
	width:14px; height:14px;
	float:left;
	background-image:url(../images/common/extras_audio.gif);
	margin-top:2px;
	margin-right:5px;
}
.extras .label{
	font-size:.85em;
	font-weight:bold;
}
.extras .label:hover{
	text-decoration:underline;
}
.caption{
	font-size:.8em;
	font-style:italic;
	margin-bottom:1em;
	margin-top:0em;
}

.footnotes{
	font-size:.6em;
	border-top:1px solid #aaa;
	margin-left:15px;
	margin-right:15px;	
	padding-top:5px;
	padding-bottom:15px;
	
}

.audioIcon {
	width: 14px; height:14px;
	padding-bottom:0px;
	position:relative;
	top:3px;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* background blocks */


.bg_middle {
	background: url(../images/common/bg_middle.jpg) repeat-y;
	width: 990px;
}

.bg_bottom {
	clear:both;
	background: url(../images/common/bg_bottom.gif) no-repeat;
	width: 990px;
	height: 32px;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* Title block */


.titleBlock {
	background: url(../images/common/bg_top.jpg) no-repeat;
	float: left;
	padding-left:40px;
	padding-top:8px;
	width: 990px;
	height: 55px;
}


/* ------------------------------------------------------------------------------------------------------------------- */
/* Menu */


.menuBlock {
	text-align: left;
	float: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
/*
	letter-spacing: -.05em;
*/
	font-size: 0.9em;
	padding:0px;
	margin: 0px;
	width: 184px;
/*	margin-left: 42px;
*/
	padding-left: 24px;

}

.menuBlock ul {
	margin: 0px;	
	padding: 0px;
	list-style-type: none; 
}

.menuBlock ul li {
	margin: 0px;	
	padding: 0px;
	border: 0px;
	
}


.menuItemText {
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	
}

/* Indent level 0 items */
.menuLevel0 > .menuItemText{
	padding-left:15px;
	
}

/* Indent and shrink level 1 items */
.menuLevel1 .menuItemText{
	padding-left:25px;
	font-size: 0.9em;
	color:#6292a1;
	
}
/* Indent and shrink level 1 items */
.menuLevel2 .menuItemText{
	padding-left:35px;
	font-size: 0.9em;
	color:#6292a1;
	
	line-height:.9em;
	
}

/* Border lines */

.menuItemDivider {
	font-size: 1px; height: 1px;
	/*
	background: url('../images/common/horiz_scruffy_746x1.gif') repeat-x;
	*/
	background: url('../images/common/horiz_dotted_faint.gif') repeat-x;
	padding:0px;
	margin:0px;
}

.menuBlock ul li .menuLevel1 li{

	border-top: 1px solid #f4f4f4;

}





.unselectedMenuItem a {
	color: #777;
}
.unselectedMenuItem a:visited {
	color: #777;
}
.unselectedMenuItem a:hover {
	color: #539FAC;
}
.unselectedMenuItemDiv:hover {
	/*
	background-image: url('../images/common/bg_hilighted.jpg');
	*/
}

.selectedMenuItemDiv a {
	color: #539FAC;
	font-weight:bold;
}
.selectedMenuItemDiv a:visited {
	color: #539FAC;
}



/* Using selectedMenuItem to change the background image of <li> elements proved
   too much for the browsers, so now the text <div> in the <li> changes its bg instead
*/
.selectedMenuItemDiv {
	background-image: url('../images/common/bg_hilighted.jpg');
}
li {
	display:block;
/*	list-style-image: url("../images/menu/level0_selected_arrow.gif");
	padding:20px;
	margin:20px;
*/}

.menuImgBlank, .arrow_level0selected, .arrow_level0open, .arrow_level1selected, .arrow_level1unselected {
	width:4px;
	height:5px;
	margin-right:3px;
	position:relative;
	top:-2px;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* Normal pages */

.pageAndTimelineBlock {
	margin:0;
	padding:0;
	margin-left: 15px;
	float: left;
}

.normalPageBlock {
	padding-top: 0px;
	padding-bottom: 20px;
	color: #777777;
	float: left;
	
}
.normalPageBlock h4 {
	padding:0px;
	margin: 0px;
}
.normalPageBlock .linksList a{
	background:url('../images/common/pointer.gif') no-repeat left; 
	padding-left:15px;	
	margin-left:10px;
	line-height:1.8em;
	
}





/* ------------------------------------------------------------------------------------------------------------------- */
/* Timeline */

.timelineBlock {
	clear: left;
	padding:0px;
	padding-top: 0px;
	margin:0px;
	color: #929292;
/* wow a firefox bug! flash rollovers fail randomly when the browser window is scrolled. This fixes it... */
	overflow:auto;
}
.timelineBlock h4 {
	padding:0px;
	padding-bottom: 17px;
	margin: 0px;
}
.timelineBlock p{
	font-size: 0.8em;
}
.timelineBlockKey {
	position:relative;
	top: -9px;
	float: right;
	font-size: 0.6em;
	padding:0px;
	border:0px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;


	border-right: 1px solid #EBEBEB;
}
.timelineBlockLastKey {
	border:0px;
}
.timelineBlockKey img#keyaudio {
	width: 11px;
	height: 14px;
	position: relative;
	left: -2px;
	top: 3px;
}
.timelineBlockKey img#keymixedmedia {
	width: 10px;
	height: 14px;
	position: relative;
	left: -2px;
	top: 3px;
}
.timelineBlockKey img#keywritten {
	width: 10px;
	height: 14px;
	position: relative;
	left: -2px;
	top: 3px;
}
.timelineBlockKey img#keytv {
	width: 10px;
	height: 14px;
	position: relative;
	left: -2px;
	top: 3px;
}








/* ------------------------------------------------------------------------------------------------------------------- */
/* Homepage */

.homeBanner {
	width:365px;
	height:27px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:13px;
}


.homeImage {
	margin-left:auto;
	margin-right:auto;
	width: 293px;
	text-align:center;
	padding-top:10px;
	padding-left:15px;
}
.homeImage img {
	text-align:center;
	width: 293px;
	height: 388px;
	
}


/* ------------------------------------------------------------------------------------------------------------------- */
/* Diaries page */

.diariesTitle {
	width: 92px;
	height: 18px;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 5px;
	border:0px;
}

/* The decade thumbnails */
.diaryDecade {
	margin-top: 20px;
	padding-top:16px;
	width: 140px; height:200px;
	font-size: 1em;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	text-align: center;
}
.diaryDecade:hover {
	background-image: url('../images/common/bg_hilighted.jpg');
}

.diaryDecade img {
	border:none;
	margin-bottom: 10px;
}

.diaryDecadeDivider {
	margin-top:20px;
	height: 215px;
	font-size: 1px;
	background: url('../images/common/vert_dotted.gif') repeat-y;
	float: left;
}

.diaryDecadeFirstItem {
	padding-left: 0px;
}
.diaryDecadeLastItem {
	background: none;
}


.diariesBlurbColumn1 {
	width: 48%;
	float: left;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-right: 14px;
}
.diariesBlurbColumn2 {
	width: 48%;
	margin:0px;
	padding:0px;
	float: left;
	margin-top:10px;
	margin-left: 14px;
}




/* ------------------------------------------------------------------------------------------------------------------- */
/* Decade page */


.decadeTitle {
	margin-top:2px;
	margin-bottom:2px;
	margin-left: 4px;
	font-size: 1.1em;
	font-weight: bold;
}

.mainDecadeItem {
	background-image: url('../images/common/bg_hilighted.jpg');
}
.mainDecadeItem p a{
	text-decoration: none;
	color: #539FAC;
}
.mainDecadeItem p a:hover{
	text-decoration: underline;
}

.mainDecadeItem .column1 {
	float: left;
	width: 43%;
	margin-left:20px;
	margin-right:12px;
	margin-top:10px;
	margin-bottom:20px;	
}
.mainDecadeItem .column2 {
	float: left;
	width: 43%;
	margin-left:12px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:20px;
}



/* Title of the featured project*/
.decade .mainDecadeItem .headerBlock{
	margin-left:15px;
	margin-right:15px;
}
.decade .mainDecadeItem .imageCaption{
	float: right;
	vertical-align:top;
	font-style:italic;
	font-size:.7em;
	padding-right:5px;
	color:#777;
}
.decade .mainDecadeItem .header{
	clear:both;
	float:left;
	font-size:1.7em;
	font-weight:bold;
	color:#539FAC;
	padding-bottom:.3em;
}
.decade .mainDecadeItem .header:hover{
	color:#6bbbc9;

}
.decade .mainDecadeItem .subheader{
	float:left;
	font-size:.9em;
	font-weight:bold;
	padding-top:.2em;
}



/* ------------------------------------------------------------------------------------------------------------------- */
/* Decade -> Publications page */
.publications .mainPublicationsBlock{

}
.publications .mainPublicationsBlock .header{
	
	font-size:1.3em;
	font-weight:bold;
	padding-left:5px;
	padding-bottom:.3em;
	padding-top:.3em;
}

.publications .mainPublicationsBlock .row{
	margin-left:0px;
	padding-right:0px;
	padding-top:10px;
	clear:both;
}

.publications .mainPublicationsBlock .cell{
	width:150px;
	float:left;
	padding-bottom:0px;
	padding-left:15px;
	padding-top:5px;
	font-size: .85em;
	font-weight:bold;
	color:#777;
	
}


.publications .mainPublicationsBlock .cell:hover{
	background-image: url('../images/common/bg_hilighted.jpg');
	color:#6292a1;
}

.publications .mainPublicationsBlock .cellDisabled{
	width:150px;
	float:left;
	margin-bottom:20px;
	padding-left:15px;
	padding-top:5px;
	font-size: .9em;
	font-weight:bold;
	color:#aaa;
}

.publications .mainPublicationsBlock .cellDivider{
	width:1px;height: 250px;
	font-size: 0px;
	background: url('../images/common/vert_dotted.gif') repeat-y;
	float: left;
	margin-bottom:13px;
}

.publications .mainPublicationsBlock .ref{
	font-size: .7em;
	font-weight:normal;
	font-style:italic;
	padding-right:5px;
}
.publications .mainPublicationsBlock .refDisabled{
	font-size: .7em;
	font-weight:normal;
	font-style:italic;
	color:#aaa;
	padding-right:5px;
}







/* ------------------------------------------------------------------------------------------------------------------- */
/* Project */


.normalPageBlock.project h5 {
	margin-top:10px;
	margin-bottom:8px;
	margin-left: 4px;
	font-size: 1.1em;
}

.normalPageBlock.project .title {
	margin-top:10px;
	margin-bottom:8px;
	margin-left: 4px;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	float: left;
}
.normalPageBlock.project .subtitle {
	margin-top:15px;
	margin-bottom:5px;
	margin-left: 4px;
	font-size: 0.7em;
	display: block;
	float: left;
}


.normalPageBlock.project .thumbItem {
	margin-top: 11px;
	margin-left: 4px;
	margin-right: 8px;
	text-align:left;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	width:135px;
}

.normalPageBlock.project .thumbItem p {
	margin-top: 0px;
	line-height: 0.8em;
	margin-bottom: 16px;
}


.normalPageBlock.project .thumbItem img{
	border: none;
	width: 136px;
	height: 184px;
}

.normalPageBlock.project .thumbWide {
	width:155px;
}
.normalPageBlock.project .thumbWide img{
	width: 155px;
	height: 131px;
}

.normalPageBlock.project .thumbItem .title{
	padding-bottom:10px;
	text-align:center;
}
.normalPageBlock .blurbSubheader {
	font-size:1.1em;
	line-height:1.5em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif;

}
.normalPageBlock sup.blurbSubheader {
	font-size:.6em;
}
.normalPageBlock.project .blurbColumn1{
	width: 40%;
	float: left;
	margin:0px;
	padding:0px;
	margin-left:12px;
	margin-top:10px;
	margin-right: 14px;
}


.normalPageBlock.project .blurbColumn2{
	width: 43%;
	margin:0px;
	padding:0px;
	float: left;
	margin-top:10px;
	margin-left: 14px;
	margin-right: 12px;

}
.normalPageBlock.project .header{
	font-family: helvetica, arial, verdana;
	font-size:1.3em;
	font-weight:bold;
	padding-left:5px;
	padding-bottom:.3em;
}
.normalPageBlock.project .subheader{
	font-family: helvetica, arial, verdana;
	font-size:.7em;
	font-weight:bold;
	padding-top:.5em;
	padding-left:5px;
	padding-bottom:0em;
}
.normalPageBlock.project .writtenBlock{
	clear:both;
	width: 90%;
	margin:0px;
	padding:0px;
	float: left;
	margin-top:10px;
	margin-left: 14px;
	margin-right: 12px;

}

/* ------------------------------------------------------------------------------------------------------------------- */
/* Project image viewer */

.imageViewerBlock {
	text-align: center;
	margin-top:12px;
	/* fix the firefox flash scroll bug */
	overflow:auto;
}
.itemControls {
	float: right;
}

.itemControls{
	margin-top:11px;
}

.itemControls .previousButton{
	width:48px; height: 20px;
	border:0px;
}
.itemControls .nextButton{
	width:45px; height: 20px;
	border:0px;
	margin-left:1px;
}

.imageCaption {
}


/* ------------------------------------------------------------------------------------------------------------------- */
/* Audio player */


.audioBlock {
	margin-right:4px;
	/* fix the firefox flash scroll bug */
	overflow:auto;
	float:left;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* Mixed Media shelf */


/* Heading colouring. Same as the main menu right now */
.mixedMediaHeading a {
	color: #757575;
}
.mixedMediaHeading a:visited {
	color: #666;
}
.mixedMediaHeading a:hover {
	color: #444;
}



/* The menu */
.mixedMediaMenu {
	margin-top: 9px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #C8CECC;
}
.mixedMediaMenuItem {
	float: left;
	border-right: 1px solid #999999;
	padding-left:17px;
	padding-right:17px;
}

/* Menu link colouring. Same as the main menu right now */
.mixedMediaMenu a {
	color: #757575;
}
.mixedMediaMenu a:visited {
	color: #666;
}
.mixedMediaMenu a:hover {
	color: #444;
}

.mixedMediaMenuItemSelected a, .mixedMediaMenuItemSelected a:visited {
	background-color: #868686;
	padding-left:5px;
	padding-right:5px;
	color: #f9f9f9;
}

/* The book thumbnails */
.mixedMediaBook {
	margin-top: 0px;
	padding-top:16px;
	width: 147px;
	font-size: 0.8em;
	float: left;
	text-align: center;
}

.mixedMediaBook img {
	border:none;
}
.mixedMediaBookDivider {
	margin-top:30px;
	height: 150px;
	font-size: 1px;
	border-right: 1px dotted #C8CECC;
	float: left;
}


/* These two rules are shared by both the mixed-media menu and the book divider, so they must go after them both */
.mixedMediaMenuFirstItem {
	padding-left: 0px;
}
.mixedMediaMenuLastItem {
	border-right: none;
}





.mixedMediaBlurbColumn1 {
	width: 48%;
	float: left;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-right: 14px;
}
.mixedMediaBlurbColumn2 {
	width: 48%;
	margin:0px;
	padding:0px;
	float: left;
	margin-top:10px;
	margin-left: 14px;
}




/* ------------------------------------------------------------------------------------------------------------------- */
/* Mixed Media book */

.mixedMediaBookTitle h2 {
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:0px;
}

/* The page thumbnails */
.mixedMediaPageThumb {
	margin-top: 0px;
	padding-top:20px;
	padding-bottom:10px;
	padding-right:9px;
	width: 124px;
	float: left;
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
}

.mixedMediaPageThumb img {
	border:none;
}



/* Link colouring. Same as the main menu right now */
.mixedMediaPageThumb a {
	color: #757575;
}
.mixedMediaPageThumb a:visited {
	color: #666;
}
.mixedMediaPageThumb a:hover {
	color: #444;
}



/* ------------------------------------------------------------------------------------------------------------------- */
/* Mixed media page */

.mixedMediaPageTitle {
	margin:0px;
	padding:0px;
	margin-top: 7px;
	margin-bottom:0px;
	float: right;
	font-weight: bold;
}

.mixedMediaPageImageBlock {
	text-align: center;
	margin-top:33px;
}



/* ------------------------------------------------------------------------------------------------------------------- */
/* Common objects */

.horizScruffy {
	font-size: 1px; height: 1px; clear: both;
	background: url('../images/common/horiz_scruffy_746x1.gif') repeat-x;
}
.horizScruffy2 {
	font-size: 1px; height: 1px; clear: both;
	background: url('../images/common/horiz_scruffy2_746x1.gif') repeat-x;
}
.horizScruffy2px {
	font-size: 2px; height: 2px; clear: both;
	background: url('../images/common/horiz_scruffy_746x2.gif') repeat;
}
.horizDotted {
	font-size: 1px; height: 1px; clear: both;
	background: url('../images/common/horiz_dotted.gif') repeat;
}
.horizLight{
	font-size: 1px; height: 1px; clear: both;
	background: url('../images/common/horiz_light_429x1.gif') repeat;
}

.contentWidth {
	width:718px;
}

.clear {font-size: 1px; height: 1px; clear: both} 

.clearBoth {clear: both} 

.alignBlockLeft {float:left;}

.invisible {display: none;}

.onlyprint {display:none;}


.template1dots {
	width: 110%;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* Links page */

.linksTitle {
	width: 192px;
	height: 18px;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 5px;
	border:0px;
}
.normalPageBlock.links h5 {
	margin-top:15px;
	margin-bottom:0px;
	line-height:.4em;
	font-size: .8em;
	color:#7c7c7c;
}
.normalPageBlock.links .mainBlock{
	float:left;
	width:450px;
	margin-top:10px;
}
/* ------------------------------------------------------------------------------------------------------------------- */
/* Credits page */

.creditsTitle {
	width: 92px;
	height: 18px;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 5px;
	border:0px;
}
.normalPageBlock.credits h5 {
	margin-top:15px;
	margin-bottom:0px;
	line-height:.4em;
	font-size: .8em;
	color:#7c7c7c;
}
.normalPageBlock.credits .mainBlock{
	float:left;
	width:450px;
	margin-top:10px;
}
.normalPageBlock.credits .mainBlock .logo{
	float:left;

}
.normalPageBlock.credits .mainBlock .logoBlurb{
	float:left;
	width:270px;
}

.normalPageBlock.credits .sideBlock{
	float:left;
	width:240px;
	margin-top:10px;
	margin-left:20px;
}
/* ------------------------------------------------------------------------------------------------------------------- */
/* Info page */

.infoTitle {
	width: 192px;
	height: 18px;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 5px;
	border:0px;
}
.normalPageBlock.info h5 {
	margin-top:15px;
	margin-bottom:0px;
	line-height:.4em;
	font-size: .8em;
	color:#7c7c7c;
}
.normalPageBlock.info .mainBlock{
	float:left;
	width:450px;
	margin-top:10px;
}