/*
========================================================================
Filename:		styles.css
Date Created:	2007-10-16
Description:	CSS stylesheet for browser windows < 970px wide
Site:			london.gov.uk
Author:			Mark Patterson (mark.patterson@atticmedia.com)
========================================================================
*/

/* Import External CSS
--------------------------------------------------------------------- */
@import "global.css";
@import "components.css";


/* Main Background Images
--------------------------------------------------------------------- */
/* London Home Page */
html body#london, html body#generic {
	background-color: #002A55;
	background-image: url(/images/site_redesign/backgrounds/london_tile.gif);
	color: #fff;
}
body#london #outer-wrapper, body#generic #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/london_bg.jpg);
	background-repeat: no-repeat;
}
/* Mayor of London */
html body#mayor {
	background-color: #002A55;
	background-image: url(/images/site_redesign/backgrounds/mayor_tile.gif);
	color: #fff;
}
body#mayor #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/mayor_bg.jpg);
	background-repeat: no-repeat;
}
/* Mayors Topic */
html body#mayortopic {
	background-color: #5F1118;
	background-image: url(/images/site_redesign/backgrounds/mayortopic_tile.gif);
	color: #fff;
}
body#mayortopic #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/mayortopic_bg.jpg);
	background-repeat: no-repeat;
}
/* Education */
html body#education {
	background-color: #042E05;
	background-image: url(/images/site_redesign/backgrounds/education_tile.gif);
	color: #fff;
}
body#education #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/education_bg.jpg);
	background-repeat: no-repeat;
}
/* Environment */
html body#environment {
	background-color: #3e5608;
	background-image: url(/images/site_redesign/backgrounds/environment_tile.gif);
	color: #fff;
}
body#environment #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/environment_bg.jpg);
	background-repeat: no-repeat;
}
/* Society & Culture */
html body#society {
	background-color: #301037;
	background-image: url(/images/site_redesign/backgrounds/society_tile.gif);
	color: #fff;
}
body#society #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/society_bg.jpg);
	background-repeat: no-repeat;
}
/* Business & Economy */
html body#business {
	background-color: #011a42;
	background-image: url(/images/site_redesign/backgrounds/business_tile.gif);
	color: #fff;
}
body#business #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/business_bg.jpg);
	background-repeat: no-repeat;
}
/* Olympics & sport */
html body#sport {
	background-color: #36aab6;
	background-image: url(/images/site_redesign/backgrounds/sport_tile.gif);
	color: #fff;
}
body#sport #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/sport_bg.jpg);
	background-repeat: no-repeat;
}
/* Employment & jobs */
html body#employment {
	background-color: #5a7e00;
	background-image: url(/images/site_redesign/backgrounds/employment_tile.gif);
	color: #fff;
}
body#employment #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/employment_bg.jpg);
	background-repeat: no-repeat;
}
/* Health */
html body#health {
	background-color: #006cac;
	background-image: url(/images/site_redesign/backgrounds/health_tile.gif);
	color: #fff;
}
body#health #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/health_bg.jpg);
	background-repeat: no-repeat;
}
/* Government */
html body#government {
	background-color: #3b345e;
	background-image: url(/images/site_redesign/backgrounds/government_tile.gif);
	color: #fff;
}
body#government #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/government_bg.jpg);
	background-repeat: no-repeat;
}
/* Housing */
html body#housing {
	background-color: #55380e;
	background-image: url(/images/site_redesign/backgrounds/housing_tile.gif);
	color: #fff;
}
body#housing #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/housing_bg.jpg);
	background-repeat: no-repeat;
}
/* Transport & Streets */
html body#transport {
	background-color: #60131b;
	background-image: url(/images/site_redesign/backgrounds/transport_tile.gif);
	color: #fff;
}
body#transport #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/transport_bg.jpg);
	background-repeat: no-repeat;
}
/* Planning */
html body#planning {
	background-color: #474a4f;
	background-image: url(/images/site_redesign/backgrounds/planning_tile.gif);
	color: #fff;
}
body#planning #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/planning_bg.jpg);
	background-repeat: no-repeat;
}
/* Safety & policing */
html body#safety {
	background-color: #f18302;
	background-image: url(/images/site_redesign/backgrounds/safety_tile.gif);
	color: #fff;
}
body#safety #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/safety_bg.jpg);
	background-repeat: no-repeat;
}
/* Leisure & visiting */
html body#leisure {
	background-color: #510024;
	background-image: url(/images/site_redesign/backgrounds/leisure_tile.gif);
	color: #fff;
}
body#leisure #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/leisure_bg.jpg);
	background-repeat: no-repeat;
}
/* London Assembly */
html body#assembly {
	background-color: #301037;
	background-image: url(/images/site_redesign/backgrounds/assembly_tile.gif);
	color: #fff;
}
body#assembly #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/assembly_bg.jpg);
	background-repeat: no-repeat;
}
/* London Content Pages */
html body#londoncontent {
	background-color: #301037;
	background-image: url(/images/site_redesign/backgrounds/london_tile.gif);
	color: #fff;
}
body#londoncontent #outer-wrapper {
	background-image: url(/images/site_redesign/backgrounds/london_bg.jpg);
	background-repeat: no-repeat;
}
/* Wrapper widths
--------------------------------------------------------------------- */
#header-wrapper, #mainwrapper {
	width: 762px;
}


