* {
padding: 0;
margin: 0;
 }

h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0 0 1em 0;}

body {
color: black;
background: #fff url(images/background.png) repeat-x;
font: 80% arial, verdana, arial, helvetica, sans-serif;
text-align: center;
line-height: 1.5;
}

#wrapper {
position: relative;
background: #fff url(images/wrapper.png) repeat-y;
margin: 0px auto;
width: 800px;
}

#header {
background: url(images/header.png) no-repeat;
height: 280px;
width: 800px;
}

.left {
position: absolute;
top: 280px;
left: 0px;
background: url(images/edges.png) no-repeat top right;
width: 4px;
height: 320px;
}

.right {
position: absolute;
top: 280px;
left: 796px;
background: url(images/edges.png) no-repeat;
width: 4px;
height: 320px;
}

#navigation {position: absolute; top: 224px; left: 4px; width: 792px; height: 42px; overflow: hidden; margin: 0;}
#navigation li {position: absolute; top: 0px; list-style: none; text-align: center;}
#navigation a {position: relative; height: 42px; display: block;}
#navigation a span {position: absolute; top: 0; left: 0; height: 42px; cursor: pointer;}

#navigation .index {left: 0px; width: 105px;}
#navigation .about {left: 105px; width: 131px;}
#navigation .interim {left: 236px; width: 229px;}
#navigation .charity {left: 465px; width: 181px;}
#navigation .contact {left: 646px; width: 146px;}

#navigation .index a span {width: 105px;}
#navigation .about a span {width: 131px;}
#navigation .interim a span {width: 229px;}
#navigation .charity a span {width: 181px;}
#navigation .contact a span {width: 146px;}

#navigation .index a span {background: url(images/header.png) -4px -224px no-repeat;}
#navigation .about a:link span, #navigation .about a:visited span {background: url(images/header.png) -109px -224px no-repeat;}
#navigation .interim a:link span, #navigation .interim a:visited span {background: url(images/header.png) -240px -224px no-repeat;}
#navigation .charity a span {background: url(images/header.png) -469px -224px no-repeat;}
#navigation .contact a:link span, #navigation .contact a:visited span {background: url(images/header.png) -650px -224px no-repeat;}

#navigation .index a:hover span {background: url(images/navigation.png) 0px 0px no-repeat;}
#navigation .about a:hover span {background: url(images/navigation.png) -105px 0px no-repeat;}
#navigation .interim a:hover span {background: url(images/navigation.png) -236px 0px no-repeat;}
#navigation .charity a:hover span {background: url(images/navigation.png) -465px 0px no-repeat;}
#navigation .contact a:hover span {background: url(images/navigation.png) -646px 0px no-repeat;}

#topmenu {position: absolute; top: 0; left: 246px; width: 528px; height: 30px; overflow: hidden; margin: 0; text-align: left;}
#topmenu li {position: absolute; top: 0; list-style: none;}
#topmenu a {position: relative; height: 30px; display: block;}
#topmenu a span {position: absolute; top: 0; left: 0; height: 30px; cursor: pointer;}

#topmenu .opportunities {left: 0; width: 121px;}
#topmenu .commercialisation {left: 121px; width: 156px;}
#topmenu .startups {left: 277px; width: 89px;}
#topmenu .downloads {left: 366px; width: 102px;}
#topmenu .links {left: 468px; width: 60px;}

#topmenu .opportunities a span {width: 121px;}
#topmenu .commercialisation a span {width: 156px;}
#topmenu .startups a span {width: 89px;}
#topmenu .downloads a span {width: 102px;}
#topmenu .links a span {width: 60px;}

#topmenu .opportunities a span {background: url(images/header.png) -250px 0px no-repeat;}
#topmenu .commercialisation a span {background: url(images/header.png) -371px 0px no-repeat;}
#topmenu .startups a span {background: url(images/header.png) -527px 0px no-repeat;}
#topmenu .downloads a span {background: url(images/header.png) -616px 0px no-repeat;}
#topmenu .links a span {background: url(images/header.png) -718px 0px no-repeat;}

#topmenu .opportunities a:hover span {background: url(images/navigation.png) -246px -42px no-repeat;}
#topmenu .commercialisation a:hover span {background: url(images/navigation.png) -367px -42px no-repeat;}
#topmenu .startups a:hover span {background: url(images/navigation.png) -523px -42px no-repeat;}
#topmenu .downloads a:hover span {background: url(images/navigation.png) -612px -42px no-repeat;}
#topmenu .links a:hover span {background: url(images/navigation.png) -714px -42px no-repeat;}




#topmenu .opportunities a span {background: url(images/navigation.png) -246px -42px no-repeat;}
#topmenu .commercialisation a span {background: url(images/navigation.png) -367px -42px no-repeat;}
#topmenu .startups a span {background: url(images/navigation.png) -523px -42px no-repeat;}
#topmenu .downloads a span {background: url(images/navigation.png) -612px -42px no-repeat;}
#topmenu .links a span {background: url(images/navigation.png) -714px -42px no-repeat;}

