/* CSS Document */
html, body {margin:0;padding:0;border:0;}
body {font-size:0.76em;font-weight:normal;color:#000000;text-align:center;font-family: Arial, Helvetica, sans serif;background-color:#FFFFFF;padding-bottom:40px;}
form, fieldset, div, h1, h2, h3, h4, h5, h6, img, p, ul, li {border:0px;margin:0px;padding:0px;}
.clear {clear:both;}
#wrapper {margin:0 auto;width:980px;text-align:left;background:url(img/wrapper-bg.gif) top left repeat-y #FFFFFF;margin-top:12px;border-top:2px solid #D1D8DE;border-bottom:2px solid #D1D8DE;}
#innerwrapper {margin-left:25px;width:930px;padding-top:25px;padding-bottom:25px;position:relative;}

#nav {text-align:right;height:30px;width:930px;}
#nav li {float:right;display:inline;list-style:none;font-size:90%;color:#002744;text-align:right;}
#nav li.first {background:none;}
#nav a {padding-left:15px;padding-right:20px;font-weight:bold;}
#nav a:link, #nav a:visited {color:#002744;text-decoration:none;background:url(img/navbullet.gif) center left no-repeat;}
#nav a:active, #nav a:hover {color:#002744;text-decoration:none;background:url(img/navbullet-on.gif) center left no-repeat;}
#nav a.on {color:#002744;text-decoration:none;background:url(img/navbullet-on.gif) center left no-repeat;}

#header {width:930px;height:67px;background:url(img/header-bg.jpg) top left no-repeat #001B4E;}
#content {width:930px;margin-top:10px;background:url(img/content-bg.gif) top left repeat-y;}
#lbcontent {width:930px;margin-top:10px;background:url(img/lbcontent-bg.gif) top left repeat-y;}
#left {width:665px;float:left;display:inline;min-height:700px;}
/*\*/
* html #left {height:700px;}
/**/
#left a:link, #left a:visited {color:#009DDC;text-decoration:none;font-weight:bold;}
#left a:active, #left a:hover {color:#009DDC;text-decoration:underline;font-weight:bold;}
#left ul {margin:2px 8px 8px 30px;padding-left:12px;}
#left li {padding:0px 4px 4px 0px;}
#left h2 {color:#000000;font-size:140%;padding:8px 0px 4px 0px;}
#left p {padding-top:6px;padding-bottom:6px;}
#left table {margin:8px 0px 8px 0px;}
#homemain {width:650px;padding-top:10px;padding-bottom:20px;}
#homemain p {padding-left:20px;}
#main {width:625px;padding-top:10px;margin-left:20px;padding-bottom:20px;}
#main h3 {font-size:140%;font-weight:bold;color:#009AD9;padding:4px 0px 4px 0px;margin-top:6px;}

.news {width:665px;height:50px;background:url(img/news-bg.gif) top left no-repeat;position:relative;}
.news h1 {color:#FFFFFF;font-weight:normal;font-size:160%;padding:8px 20px 0px 20px;}
.h1news {float:left;display:inline;font-size:160%;padding:8px 20px 0px 20px;}
p.pnews {float:right;display:inline;font-size:110%;width:120px;font-weight:bold;text-align:right;padding:10px 0px 0px 0px;color:#FFFFFF;}
.lbnews {width:665px;height:50px;background:url(img/lbnews-bg.gif) top left no-repeat;}
#right {width:265px;float:right;display:inline;text-align:center;}
#rightcontent {margin:0 auto;width:225px;text-align:left;color:#FFFFFF;padding-bottom:50px;}
#rightcontent h2 {color:#00AEEF;font-weight:normal;font-size:150%;padding:10px 0px 2px 0px;}
#rightcontent h3 {color:#FFFFFF;font-weight:normal;font-size:150%;padding:10px 0px 2px 0px;}
#rightcontent h4 {color:#FFFFFF;font-weight:bold;font-size:100%;padding:15px 0px 2px 0px;text-align:center;}
#rightcontent h5 {color:#00AEEF;font-weight:normal;font-size:130%;padding:10px 0px 2px 0px;}
#rightcontent p {margin:5px 0px 5px 0px;}
#rightcontent ol {margin:5px 0px 5px 15px;padding-left:7px;}
#rightcontent ul {margin:5px 0px 5px 15px;padding-left:7px;}
#rightcontent li {padding-left:4px;}
#rightcontent a:link, #rightcontent a:visited {color:#FFFFFF;;text-decoration:none;font-weight:bold;}
#rightcontent a:hover, #rightcontent a:active {color:#FFFFFF;text-decoration:underline;font-weight:bold;}

p.hmgsl {float:left;display:inline;width:290px;}
p.hmgsr {float:right;display:inline;width:290px;color:#00AEEF;}

p.strap {font-size:90%;font-weight:bold;text-align:center;padding-bottom:6px;}
#linkcol {margin-top:10px;}
div.linkcolimg {float:left;display:inline;width:44px;}
p.data {font-size:90%;color:#00AEEF;}
#linkcol p {float:right;display:inline;width:170px;margin:0px;padding:0px;text-align:left;}
.clrow {clear:both;width:100%;height:6px;}
.leftimage {padding-right:10px;padding-bottom:6px;}

#banner {width:665px;height:276px;}
.home {background:url(img/img-home.jpg) top left no-repeat;}
.about {background:url(img/img-about.jpg) top left no-repeat;}
.contact {background:url(img/img-contact.jpg) top left no-repeat;}
.bnews {background:url(img/img-news.jpg) top left no-repeat;}
.bhmgs {background:url(img/img-hmgs.jpg) top left no-repeat;}
.edzone {background:url(img/img-edzone.jpg) top left no-repeat;}
.clock {background:url(img/clock-bg.gif) top left no-repeat;width:225px;height:25px;padding-top:8px;text-align:center;}
#newsheader {width:80px;color:#0076BD;top:11px;left:20px;font-weight:bold;position:absolute;}
#newsscroller {top:0px;left:100px;color:#FFFFFF;width:460px;position:absolute;font-size:90%;}
.tab {font-size:86%;color:#FFFFFF;font-family:Microsoft San Serif, Arial, sans-serif;background-color:#17181A;}
a.newsscroll:link, a.newsscroll:visited {font-size:90%;color:#FFFFFF;text-decoration:none;}
a.newsscroll:hover, a.newsscroll:active {font-size:90%;color:FFFFFF;text-decoration:none;cursor:pointer!important;}

#logo {width:219px;height:85px;top:85px;left:54px;position:absolute;}
#reglink {width:400px;height:50px;top:80px;right:20px;position:absolute;color:#FFFFFF;font-size:130%;text-align:right;}
#reglink p {padding:0px;}
#reglink a:link, #reglink a:visited {color:#FFFFFF;text-decoration:none;font-weight:bold;}
#reglink a:active, #reglink a:hover {color:#FFFFFF;text-decoration:underline;font-weight:bold;}
#reglogin {font-size:70%;}
#reglogin a:link, #reglogin a:visited {color:#6FD8FF;text-decoration:none;font-weight:bold;}
#reglogin a:active,  #reglogin a:hover {color:#6FD8FF;text-decoration:underline;font-weight:bold;}

#bluebar {width:940px;background:url(http://hoofmark.co.uk/images/bluebar-bg.jpg) bottom left no-repeat #00699B;margin-top:14px;}
#bluebar p.bleft {float:left;display:inline;width:350px;padding:10px 0px 10px 36px;color:#FFFFFF;font-size:140%;}
#bluebar p.bright {float:right;display:inline;width:350px;text-align:right;padding-top:18px;padding-right:30px;color:#FFFFFF;font-size:140%;}
a.wlink:link, a.wlink:visited {color:#FFFFFF;text-decoration:none;font-weight:bold;}
a.wlink:active, a.wlink:hover {color:#FFFFFF;text-decoration:underline;font-weight:bold;}

hr {margin:5px 0px 5px 0px;color:#009AD9;height:1px;border:0px;background-color:#009AD9;}
.rlogo {margin-top:36px;}
p.intro {color:#2D2D2D;font-weight:bold;font-size:120%;}
p.rightintro {width:100%;text-align:left;}
#footer {width:930px;height:104px;background:url(img/footer-bg.gif) top left no-repeat;position:relative;}
#footerez {width:930px;height:104px;background:url(img/footerez-bg.gif) top left no-repeat;position:relative;}
#tneilink {position:absolute;z-index:1000;width:126px;top:83px;left:82px;font-size:86%;text-align:center;}
#tneilink a:link, #tneilink a:visited {color:#000000;text-decoration:none;}
#tneilink a:active, #tneilink a:hover {color:#000000;text-decoration:underline;}
span.lblue {color:#009DDC;font-weight:bold;}
#contact {position:absolute;width:214px;height:36px;right:22px;top:-40px;color:#FFFFFF;font-size:90%;text-align:center;}

form#register {margin-top:20px;}
.formrow {padding-top:4px;padding-bottom:4px;}
.buttonrow {padding-top:10px;padding-bottom:6px;}
#register label {float:left;display:inline;width:176px;padding-right:12px;}
#login label {width:220px;color:#FFFFFF;}
form#register input {float:left;display:inline;}
input.txtsml {width:40px;border:1px solid #6E6D72;}
input.txtmed {width:150px;border:1px solid #6E6D72;}
input.txtml {width:250px;border:1px solid #6E6D72;}
input.txtwde {width:300px;border:1px solid #6E6D72;}
input.login {width:225px;border:1px solid #999999;}
textarea.txtarea {width:300px;height:80px;border:1px solid #6E6D72;font-family:"Microsoft sans serif", Arial, Helvetica, sans-serif;}
textarea.txtlarea {width:540px;height:100px;border:1px solid #6E6D72;font-family:"Microsoft sans serif", Arial, Helvetica, sans-serif;}
.error {font-weight:bold;color:#FF0000;}

h3#windspeed {background:url(img/ico-1sml.gif) center left no-repeat;padding-left:30px;}
h3#greenelec {background:url(img/ico-2sml.gif) center left no-repeat;padding-left:30px;}
h3#hydrogeneration {background:url(img/ico-3sml.gif) center left no-repeat;padding-left:30px;}
h3#pressure {background:url(img/ico-4sml.gif) center left no-repeat;padding-left:30px;}
h3#hrate {background:url(img/ico-5sml.gif) center left no-repeat;padding-left:30px;}
h3#fuelcellelec {background:url(img/ico-6sml.gif) center left no-repeat;padding-left:30px;}
h3#electricload {background:url(img/ico-7sml.gif) center left no-repeat;padding-left:30px;}

a.blink:link, a.blink:visited {color:#00AEEF;text-decoration:none;font-weight:bold;}
a.blink:active,  a.blink:hover {color:#00AEEF;text-decoration:underline;font-weight:bold;}

#ffooter {width:980px;margin:0 auto;font-size:90%;color:#737373;}
#ffooter p {padding:5px 16px 5px 0px;text-align:right;}
#ffooter a:link, #ffooter a:visited {color:#737373;text-decoration:none;}
#ffooter a:active, #ffooter a:hover {color:#737373;text-decoration:underline;}