html, body { height:100%; background:#ecc; margin:0; padding:0; }
body {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif; 
	font-size: 0.75em; color: #707; }

#wrapper { margin:0px auto; background:#fff;/*  center column colour*/
	text-align:left; position:relative; margin-top:-51px;/* make space for footer*/
	z-index:0; min-height:100%; min-width:780px; max-width:960px; 
	border-right:1px solid #000; border-left:1px solid #000; }
#header { background: #ccc url(BHLroseheader.gif) top right no-repeat; clear:both; position:relative; z-index:2; width:100%;
	border-top:51px solid #fff;/* soak up negative margin to make way for footer*/
	/* border-bottom:1px solid #0c0; */
border-bottom:1px solid #a33; padding:0 0 1px; }
#footer { min-width:780px; max-width:960px; clear:both;  height:50px; margin:auto; position:relative; z-index:2; 
    border-top:1px solid #000; border-bottom:1px solid #000; 
	text-align:center; position:relative; background: url(imprint.gif) #ffc no-repeat center bottom; }
	
#subnav { padding: 0; margin: 3px 0; background: #a33; overflow: hidden; height: 40px; }
#subnav ul { margin: auto 0; padding-right: 20px; font-weight: bold; float: left; list-style-type: none; } 
#subnav li { height: 2.4em; margin: 5px 0; padding: 0 20px; float:left; position: relative; 
			border-right: #fff 2px solid; list-style-type: none; } 
#subnav li a { display: block; color: #fff; text-decoration: none; }
	
#mainholder { float:right; width:100%; margin-left:-170px; }
#main { margin-left:170px; }

#main1holder { float:left; width:32%; }
#main23holder { float:right; width:67%; border-left: 1px solid #a33; }
#main2holder { float:left; width:49%; }
#main3holder { float:right; width:49%; }
#mainstoryholder { float:left; width:100%; margin-right:-170px; }
.mainstory { margin-right:170px; }
#rightholder { position: relative; float:right; width:170px; }
#leftholder { width:170px; position:relative; float:left; z-index:2; }
/* .mainstory, .main1, .main23, .main2, .main3, .right { border: 1px solid #0c0;} 
.thumbright: border: 1px solid #c0c;}*/
.mainstory{ padding: 0 10px; }
.main1{ padding: 0 6px 0 14px; }
.main23{ padding: 0 14px; }
.main2 { padding: 0 9px 0 14px; }
.main3 { padding: 0 14px 0 9px; }
.right { padding: 0 10px; }

.substory { border-bottom: 1px solid #c66; margin: 0.7em 0; } 

h4 { color: #c00; font-size: 1.1em; font-weight: normal; margin: 0.7em 0; } 
p { color: #000; margin: 0 0 0.7em; }
.mainstory h1 { color: #e00; font-size: 1.7em; text-align:left; 
	margin: 1em 0; padding: 12px; background: #f4dddd; }
.main23 h2 { color: #e00; font-size: 1.5em; text-align:center; }
.mainstory h4, .main1 h4 { color: #c00; font-size: 1.2em; font-weight: normal; }
.mainstory p { color: #000; font-size: 1.1em; margin: 0 0 0.7em; }

h4 a { text-decoration: none; color: #f00; }
h4 a:hover { text-decoration: underline; }
h4 a:visited { color: #b00; }

h3.sechead { color: #000; font-size: 1.2em; font-weight: normal; display: block; vertical-align: middle; 
	background: #eee; padding: 4px; margin:10px 0; border: 1px solid #000; }

li  { list-style: disc inside; color: #666; } 
ul.otherpages { padding: 4px; margin: 0; }
.otherpages li { padding: 0 0 0.7em; }
.otherpages li a { color: #00e; }
.otherpages li a:hover { text-decoration: underline; color:#444; }

img { border:0; }
.imgleft, .imgright, .imgmain { margin: 0; text-align: center; }
.imgleft   { float: left; width: 180px; text-align: left; }
.imgright { float: right; width: 180px; text-align: right; }
.thumbleft { float: left; width: 85px; text-align: left; }
.thumbright { float: right; width: 85px; text-align: right; }
.minileft { float: left; width: 115px; text-align: left; }
.miniright { float: right; width: 115px; text-align: right; }
#leftholder img { padding: 1.3em 0 0;}
.majsec img { padding: 40px; }

.imgleft p, .imgright p, .imgmain p { font-style: italic; }

#sidenav #welcome, #sidenav img { width:150px; margin: 12px 0 0 10px; }
#sidenav #welcome { border: 1px solid #666; background: #fff; width:142px; padding: 4px; }

ol#cllr  { margin: 0; padding: 0; }
#cllr  li { list-style: none; clear:both; display: list-item; border-top:1px dotted #e00; margin:0 12px 1em 0; padding: 0;  } 
#cllr h4 { font-weight:bold; float: left; }
#cllr p.ward { color: #c00; text-align: right; margin: 0.7em 0; } 
#cllr div.data { width: 100%; margin: 0; padding: 0; }
#cllr .pic {  float: left; }
#cllr .even .pic {  float: right; }
#cllr div.info { width: auto; }
#cllr img { padding: 0 10px; }
#cllr .foot { font-size: 0.9em; color: #c00; text-align: right; }
#cllr .even .foot { text-align: left; }

.achieve	{ background: #fff; margin:0; padding:0; /*border: 1px dotted #888;*/   }
.aleft	{ float:left; width:48%; }
.aright	{ float:right; width:48%; }
ol.achieve li	{ list-style: none; background: #fff; border-top:1px dotted #400; padding:1em 4px; margin: 0 0 0.4em; }
ol.achieve li.even	{ background: #fff; }
ol.achieve li.fullimg { border: 2px solid #444; }
ol.achieve li.fullimg div.image	{ text-align:center; }
li.fullimg img { border: 1px solid #888; }

li.lthumb img { float: left; border: 1px solid #888; margin: 0 4px; }
li.rthumb img { float: right; border: 1px solid #888; margin: 0 4px; }

.achiev h1, .achiev h4, .achiev .achhead p, ol.achieve li h5, .achvsec h3, h3.othachv { font-family: Cambria, "Lucida Bright", Georgia, serif; }
.achiev h1 { color: #000; text-align: center; }
.achiev h4 { color: #000; font-size: 1.3em; font-weight: normal; margin: 0.7em 0; } 
.achiev .achhead p { color: #333; } 
ol.achieve li h5	{ font-weight:bold; color: #333; font-size: 1.3em; padding: 0; margin: 0 0 0.7em; }
ol.achieve li p	{ font-size: 1em; color: #933; }
ol.achieve li.fullimg h5, li.fullimg p { text-align: center; }
.achvsec h3, h3.othachv { color: #000; font-size: 1.3em; font-weight: bold; vertical-align: middle; text-align: center; 
	background: #e2e; padding: 4px; margin: 0; border-bottom: 1px solid #000; }
.achvsec p { color: #000; font-size: 1.3em; }
.achvsec p .more { font-weight: bold; font-style: italic;  }
h3.othachv { border: 1px solid #000; border-bottom-style: none; }
h3.this  { background: inherit; color: #999; font-weight: normal; }
a.achvsec { display: block; min-height:90px; border:1px solid #000; margin:3px 0; text-decoration: none; }
a.achvsec:hover  { border: 3px solid #000; text-decoration: underline; }
a:hover h3.othachv { border: 3px solid #000; font-size: 1.8em; }

.arts h1, h3.arts { background: #9ff; }
.arts ol.achieve li.fullimg { border-color: #6cc; }
.homes h1, h3.homes { background: #ea6; }
.homes ol.achieve li.fullimg { border-color: #b96; }
.older h1, h3.older { background: #c9f; }
.older ol.achieve li.fullimg { border-color: #a6c; }
.education h1, h3.education { background: #f9f; }
.education ol.achieve li.fullimg { border-color: #c6c; }
.economy h1, h3.economy { background: #9f9; }
.economy ol.achieve li.fullimg { border-color: #6c6; }
.children h1, h3.children { background: #ff6; }
.children ol.achieve li.fullimg  { border-color: #cc6; }
.health h1, h3.health { background: #39f; }
.health ol.achieve li.fullimg { border-color: #36c; }
.safety h1, h3.safety { background: #cf9; }
.safety ol.achieve li.fullimg { border-color: #9c6; }
.enviro h1, h3.enviro { background: #9f3; }
.enviro ol.achieve li.fullimg { border-color: #6c3; }
.transport h1, h3.transport { background: #f99; }
.transport ol.achieve li.fullimg { border-color: #c66; }
.equality h1, h3.equality { background: #ff9; }
.equality ol.achieve li.fullimg { border-color: #cc6; }

/*The following  2 absolute columns that just hold the column colours */
#l { width:169px; height:100%; position:absolute; bottom:0; left:0; background: #eee;/* left column colour*/ 
 	z-index:1; clear:both; border-right:1px solid #a33; }
#r { width:169px; height:100%; position:absolute; bottom:0; right:0; background: #eee; /* right column colour*/
	z-index:1; clear:both; border-left:1px solid #a33; }
* html #l, * html #r { height:999em; bottom:-1px }

/* clear without structural mark-up */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* mac hide - force layout in ie \*/
.clearfix {display: block;}
/* End hide */

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ }
#inner { width:100%; overflow:hidden; position:relative; z-index:3; }