#topmenu .opportunities a:hover span {background: url(images/header.png) -250px 0px no-repeat;}
#topmenu .commercialisation a:hover span {background: url(images/header.png) -371px 0px no-repeat;}
#topmenu .startups a:hover span {background: url(images/header.png) -527px 0px no-repeat;}
#topmenu .downloads a:hover span {background: url(images/header.png) -616px 0px no-repeat;}
#topmenu .links a:hover span {background: url(images/header.png) -718px 0px no-repeat;}

h1 {
position: absolute;
top: 46px;
left: 0px;
overflow: hidden;
height: 165px;
width: 240px;
}

h1 a img {
position: absolute;
top: -46px;
left: 0px;
}

#content {
position: relative;
margin: 0px 0px;
padding: 10px 0px 20px 30px;
text-align: left;
width: 510px;
float: left;
}

#sidebar {
position: relative;
width: 210px;
padding: 40px 15px 0 0;
padding: 0 15px 0 0;
float: right;
text-align: left;
}

#sidebar p {
margin: 0 0 1em 0;
}

.star {
margin: 10px 0 0 -5px;
overflow: hidden;
height: 210px;
width: 210px;
}

.search {
position: absolute;
top: -2px;
left: -6px;
overflow: hidden;
height: 29px;
width: 217px;
}

.search img {
position: absolute;
top: -42px;
left: -3px;
}

h2 {
position: relative;
margin: 0 0 0 -5px;
font: 3.45em arial, arial, verdana, tahoma;
color: #97197d;
overflow: hidden;
height: 50px;
width: 505px;
}

h2 span {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

h2.welcome span {background: url(images/headings.gif);}
h2.about span {background: url(images/headings.gif) 0 -50px;}
h2.interim span {background: url(images/headings.gif) 0 -100px;}
h2.charity span {background: url(images/headings.gif) 0 -150px;}
h2.contact span {background: url(images/headings.gif) 0 -200px;}
h2.opportunities span {background: url(images/headings.gif) 0 -250px;}
h2.commercialisation span {background: url(images/headings.gif) 0 -300px;}
h2.startups span {background: url(images/headings.gif) 0 -350px;}
h2.downloads span {background: url(images/headings.gif) 0 -400px;}
h2.links span {background: url(images/headings.gif) 0 -450px;}
h2.investment span {background: url(images/headings.gif) 0 -500px;}
h2.team span {background: url(images/headings.gif) 0 -550px;}
h2.notfound span {background: url(images/headings.gif) 0 -600px;}
h2.recession-proof span {background: url(images/long-headings.gif);}
h2.process-mapping span {background: url(images/long-headings.gif) 0 -50px;}
h2.ladies-in-business span {background: url(images/long-headings.gif) 0 -100px;}
h2.ghrl-lite span {background: url(images/long-headings.gif) 0 -150px;}

a:link, a:visited {
color: #97197d;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #97197d;
}

a:hover {
color: #2d9b1d;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid #2d9b1d;
}

.developing {
margin: 0;
font: italic 1.8em arial, verdana, tahoma;
color: #333333;
}

h3 {
position: relative;
margin: 5px 0 5px -5px;
font: bold 1.8em arial, verdana, tahoma;
color: #97197d;
color: #2d9b1d;
overflow: hidden;
height: 40px;
width: 400px;
}

h3 span {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

h4 {
font: 2.4em arial, arial, verdana, tahoma;
font: 1.5em arial, arial, verdana, tahoma;
color: #97197d;
margin: 10px 0;
}

h5 {
margin: 5px 0 0px 0px;
font: bold 1.8em arial, verdana, tahoma;
color: #97197d;
color: #2d9b1d;
}

.downloadheading {
padding-left: 50px;
background: url(images/download.png) no-repeat 0 0px;
}

.linkheading {
padding-left: 50px;
background: url(images/link.png) no-repeat 0 0px;
}

.box {
width: 250px;
float: left;
clear: both;
border: 0px solid green;
}

.rightbox {
width: 300px;
float: right;
border: 1px solid green;
}

.mail {
padding-left: 50px;
background: url(images/mail.png) no-repeat 0 0px;
}

.telephone {
width: 200px;
float: right;
padding-left: 50px;
background: url(images/telephone.png) no-repeat 0 0px;
height: 50px;
}

#sidebar h3 {
width: 197px;
height: 24px;
}

h3.ournews span {background: url(images/h3subheadings.gif);}
h3.businessnews span {background: url(images/h3subheadings.gif) 0 -24px;}
h3.managementsystems span {background: url(images/h3subheadings.gif) 0 -48px;}
h3.businessplanning span {background: url(images/h3subheadings.gif) 0 -88px;}
h3.information span {background: url(images/h3subheadings.gif) 0 -128px;}
h3.business span {background: url(images/linksubheadings.gif) 0 0px;}
h3.news span {background: url(images/linksubheadings.gif) 0 -40px;}
h3.chamber span {background: url(images/linksubheadings.gif) 0 -80px;}
h3.sport span {background: url(images/linksubheadings.gif) 0 -120px;}
h3.cool span {background: url(images/linksubheadings.gif) 0 -160px;}
h3.community span {background: url(images/linksubheadings.gif) 0 -200px;}
h3.headoffice span {background: url(images/contact-subheadings.gif) 0 0px;}
h3.contactform span {background: url(images/contact-subheadings.gif) 0 -40px;}
h3.team span {background: url(images/contact-subheadings.gif) 0 -80px;}

ul {
margin-left: 3em;
list-style-type: none;
list-style-image: url(images/bullet.gif);
}

li {
margin-bottom: 10px;
text-align: left;
}

li.span {
margin-left: 2em;
}

p.charity {color: #97197d;}
p.description {
color: #0000bf;
padding-bottom: 25px;
}

p.description strong {
color: #97197d;
}

#footer {
clear: both;
position: relative;
background: #c2e2bc url(images/footer.png) repeat-x;
width: 790px;
margin: 0px auto;
padding: 40px 0 20px 0;
}

#footer p {
margin: -20px 40px 20px 40px;
text-align: center;
color: #97197d;
color: #1d8b0d;
color: #000;
}

