body {  
    background-color:#FFF;
	color:#666666;
    font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; 
	font-size: 70%;  
    margin: 0px;
    padding: 0px;
    height: 100%;
	text-align: center; /* Takes care of horizontal alignment in Internet Explorer */
}

html, body {height: 100%}

h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0px 0px 6px 0px; padding: 0px}
h1 {font-size: 1.6em;} 
h2 {font-size: 1.4em; margin: 0px 0px 24px 0px;} 
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
h6 {font-size: 1.0em;}

a { color: #5D3C3A; text-decoration: none;  } 
a:link { text-decoration: none;}
a:visited { text-decoration: none; }
a:hover { text-decoration: none; color: #350B09;} 
a:active { text-decoration: none;} 
/*a:visited:hover { text-decoration: none; color: #531109;}*/

img, a img, :link img, :visited img {border: none;}

hr { border: none; color: #CCC; height: 1px;}

.justify { text-align:justify;} 
.clearboth {clear:both;}


.hidden {display:none;} /* Removed to allow images to be displayed but left in for accessibility reasons */



/* Archive Nav styles */
.Archive_logout { margin-top: 20px; }


/* Site container - Used to centre table displaying site - to align site in centre of page */
#SiteContainer {width: 100%; height: 100%;  } 


/* Page layout styles  - used for positioning of major page items */
#PageContainer {
    position: relative;
	width: 788px;
    height: 600px;
	margin-left:auto;
	margin-right:auto;
}

/* Accessibility Nav link to html site for screen readers to pick up - positioned off screen. Not ideal but best solution at present 2009 */

#accessibilityNav {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}




#ContentContainer { margin: 0px 0px 0px 168px; padding:0px;  text-align:left; } /* This sets the left margin of the content - to keep it away from the navigation area */

.ContentA { width: 470px; height: 413px; text-align:left; line-height: 140%;  margin: 0px; padding: 0px;  } /* Top content area - for large image and thumbnails */



.ContentA table {
width:100%;
height:100%;
}


.ContentA table td{
vertical-align:middle;
text-align:center;

}

.ContentA p{ margin-top:0px;  }
.ContentA p img { display:block; margin-left: auto; margin-right: auto; }

.ImageCaption {  width: 470px; height: 49px;  text-align:right; font-size:0.8em;  }
.ImageCaption p{ margin-top: 0px;  }

.ContentB { width: 470px;  margin-top: 0px; text-align:justify; line-height: 140%;  } /* Text area */
.ContentB p{ margin-top: 0px; }




#HandUDBackgroundPart2 { position:relative; left: -88px;  background-image:url(images/Backgrounds/HousingBGPart2_v3.gif); height: 175px;  background-position: 0px 0px; width:580px;}

#PBBackgroundPart2 {position:relative; left: -68px;  background-image:url(images/Backgrounds/HousingBGPart2_v3.gif); height: 175px;  background-position: 0px 0px; width:618px;

}


#ResearchBackgroundPart2 {position:relative; left: -68px;  background-image:url(images/Backgrounds/ResearchBGPart2_v3.gif); height: 175px;  background-position: 0px 0px; width:618px;

}


#HomePageTitle { font-size:0.8em; position: absolute; top: -30px; right: 0px;}
/*#more { width: 40px; position:relative; left: 480px; top:-23px; }*/

#more {margin: 0px; color:#666; position: absolute; top: 413px; left: 646px; width: 40px; height: 20px;  }

/* Navigation styles */

#MainNavContainer { float:left; width:160px;}

#MainNav { position: absolute; top: 278px; left: 0px; width:160px; }
#MainNav ul { padding: 0px; margin: 0px; list-style-type: none; list-style-position: outside; }
#MainNav ul li  { margin: 0px; padding: 4px; }
#MainNav ul li a {  color:#866D6B; display: block; margin: 0px; padding: 0px; vertical-align: bottom; text-align:left;  } /*Align fixes bug in IE5 Win which puts in 3px margin */
#MainNav ul li a:hover {color:#350B09; }

#WWMlogo { position: absolute; top: 462px; left:0px;  }





/* Secondary navigation styles */


#SecondaryNav { position: absolute; top: -2px; left:0px; width: 160px; text-align:left;   }
#SecondaryNav ul { list-style-type:none; margin: 0px; padding: 0px;  }
#SecondaryNav ul li  { margin: 0px; padding: 0px 0px 4px 0px; }
#SecondaryNav ul li a { color:#866D6B; display:block; height: 20px;  text-decoration: none; }
/*#SecondaryNav ul li a:link {color:#5d3c3a; }
#SecondaryNav ul li a:visited { color:#cc0000;  }*/
#SecondaryNav ul li a:hover {color:#350B09; }
/*#SecondaryNav ul li a:active { color:#cc0000;}*/

/*
#SecondaryNav ul .Highlight a { color: #350B09;  }
#SecondaryNav ul .Highlight a:hover { color: #350B09;  }
*/

/* Page navigation styles */



#PageNavContainer { margin: 0px; color:#666; position: absolute; top: 413px; left: 646px; width: 112px; height: 20px; font-size:0.85em;  }

#PageNavContainer p{ margin-top: 0px; padding: 0px; }