/* Header
--------------------------------------------------------------------- */
#header #utilitynav {
	width: 512px;
}
#header #utilitynav li.basket {
	padding-right: 20px;
	background-image: url(/images/site_redesign/icons/basket_utility.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
}
/*
#header div.londonlogo img {	
	visibility: hidden;
}
*/
#header div.londonlogo img {
	background-color: #002A55;
}
#header div.londonlogo img.small {
	display: block;
}
#header div.londonlogo img.large {
	display: none;
}


/* Microsite Logo
--------------------------------------------------------------------- */
#logo-wrapper #microsite-logo, #logo-wrapper #microsite-logosmall {
	width: 463px;
}
#logo-wrapper #microsite-logo img.small {
	display: block;
}
#logo-wrapper #microsite-logo img.large {
	display: none;
}

/* Left Column
--------------------------------------------------------------------- */
#leftcol {
	width: 176px;
}


/* LONDON: Site Navigation
--------------------------------------------------------------------- */
#london #nav li {
	background-image: url(/images/site_redesign/generic/leftnav_bg.png);
	background-repeat: repeat;
	margin-bottom: 4px;
	position: relative;
	padding: 4px 7px 4px 7px;
}
#london #nav li p {
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
}
#london #nav li p a {
	text-decoration: none;
}
#london #nav li p a:hover {
	text-decoration: underline;
}
#london #nav ul {
	margin-top: 0;
}
#london #nav li ul li {
	background-image: none;
	background-color: transparent;
	min-height: 0px;
	border-bottom: 0;
	padding: 0;
	margin: 0;
}
#london #nav li ul li p {
	text-transform: none;
}
#london #nav li ul li p a {
	position: relative;
}
#london #nav li ul li, #london #nav li ul li p {
	display: inline !important;
}
#london #nav ul li p {
	font-size: 140%;
	font-weight: normal;
	background-image: none;
	padding-left: 0;
}


/* Content Columns
--------------------------------------------------------------------- */
#pagecontentwrapper {
	width: 580px;
}
.twocolumn-wrapper .col1 {
	float: left;
	clear: right;
	width: 397px;
}
.twocolumn-wrapper .col2 {
	float: left;
	clear: right;
	width: 176px;
	margin-left: 6px;
}
.twocolumn-wrapper .col_expanded {
	float: left;
	clear: right;
	width: 579px;
}


/* LONDON: Content Columns
--------------------------------------------------------------------- */
#london .twocolumn-wrapper .col1 {
	float: left;
	clear: right;
	width: 287px;
}
#london .twocolumn-wrapper .col2 {
	float: left;
	clear: right;
	width: 286px;
	margin-left: 6px;
}

/* LONDON - error pages: Content Columns
--------------------------------------------------------------------- */
#london .twocolumn-wrapper .errorcol1 {
	float: left;
	clear: right;
	width: 397px;
}
#london .twocolumn-wrapper .errorcol2 {
	float: left;
	clear: right;
	width: 176px;
	margin-left: 6px;
}