#footer ul {
padding: 5px 20px 0 20px;
text-align: center;
margin: 0 0 5px 0;
}

#footer li {
display: inline;
list-style: none;
padding: 0;
margin: 0 20px;
text-align: center;
line-height: 2;
}

#footer li a {display: inline;}
#footer a {text-decoration: none; font: 1em verdana, tahoma, arial; color: #eef; border-bottom: 1px solid #eef; padding-bottom: 1px;}
#footer a:hover {color: #ccf; border-bottom: 1px dotted #ccf; padding-bottom: 2px;}

.tail {
background: url(images/tail.png) no-repeat;
position: absolute;
bottom: 0px;
left: -5px;
width: 800px;
height: 40px;
}

.center {
text-align: center;
}

.clear {
	clear: both;
}

acronym {
border-bottom: 1px dotted #555;
border-bottom: 1px dotted #9900ff;
cursor: help;
}

acronym:hover {
border-bottom: 1px solid #555;
border-bottom: 1px dotted #9900ff;
color: #9900ff;
}

a img {
	border: none;
}

p img, h5 img {
float: right;
padding-left: 10px;
}

p img.pdficon {
float: none;
padding: 0;
}

form {
margin: 10px 0 20px 0;
color: #0062c9;
}

form p {
clear: left;
margin: 0;
padding: 15px 0 15px 0;
font: .95em arial;
color: #115511;
color: #000;
}

.form {
	margin: 20px 30px;
	padding: 10px 10px 10px 20px;
	font: .85em arial;
	text-align: left;
	clear: both;
	margin: 20px 0px;
	padding: 10px 10px 10px 0px;
	font: .85em 'trebuchet ms', arial, sans-serif;
	text-align: left;
}

.submit{
	margin: 0 0 0 25%;
}

label {
	float: left;
	width:25%;
	font: bold 1.2em arial, verdana, tahoma;
	color: #0062c9;
	color: #2d9b1d;
	color: #97197d;
	color: #2d9b1d;
}

.textinput {
width: 325px;
background: #f0fff0;
border: 1px solid #97197d;
border: 1px solid #2d9b1d;
background: #fff8f8;
background: #ffffff;
font: 1em verdana, tahoma, arial, tahoma;
padding: 1px 0 3px 0;
}

textarea {
border: 1px solid #0062c9;
width: 325px;
height: 100px;
background: #ddddff;
border: 1px solid #97197d;
border: 1px solid #2d9b1d;
background: #fff8f8;
background: #ffffff;
font: 1em verdana, tahoma, arial, tahoma;
}

.sent { margin-top: 40px; color: #50685c; background:#c1bfb0; padding: 10px 10px 10px 15px; font: bold 1.3em arial, verdana, tahoma; border: 1px solid #60786c;}

x.failed {color: #a04; background:#c1bfb0; padding: 10px 10px 10px 15px; font: bold 1.3em arial, verdana, tahoma; border: 1px solid #60786c; color: red;}

form p.failed { margin-left: -3px; font-weight: bold;}
h2.failed {color: red; margin: 0 0 20px 0; font-size: 1.7em}

.sentmessage {
	border: 1px solid #2d9b1d;
	padding: 20px;
}

.errormessage {
	border: 3px solid #bb0000;
	background: #ffdddd;
	padding: 18px;
}

.pdflink { padding-right: 22px; background: url(images/pdf.gif) no-repeat 100% .25em; }