.PageNavArrowPrev { }
.PageNavNumber { }
.PageNavArrowNext { }
.PageNavArrowPrev a {  width: 14px; color:#666; font-size: 0.85em; }
.PageNavArrowNext a { width: 14px; color:#666; font-size: 0.85em;  }


/* Icon-thumbnail pages - layout styles */

.Thumbnail {
	position: absolute;
	margin: 0px;
	left: 378px;
	top: 295px;
}

.Thumbnail h1 { color: #826866; font-size: 0.85em;  margin: 0px; font-weight:bold; }

/* Public Buildings - thumbnail positioning */

#Hoboken { left: 170px;top: 89px; width:200px; height: 100px; }
#Hoboken h1 { margin-left:90px;}
#Brent { left: 527px;top: 57px; width:200px; height: 100px;  }
#Whitechapel { left: 428px; top: 193px; height: 120px; width:200px; }
#Bradford { left: 155px; top: 187px; width:200px; height: 200px;   }
#PeckhamArts { left: 357px; top: 315px; width:200px; height: 200px; }
#PlantinMoretus { left: 355px; top: 318px; width:200px; height: 200px; }
#Amnesty { left: 589px; top: 264px; width:200px; height: 200px;   }

/* Housing and Urban Design - thumbnail positioning */

#AilsaStreet { left: 574px; top: 112px; width:200px; height: 200px; }
#Bankside { left: 409px;top: 19px; width:200px; height: 100px; }
#Creekmouth { left: 307px; top: 185px; width:200px; height: 200px;   }
#Gistel { left: 572px; top: 279px; height: 120px; width:200px;   }
#Stonebridge { left: 121px;top: 108px; width:200px; height: 100px;  }
#Woolwich { left: 180px; top: 251px; width:200px; height: 200px;   }

/* Research - thumbnail positioning */

#Bastard { left: 192px;top: 159px; }
#Crazy { left: 300px;top: 87px; }
#Density { left: 317px;top: 258px; }
#Plotlands { left: 570px;top: 265px; }
#PublicSpace { left: 459px;top: 165px; }
#Regeneration { left: 588px;top: 90px; }

/* PDF download styles */

#PDFdownload { position: absolute; top: 150px; left: 0px; width: 128px; font-size: 0.85em; text-align:left;}
#PDFdownload p { margin: 0px 0px 0px 0px; line-height:normal;}
#PDFdownload img { margin: 0px 0px 0px -2px;}

#PDFdownload_inB { font-size: 0.8em; text-align:left;}
#PDFdownload_inB p { margin: 0px 0px 0px 0px;}
#PDFdownload_inB img { margin: 0px 0px 0px -2px;}


.CVDownload {  position: absolute; top: -4px; left: 578px; height: 20px;  text-align: left; width: 128px; font-size: 0.85em; } /* Positioning of CV icon and download */
.CVDownload img { margin: 2px 0px 0px 0px;}

#PracticeProfileDownload { font-size: 0.85em; text-align:left;}
#PracticeProfileDownload p { margin: 0px 0px 0px 0px;}
#PracticeProfileDownload img { margin: 0px 0px 0px -2px;}

.PP_ImageCaption { margin: 4px 0px 0px 0px; width: 470px; height: 20px; font-size:0.85em;}
.PP_ImageCaption p{ margin-bottom: 8px; }


#LocationMapPDFdownload { position: absolute; top: 130px; left: 0px; width: 128px; font-size: 0.85em; text-align:left;}
#LocationMapPDFdownload p { margin: 0px 0px 0px 0px;}
#LocationMapPDFdownload img { margin: 0px 0px 0px -2px;}


#Credits {width: 518px; font-size:80%;} 


/* Page heading, paragraph, bullet styles etc */

.GenericPageTitle { font-size: 1.4em; color:#531109; margin: 0px 0px 32px 0px; padding: 0px; }

.ProjectTitle { font-size: 1.2em; color:#531109; margin: 0px 0px 8px 0px; padding: 0px;   }
.ProjectDescription {  color:#333; margin: 5px 0px 19px 0px ; padding: 0px; text-align:left; }




.ResearchTitle { font-size: 1.4em; color:#531109; margin: 0px 0px 8px 0px; padding: 0px; }
.ResearchDescription { width: 470px; font-size: 0.85em; margin: 6px 0px 8px 0px ;  font-weight:bold; }
h1.ResearchTitle + p.ResearchDescription { margin: 0px 0px 42px 0px;}/* Sibling selector to control margin when there is a description */

h1.ResearchTitle + p { margin: 42px 0px 0px 0px;}/* Sibling selector to control margin when there is no description */
.ResearchPubDetails { font-size:0.85em;  margin: 0px; padding: 0px; }
.ResearchDownload {  font-size:0.85em; margin: 0px; padding: 0px; }
.ResearchDownload a img { display:inline; position: relative; top: 3px; margin: 0px 4px 0px 0px;  } /* cancels main image centering */


.PartnerTitle { font-size:1.2em; color: #531109; margin: 0px 0px 42px 0px; padding: 0px; }
.Title_graphic {margin: 0px 0px 42px 0px;}
.DegreeLetters { font-weight:normal; }

.StaffTitle { color: #350B09; font-size:1.2em; margin: 0px; }
.StaffDegree {font-size: 0.85em; margin: 2px 0px 18px 0px;}

.QuoteAtt { font-size: 0.85em;}