﻿

body {
background-color: white;
}

/* Centred holder -------------------------------------------- */

#container {
	position:absolute;
	width: 800px;
	top: 0;
	left: -400px;
	/* background-color:red; */
	margin-left: 50%;
	padding:0;
}

/*------------------------------------------------------------ */


#header {
	display: block;
	top: 0;
	width: 100%;
	height:142px;
	background-color: #d0e83e;
}

/* Top Navigation -------------------------------------------- */

#navBlock {
	background-image:url(images/hdl_forum.gif);
	background-repeat:no-repeat;
	position: relative;
	padding:0px;
	margin:0;
	font-size: 12px;
	font-weight:bold;
	width: 100%;
	height: 40px;
	background-color: #fff;
	border-bottom:6px solid #d0e83e;
}
#navigation {
	float:right;
	font-family: Arial , helvetica , _sanserif;
	background-image:url(images/bar_block.gif);
	padding:0px;
	margin:0;
	font-size: 12px;
	font-weight:bold;
	width: 610px;
	height: 40px;
	background-color: #F3DEB7;
}

#navigation ul {
	margin: 0;
	width: 100%;
	padding:13px 0;
	list-style-type: none;
}

#navigation ul li {
	margin:0;
	display: inline;
	text-align: center;
}

#navigation ul li a {
	margin:0;
	padding: 13px 20px;
	text-align: center;
	text-decoration: none;
	color: #000;
}
#navigation ul li a:hover {
	background-image:url(images/grn_bar_block.gif);
	margin:0;
	text-align: center;
	padding: 13px 20px;
	color: #000;
}
#navigation ul li .current{
	background-image:url(images/grn_bar_block.gif);
	margin:0;
	text-align: center;
	padding: 13px 20px;
	color: #000;
}

/*------------------------------------------------------------ */



/* Main content area holder----------------------------------- */

#contents {
	font-family: Arial , helvetica , _sanserif;
	position: relative;
	width: 100%;
	background-color: #ccc;
	margin:0;
}

/*------------------------------------------------------------ */

/* Left-Hand tabbed area ------------------------------------- */

#tabs {
	position:absolute;
	top:-3px;left:14px;
	display: block;
	margin:0;padding:0;
	width: 169px;
	/*height:inherent;*/
	/*background-color: pink;*/
	/*float:left; */
}
#tabs p {
	font-size: 12px;
	font-weight:bold;
	margin:0;padding:0;
}
#tabs h3 {
	font-size: 16px;
	font-weight:bold;
	color: black;
	margin:0;padding:0;
}
#tabs h5 {
	font-size: 13px;
	font-weight:bold;
	color: black;
	margin:0;padding:0;
}
#tabs ul {
	font-size: 11px;
	font-weight:bold;
	width:169px;
	margin:0;padding:0;
}
#tabs li {
	/*width:168px;*/
	height:20px;
	margin:3px 0;padding:10px 0;
	list-style-type:none;
	background-color:#ccc;
	text-align:center;
}
#tabs li a {
	/*width:180px;*/
	margin:0;padding:0;
	text-decoration:none;
	font-size: 11px;
	font-weight:bold;
}

	

/*------------------------------------------------------------ */


/* Information area ------------------------------------------- */
.fig {
	margin:0.5em 0 0.25em 20px;
	border: solid 1px #777;
}

#storyHolder1 {
	position: static;
	display: block;
	height:700px;
	margin:0;
	padding:20px 0;
	width: inherent;
	background-color: white;
	background-image:url(images/story_back.gif);
	background-repeat:repeat-y;
}

#storyHolder1 p {
	margin:0;
	padding:0;
	}
	
#storyHolder1 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 0.5em 60px 0.5em 20px;
	margin:0 0 0 190px;
	color: #000000;
	text-decoration: none;
}
#storyHolder1 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 0.5em 60px 0.5em 20px;
	margin:0 0 0 190px;
	color: #000000;
	text-decoration: none;
}
#storyHolder1 p, .bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	margin:0 0 0 190px;
	padding: 0.5em 60px 0.5em 20px;
	color: #000000;
	text-decoration: none;
}

#storyHolder1 img {
	margin:10px 0 5px 0;
	}
#storyHolder1 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: blue;
	/* text-decoration: none; */
}

#storyHolder1 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: blue;
	text-decoration: none;
}

#storyHolder1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CCFF00;
	/* text-decoration: none; */
}
#storyHolder1 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 20px;
	margin:0 0 0 190px;
	color: #000000;
	text-decoration: none;
}

#storyHolder1 li.homelinks {padding:3px;list-style-image:url(images/HDL-bullet.gif);}

/*----------*/

#storyHolder {
	position: static;
	display: block;
	min-height:700px;
	margin:0;
	padding:20px 0;
	width: inherent;
	background-color: white;
	background-image:url(images/story_back.gif);
	background-repeat:repeat-y;
}

#storyHolder p {
	margin:0;
	padding:0;
	}
	
#storyHolder h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 0.5em 60px 0.5em 20px;
	margin:0 0 0 190px;
	color: #000000;
	text-decoration: none;
}
#storyHolder h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 0.5em 60px 0.5em 20px;
	margin:0 0 0 190px;
	color: #000000;
	text-decoration: none;
}
#storyHolder p, .bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	margin:0 0 0 190px;
	padding: 0.5em 60px 0.5em 20px;
	color: #000000;
	text-decoration: none;
}

