/*==============================================================================

				 GOthreshold.com Cascading Style Sheet

================================================================================

								Global

==============================================================================*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#20651b url(image/body.png) repeat-x top;
}
body, table, img, button, p {
	margin:0;
	padding:0;
	border:0;
}

table { text-align:left; }

a {								/* when link clicked */
	text-decoration:none;		/* remove underline and */
	outline:none;				/* dotted border */
}

#page {
	width:812px;
	margin:6% auto 4% auto;
	background:#1a0900 url(image/page.jpg) no-repeat;
}

.copyright {
	text-align:center;
	color:white;
	margin-bottom:3%;
}
										/* colours for */
.TEC { color:#164613;}					/* Threshold Energies */
.HI {background:#4fad26; color:white;}	/* home index */
.AB {background:#164613; color:white;}	/* contact */
.LK {background:#007a1d; color:white;}	/* links */
.GT {background:#f31b14; color:white;}	/* Geothermal */
.SH {background:#018b71; color:white;}	/* Solar Hot Water */
.SE {background:#ffaa16; color:black;}	/* Solar Electricity */
.WT {background:#2b85bb; color:white;}	/* Wind Turbine */
.HG {background:#9c1e8b; color:white;}	/* Hydrogen */
.CG {background:#eb541e; color:white;}	/* Cogen */

/*==============================================================================

								Header/Menu

==============================================================================*/

/* suppress our whole menu when not in interactive mode (when printing, etc.) */
@media print, projection { .minwidth0 { d\isplay:none; } }

#logo {
	margin-left:9px;
}

.ticker {
	position:absolute;
	top:24px;
	right:66px;
	color:white;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

 /*=========================== Top of Menu Cascade ===========================*/

.menu {
	position:relative;			/* establish menu-relative positioning context */
	margin-top:-2px;			/* unfortunately, IE needs to butt up against logo */
	margin-left:9px;
	height:27px;				/* menu's overall height */
	z-index:100;
}

.menu .item {
	position:absolute;
	color:white;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.menu #HI { margin-top:10px; padding-left:41px; }
.menu #AB { margin-top:10px; padding-left:18px; }
.menu #LK { margin-top:10px; padding-left:9px; }
.menu #GT { margin-top:10px; padding-left:6px; }
.menu #SH { margin-top:2px; line-height:12px; padding-left:12px; }
.menu #SE { margin-top:2px; line-height:12px; padding-left:12px; }
.menu #WT { margin-top:2px; line-height:12px; padding-left:12px; }
.menu #HG { margin-top:10px; padding-left:4px; }
.menu #CG { margin-top:10px; padding-left:6px; }

.menu img {
	vertical-align: top;		/* prevent images from being pushed down by text */
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;		/* don't view as a typical list */
	line-height:1.5em;			/* globally set item spacing, must be 1.0 or 1.5 or 2.0 for Mozilla */
}
.menu li {
	float:left;					/* create side-by-side array of top-level buttons */
	position:relative;			/* position context for each button so drop-down is underneath*/
}

/*============================== Top-Level Menu ==============================*/

.menu ul ul {
	display:none;				/* initially hide entire list hierarchy */
	padding:1px;				/* box border width */
}
.menu ul li a,
.menu ul li a:visited {			/* unselected top-level menu items */
	display:block;
	float:left;
	height:27px;
}
.menu ul li:hover a,
.menu ul li a:hover {			/* selected top-level menu items */
	height:26px;				/* hover screws up in Opera and IE6 without this ??? */
}

/*============================== 2nd-Level Menu ==============================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {		/* 2nd-level drop-down box */
	display:block;
	position:absolute;
	top:26px;					/* place directly under menu or mouse can't access drop-down easily */
	left:-1px;					/* IE7 needs to left-align drop-down to previous button */
	width:14em;
	opacity:0.85;				/* CSS3 only, IE opacity breaks 3rd-level drop-down for some reason */
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {	/* 2nd-level unselected items */
	padding:2px 0;				/* extra space between drop-down items */
	height:auto;
	color:white;				/* set unselected drop-down text color */
	width:14em;
}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover { /* 2nd-level selected item */
	background:white;
	color:black;
}

/*============================== 3rd-Level Menu ==============================*/

.menu ul li:hover ul ul,
.menu ul li a:hover ul ul {		/* hide inactive 3rd-level menus */
	visibility:hidden;
}
.menu ul ul li:hover ul,
.menu ul ul li a:hover ul {		/* 3rd level drop-down box */
	visibility:visible;
	margin-top:-1px;
	top:0;
	left:14em;
	opacity:1.0;
}
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {	/* 3rd-level unselected items */
	background:none;
	color:white;				/* set unselected drop-down text color */
}
.menu ul li:hover ul li:hover ul li a:hover,		/* without the last a:hover, IE7 won't force black */
.menu ul li a:hover ul li a:hover ul li a:hover {	/* 3rd-level selected items */
	background:white;
	color:black;
}


/*==============================================================================

								Content

==============================================================================*/

.content {
	position:relative;
	padding:7em 0;
}
.content h1 {
	font-size:22px;
	color:white;
	border-top:2px solid black;
	border-left:2px solid black;
	margin:0 18px 1em 18px;
	padding:5px 10px;
}
.content h1 a {
	color:white;
}
.content h2 {
	font-size:16px;
	border-top: 2px solid #164613;
	border-left: 2px solid #164613;
	margin:0 18px;
	padding:5px 8px;
}
.content h3 {
	font-size:14px;
	padding:2px 5px;
}
.content b {					/* highlighted words, like in GT_cost.html */
	padding:0 0.5em;
}

#bigbox {
	margin-left:auto;
	margin-right:auto;
	width:88%;
	background:white;
}

#bigbox li {
	line-height:1.5em;
	margin-top:0.5em;
	margin-bottom:1.5em;
	margin-right:1.5em;
}
#bigbox li li {
	margin:0;
}
#bigbox .tight {
	margin-bottom:2em;
}
#bigbox .tight li {
	margin:0.3em 1em;
}

#bigbox dl {
	margin:3em 4em;

}

#bigbox dt {
	font-weight:bold;
	
}

#bigbox dd {
	margin-left:0;
	margin-bottom:1em;
}

#bigbox p {
	margin:1em 2em;
}

#smallbox {
	margin-left:auto;
	margin-right:auto;
	width:50%;
	background:white;
}
#smallbox p {
	margin:1em 2em;
}

