/* 
-------------------------------------------------
CSS Document 
http://www.hydrogen-infrastructures.co.uk
http://www.hydrogen-infrastructures.com
AEA Energy and Environment
alistair.dorman-smith@aeat.co.uk
-------------------------------------------------
*/

body {
	margin:0px;
	padding:0px;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}

p, dd, dt, li {
	line-height:1.7em;
	font-size:9pt;
	font-size:0.8em;
}

p {
	margin-bottom:10px;
}

dt {
	margin:0px;
}

dd {
	margin-left:0px;
	padding-left:0px;
	margin-bottom:14px;
}

h1 {
	color:#FFFFFF;
	margin:0px 0px 0px 20px;
	padding:0px;
	padding-top:10px;
	font-weight:bold;
	font-size:1.5em;
	display:block;
}

h2 {
	color:#009900;
	font-size:1.5em;
	letter-spacing:-0.5px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	
}
h6 {
	margin:0px 0px 0px 20px;
	padding:0px;
	line-height:2.0em;
	font-weight:normal;
	letter-spacing:1px;
	color:#FFFFFF;
	font-size:8pt;
	font-size:0.75em;
}

acronymn {
	border:0px;
	text-decoration:none;
}

/* Layout
------------------------------------------------------- */

#wrapper {
	width:770px;
	margin:auto auto;
	margin-top:20px;	
}
#header {
	background-color:#006600;
	background-image:url(../images/header_top.jpg);
	height:68px;
}
#headerbar {
	height:25px;
	background-color:#003300;
	background-image:url(../images/header_bottom.jpg);
}
#headerimage {
	float:right;
	margin-right:0px;
	margin-right:8px;
	margin-top:10px;
	background-image:url(../images/header_image.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:57px;
	width:167px;
}
#content {
	padding-top:10px;
	padding-bottom:40px;
	padding-left:10px;
	background-image:url(../images/content_side_border.jpg);
}
#content #nav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:90%;
	margin:auto auto;
}
#content #nav ul li {
	font-size:8pt;
	font-size:0.75em;
	line-height:25pt;
	color:#009900;
	border-bottom:1px solid #B0DFB0;
}
#content #nav ul li.last {
	border-bottom:0px;
}

#content #nav {
	float:left;
	width:120px;
	border:1px solid #B0DFB0;
	background-image:url(../images/navigation_background.gif);
	background-position:bottom;
}

/* Misc Classes
------------------------------------------------------- */

.footer_text {
	display:block;
	width:200px;
}	
.clear {
	clear:both;
}
.tight_kerning {
	letter-spacing:0.25px;
}

/* Layout
------------------------------------------------------- */
.layout_one #content #content_text {
	float:left;
	width:440px;
	margin-left:10px;
	margin-right:10px;
}
.layout_two #content #content_text {
	float:left;
	width:620px;
	margin-left:10px;
	margin-right:10px;
	
}
.layout_one #content #content_sideimage {
	float:left;
	width:170px;
}
.layout_two #content #content_sideimage {
	display:none;
}
#footer_content {
	border-top:2px solid #009900;
	width:750px;
	margin:auto auto;
	font-size:0.75em;
	padding-top:3px;
	padding-bottom:15px;
}
#footer_content img {
	float:left;
	vertical-align:middle;
	margin-right:10px;
}
#footer {
	clear:both;
	background-position:bottom;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
}


/* Anchors
------------------------------------------------------- */
a:link, a:visited {
	color:#0099FF;	
}
a:hover, a:active {
	color:#FF6600;
	color:#009900;
}


a.navlink:link,a.navlink:visited {
	color:#008000;
	text-decoration:none;
	display:block;
	width:100%;
	
}
a.navlink:hover, a.navlink:active {
	color:#008000;
	text-decoration:underline;
}

a[target="_blank"], a[href^="http://"] {
	background: url(../images/icon_externalLink.gif) no-repeat right top;
	padding-right: 10px;
}
a[class="noicon"] {
	background:none;
	padding-right:0px;
}


/* Page Highlighting
------------------------------------------------------- */
#pHome #nav #aHome,
#pBackground #nav #aBackground,
#pDocuments #nav #aDocuments,
#pContact #nav #aContact, 
#pLinks #nav #aLinks {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}





