body {
	background-color:#FFF;
	color:#666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	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 */

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

/* Page layout styles  - used for positioning of major page items */
#PageContainer { 
	position: relative; 
	width: 680px; 
	height:725px;
	margin: 0px auto 0px auto; 
	text-align: left; 
}


/* 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: 408px; 
	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;

}


.ImageCaption { 
	position: absolute;
	top:408px;
	width: 470px; 
	height: 57px; 
	text-align:right; 
}

.ContentB {
	position:absolute;
	top:465px; 
	width: 470px; 
	margin: 0px; 
} 


/* Text area */

/* Page background images */

#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:580px; }
#ResearchBackgroundPart2 {position:relative; left: -68px;  background-image:url(images/Backgrounds/ResearchBGPart2_v3.gif); height: 175px;  background-position: 0px 0px; width:580px; }


/* Navigation styles */
#MainNavContainer { float:left; width:168px;
 }

/* Page navigation styles */
#PageNavContainer { margin: 0px; color:#666; position: absolute; top: 408px; left: 646px; width: 80px; height: 57px; font-size:0.85em;  }

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

#PageNavContainer span {    }

.PageNavNumber {  }
.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; }

/* 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; }
#Hoeilaart { left: 355px; top: 318px; width:200px; height: 96px; }
#Amnesty { left: 589px; top: 264px; width:200px; height: 140px;   }

/* 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: 181px; 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: 143px;   }

/* Research - thumbnail positioning */

#Bastard { left: 192px;top: 159px; }
#Crazy { left: 300px;top: 88px; }
#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.70em; 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;}

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

/* No flash */

#noFlash { text-align:left; margin: 20px 0px 0px 20px;}
#noFlash a{ text-decoration:underline;}
#noFlash a:hover{ text-decoration:none;}