.centre {
	margin:0 auto;
	width:49%;
}

/*==============================================================================

						Six Home Index Energy Summaries

==============================================================================*/

#summary {
	float:left;
	width:150px;
	margin:0 1em;
	height:309px;
	color:white;
	background:#007a1d;
	filter:alpha(opacity=80);
	opacity:0.80;
}
#summary p {
	padding:0.5em 1em;
	line-height:1.2em;
}

.sixenergy {
	float:left;
}
.sixenergy ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:108px;
}
.sixenergy ul li {
	float:left;
	width:108px;
}
.sixenergy ul li a,
.sixenergy ul li a:visited {
	float:left;
	text-decoration:none;
	line-height:20px;
	color:white;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
.sixenergy ul li div {
	position:absolute;
	top:84px;
	left:328px;
	width:124px;
	height:285px;
	padding:1em;
	visibility:hidden;
	z-index:100;
}
* html .sixenergy ul li div {		/* IE6 fix */
	margin-left:-207px;
	line-height:1.2em;
}
.sixenergy li a:hover {
	text-align:left;
}
.sixenergy li:hover div,
.sixenergy li a:hover div {
	visibility:visible;
}

/*==============================================================================

								Tables

==============================================================================*/

.bigtable {
	width:95%;
	margin:0.5em auto;
}

.smalltable {
	width:55%;
	margin:1.5em auto;
}

caption {
	padding-bottom:5px;
	font-style:italic;
	text-align:right;
}

th {
	border-left:1px solid #9db59b;
	border-right:1px solid #9db59b;
	background:white;
	padding:6px;
	font-weight:normal;
}
th.nobg {
	border:0;
	border-bottom:1px solid #9db59b;
	background:none;
}
td {
	border-right:1px solid #9db59b;
	background:white;
	padding:6px;
}

.alt {
	border-top:1px solid #9db59b;
	border-bottom:1px solid #9db59b;
	background:#e8ede8;
}
.last {
	border-bottom:1px solid #9db59b;
}

/*==============================================================================

								Gallery

==============================================================================*/

/* style the outer containing div to fit the landscape, portrait and buttons */
#album {
	width:480px;
	height:360px;
	background: url(image/GT_step/GT_step_0.jpg) no-repeat;
	background-position: bottom;
	margin:0 auto;
}
/* remove padding margin and bullets from list. Add width to fit images and position relative */
.gallery {
	position:relative;
	padding:0;
	margin:0;
	list-style-type:none;
	width:480px;
}
.gallery a,
.gallery a:visited,
.gallery a:hover {
	color:black;
}
/* captions */
.gallery div {
	position:absolute;
	top:40px;
	padding:0.5em;
	background:white;
}
/* make the list horizontal */
.gallery li {
	float:left;
}
/* style the number to be centred in a box */
.gallery li a,
.gallery li a:visited {
	float:left;
	line-height:20px;
	width:24px;
	height:21px;
	margin:2px;
	border:3px solid black;
	text-align:center;
	font-weight:bold;
	background:white;
}
/* absolute position images and caption and hide them from view */
.gallery li img {
	position:absolute;
	top:40px;
	left:0;
	visibility:hidden;
}
.gallery li div {
	visibility:hidden;
	text-align:left;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
	left:0;
	border-left:40px solid #eee;
	border-right:40px solid #eee;
}
/* style the hover for the numbered boxes */
.gallery li a:hover {
	border:3px dotted black;
}

/* make images and caption visible on active/focus */
.gallery li a:hover img,
.gallery li:hover img,
.gallery li a:hover div,
.gallery li:hover div {
	visibility:visible;
}