/* 
	Layout CSS
	Version : 1.1
	Filename : _layout.css
	Date created : 01/09/2006
	Validates : CSS2, CSS2.1, CSS3
								
	Known issues:
	- IE5 sets width on columns such that wrapping occurs (Fixed?)
	- Safari hack for positioning of secondary content (circa lines 114-115)							
	
	Differences from _navigation.css in 'dwtemplates_external_devolved_master_v1_1' :
	- #main { margin-top: 8.5em; }
	- home page, content and leader styles vary						
*/

/* Default layout for content pages */
#main { position: relative; margin-left: 88px; margin-top: 8.5em; z-index: 1000; padding-top: 1em; } /* need position relative to enable z-index */

#content { margin-left: 184px; padding: 0 20px 0 20px; word-wrap: break-word; }
#content { margin-top: 1px; } /* Fixes float problem in safari*/ 
/* Italic Bug (http://positioniseverything.net/explorer/italicbug-ie.html) */
/* Also fixes pixel jog bug */
/* \*/ * html #content { overflow: hidden; o\verflow: visible; width: 98%; w\idth: auto; he\ight: 1%; } /* */

/* Adverts (third column), default is hidden, see .page-content-threecolumn */
#adverts { display: none; position: absolute; top: 12.5em; right: 0; width: 170px; }

/* footer */
#footer	{ font-size: 0.85em; position: relative; clear: both; margin: 3em 0 0 88px ; padding: 0.5em 0 0 0; width: auto; }
.nav-footer { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin: 0; padding: 0.6em 0.5em 0.6em 0.5em; }

.feedback { background-color: inherit; color: #999999; display: block; text-align: right; padding: 0.2em 0.5em 0.4em 0.5em; }
.feedback p { margin: 0; padding: 0.2em 0 0 0; }

/* Column layouts, used for home pages */
.content-column1,
.content-column2,
.content-column3,
.content-column4,
.content-column25percent,
.content-column30percent,
.content-column33percent,
.content-column40percent,
.content-column50percent,
.content-column60percent,
.content-column70percent { float: left; margin-right: 0.5%; height: 15em; overflow: hidden; }
.content-column1,
.content-column2,
.content-column3,
.content-column4,
.content-column25percent { width: 24%; }
.content-column30percent { width: 28%; }
.content-column33percent { width: 31%; }
.content-column40percent { width: 38%; }
.content-column50percent { width: 48%; }
.content-column60percent { width: 58%; }
.content-column70percent { width: 68%; }

/* Home page */
.page-home #content-primary { float: left; width: 49%; }
.page-home #content-secondary { float: right; width: 49%; }
/* box model issue with IE5, need width hack */
.page-home .boxpromo { margin: 0; margin-bottom: 1em; }
.page-home .body { position: relative; }

/* Two column content page */
.page-content-twocolumn #content { margin-right: 0; } 
.page-content-twocolumn #adverts { display: none; }

/* Three column content page */
.page-content-threecolumn #content { margin-right: 170px; }
.page-content-threecolumn #adverts { display: block; }

/* IE5 only hacks for: */
/*	1. double margin bug */
/*	2. four-column redraw and positioning problems */
/* 	3. column widths for promo boxes */
*html.nav-secondary-breadcrumb li{ margin: 0 0 0 0; padding:0; }
*html.nav-secondary-breadcrumb a { padding: 0.4em 0 0em 1.6em; margin:0 0 -8px 0; }
*html.nav-secondary-sectionmenu li{ margin: 0 0.5em -8px 0.5em; padding: 0.4em 0 0px 1.6em; }
*html.nav-secondary-relatedlinksheader { margin: 1.5em 0 0 0; } 
*html.content-column25percent { width: 21%; }