* { margin: 0; padding: 0; } /* RESET ALL BROWSER DEFAULTS */

body {
	font: small/150% 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	background: #6699CC url(_images/body-bg.png) repeat-y 50% 0%;
	color: #666;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0.7em 0 0.2em 20px;
	font: 400 100%/150%  'Verdana', Arial, Helvetica, sans-serif;
	color: #333; letter-spacing: 1px;
}
h1 { font-size: 150%; }
h2 { font-size: 185%; }
h3 { font: 600 130% 'Trebuchet', Arial, Helvetica, sans-serif;} 	
h4 { font-size: 105%; font-weight: 600; margin-bottom: 0; }
h5 { font-size: 100%; font-weight: 600; margin-bottom: 0; }
h6 { font-size: 100%; }

a {	color: #3399CC; text-decoration: underline; }
a:hover {	color: #999; text-decoration: none; }
p {	margin: 10px 20px; }

img { border: none; }

#header {
	background: #fff;
	height: 90px;
	margin: 0 auto 0;
	text-align:left;
	width: 800px;
}
#header h1 {
	float: left;
	height: 70px; width: 300px;
}
#header h1 a {
	position: relative; z-index: 1;
	width: 300px; height: 70px; 
	display: block;	overflow: hidden;
	font-size: 150%; line-height: 60px;
	color: #333; font-weight: 600;
}

#header h1 b {
	position: absolute;
	top:0;left:0;width:300px;height:70px;
	background: url(_images/PWlogo.gif) no-repeat;
}

#header ul {
	list-style: none;
	margin: 10px 20px 0 0;
	float: right;
	font-weight: 800;
}
#header li {
	list-style: none;
	width: 154px; line-height: 120%;
	font-size: 70%;
	color: #999;
	text-align: right;
}
#header a {
	font-weight: 300;
	font-size: 140%; line-height: 120%;
}

#content {
	width: 800px;
	background: #fff;
	margin: 0 auto 0;
	text-align: left;
}
#content p#biscuits {
	display: block; margin: 0 0 5px 20px;
	font-size: 80%;	line-height: 100%;
}
#content p#biscuits img {
	padding: 0px;
	margin: 0px;
}
#content ul {	list-style: square inside; margin: 0 0 .5em; }
#content ol { list-style: decimal outside; margin: 0 0 .5em 2em; }
#content li {	margin: 0 0 0 20px; }
#content img { margin: 10px 20px 10px 20px; }

#content div#right { float: right; }

#content div.left {
	margin: 0 30px 0 0;
	width: 360px;
	float: left;
}

.SafetyPosters img {
	display: inline;
	margin: 0 20px 0 0;
}
#credit { font-size: 9px; }

#footer {
	clear: both;
	width: 800px;	background: #fff;
	margin: 0 auto 0;	padding: 1em 0;
	text-align: left;	font-size: 85%;
}

#footer p { margin: 0 0 0 0; }

#footer p#logos { margin: 0 20px; }
#footer p#logos img.scottishpower { margin-left: 367px; }

#footer ul#links { width: 760px; text-align: left; margin: 15px 20px 5px; list-style: none; overflow: hidden; }
#footer ul#links li { text-align: left; float:left; width: 190px;}
#footer ul#links li.copyright { text-align: right; }

/* PAGE SPECIFICS */

body#power-facts #content h3 {
	background: url(_images/power-icon.gif) no-repeat 0% 50%;
	line-height: 30px; text-indent: 40px;
	margin-bottom: 0;
}
body#teachers #content p,
body#teachers #content ul { margin-right: 286px; }

body#teachers #content.index p { margin-right: 25px; }

/* IE HACKS */

/* FOR MAC IE5 ONLY */
/*\*//*/
#footer p#contact { float:none !important; }
#header h1 a { overflow: visible; text-indent: -9999px; background:  url(_images/PWlogo.gif) no-repeat; }
/**/

* html body {
	text-align: center;
	font-size: small;
	\font-size: x-small;
	f\ont-size: small;
}
* html body #header h1 { display: inline; }
* html body #header h1 a:link, * html body #header h1 a:visited { 
background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML += '<span />');
}
* html body #header h1 a span {
	background:  url(_images/PWlogo.gif) no-repeat;
	cursor: hand;
}


* html body #footer p#contact,
* html body #header ul {
	display: inline; list-style: none;
}
* html body #content div.left { display: inline; }