#storyHolder img {
	margin:10px 0 5px 0;
	}
#storyHolder a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: blue;
	/* text-decoration: none; */
}

#storyHolder a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: blue;
	text-decoration: none;
}

#storyHolder a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CCFF00;
	/* text-decoration: none; */
}
#storyHolder h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 20px;
	margin:0 0 0 190px;
	color: #000000;
	text-decoration: none;
}

#storyHolder li.homelinks {padding:3px;list-style-image:url(images/HDL-bullet.gif);}
/*ad banner */

#ptadbanner {margin:7px 0 0 15px;padding:0;width:180px;text-align:center;float:right;}
#ptadbanner img {margin:0;padding:0;border:1px solid #000;}
#ptadbanner span {padding:6px 0;font-weight:bold;font-size:18px;}
#ptadbanner a:link {color:#000;text-decoration:none;font-size:15px;}
#ptadbanner #bannertitle {margin:0 0 10px 0;padding:10px 0;width:180px;background-color:#000;color:#ccff00;text-transform:uppercase;}
#ptadbanner #bannertitle a {color:#ccff00;text-decoration:none;text-transform:none;}
/*---*/

#notes {
display:block;
margin:5px 0 5px 210px;
padding:5px 0;
width:400px;
border:solid 1px #777;
}
#notes span h3 {
	margin-left:0;
	}
#notes span p {
	margin-left:0;
	}
#notes ul {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	margin:0;
	}
#notes li {
	margin:0px;
	}
	
	
#columns {
	position:relative;
	text-align:left;
	width:100%;
}
#columns #left_col {
	margin-left:0;
	float:left;
	width:490px;
}
#columns #left_col h3 {
margin:0 0 0 190px;
}
#columns #left_col p {
margin:0 0 0 190px;
}
#columns #right_col {
	margin:0;
	float:right;
	width:305px;
}
#columns #right_col p {
margin:0;
}
#columns #right_col h3 {
margin:0;
}
/* a spacing hack as IE won't recognise the min-height property */
#spacer {position:relative;display:block;margin:0;padding:0;width:400px;height:140px;}
/*------------------------------------------------------------ */

/* Formatting of meetings and resources ---------------------- */
#linklist Table {
	margin-left:208px;
	width:610px;
}

#linklist td {
	margin:0;
	padding:0.25em 0 0.25em 0.25em;
	}
#linklist .coName {
	width:200px;
}
#linklist .resName {
	width:350px;
}
/*------------------------------------------------------------ */

/* Tables and Forms ------------------------------ */
table { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width:580px;
	margin-left:208px;
	}
	
.datatable {border:solid 1px #777;}

form td {
	padding:0.5em 1em 0.5em 0;
	}
	
form .psuedolabels {
	width:130px;
	}
	
td {
	padding:1em 1em 1em 0;
	}

.glossaryEntry {
	width:130px;
	padding:1em 1em 1em 0;
	margin:0;
	font-weight:bold;
	}
select {
	margin:0;
	padding:0;
	}
input {
	margin:0;
	padding:0;
	}
/*------------------------------------------------------------ */

/* Footer Navigation -------------------------------------- */


#footerBlk {
	position: relative;
	padding:0px;
	margin:0;
	font-size: 12px;
	font-weight:bold;
	width: 100%;
	height: 40px;
	background-color: #fff;
	border-bottom:2px solid #d0e83e;
}
#sponsor {
	position:absolute;
	left:30px;top:-70px;
	text-align:center;
}
#sponsor h5 {
	font-family: Arial , helvetica , _sanserif;
	margin:0;
	font-size:13px;
	font-style:bold;
	color:black;
}
#sponsor img {
	margin:0;
}
#footer {
	font-family: Arial , helvetica , _sanserif;
	background-image:url(images/bar_block.gif);
	padding:0px;
	margin:0;
	font-size: 12px;
	font-weight:bold;
	width: 100%;
	height: 40px;
	background-color: #F3DEB7;
}

#footer ul {
	margin: 0;
	width: 100%;
	padding:13px 0;
	text-align:center;
	list-style-type: none;
}

#footer ul li {
	margin:0;
	display: inline;
	text-align: center;
}

#footer ul li a {
	margin:0;
	padding: 13px 15px;
	text-align: center;
	text-decoration: none;
	color: #000;
}
#footer ul li a:hover {
	background-image:url(images/grn_bar_block.gif);
	margin:0;
	text-align: center;
	color: #000;
}
#footer ul li .current{
	background-image:url(images/grn_bar_block.gif);
	margin:0;
	text-align: center;
	padding: 13px 15px;
	color: #000;
}
/*------------------------------------------------------------ */

.heading-black
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
}

a.marquee-links
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}

a.marquee-links:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#D0E83E;
	text-decoration:none;
}

.clear
{
	clear:both;
}

.superscript
{
	font-size:xx-small; vertical-align:top;
} 
.subscript
{
	font-size:xx-small; vertical-align:bottom;
}

span
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}