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

	The New Zealand Green Building Council - Index Stylesheet
   
------------------------------------------------------ */

	@import "reset.css";
	
/* --- Selectors ------------------------------------- */


	body {
		font:12px/18px Arial, Helvetica, sans-serif;
		background:#d6d6d6 url(/main/greenimages/bg.gif) bottom left repeat-x;
		background-attachment:fixed;
		margin:0 auto;
	}
	
	hr {
		background-color:#c7c8ca !important;
		color:#c7c8ca; 
		height:1px;
		border:0;
		width:100%;
	}

	
/* --- Type ------------------------------------------ */
	
	a, td a, div a, span a  { color:#000000; text-decoration:none;  }
	a:hover, td a:hover, div a:hover, span a:hover { color:#a6a7a8; text-decoration:none; }
	a img { border:none; }
	
	p { margin:10px 0; font:12px/18px Arial, Helvetica, sans-serif; }
	
	h1 { font:bold 18px/24px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#639801;}
	h2 { font:bold 16px/22px Arial, Helvetica, sans-serif; }
	h3 { font:bold 14px/20px Arial, Helvetica, sans-serif; }
	h4 { font:bold 12px/18px Arial, Helvetica, sans-serif; }
	h5 { font:bold 11px/16px Arial, Helvetica, sans-serif; }
	h6 { font:bold 10px/14px Arial, Helvetica, sans-serif; }

/* --- Common Classes -------------------------------- */

	.left { float:left; }
	.right { float:right; }
	.top { vertical-align:top; }
	.clear { clear:both; }

/* --- Layout Styles --------------------------------- */


#wrap {
	width:960px;
	border:1px solid #c7c8ca;
	background:#FFFFFF;
	margin:0 auto;
}

#formwrap {
	width:958px;
	height:30px;
	background:url(/main/greenimages/memberloginbg.gif) top left repeat-x;
}

#search {
	float:left;
	width:330px;
	height:30px;
	font-size:12px;

}
#search form {
	padding:2px 25px;
}

#search input[type="submit"] {
	background:url(/main/greenimages/btn_search.gif) center no-repeat;
	font-size:10px;
	font-weight:bold;
	border:none;
	width:32px;
	height:20px;
	padding-bottom:2px;
	color:#FFFFFF;
}

#memberlogin {
	float:right;	
	width:580px;
	height:30px;
	text-align:right;
	font-size:12px;
	color:#2f2e2e;
}

#memberlogin form {
	padding:2px 25px;
}

#memberlogin input[type="submit"] {
	background:url(/main/greenimages/btn_login.gif) center no-repeat;
	font-size:10px;
	font-weight:bold;
	border:none;
	width:48px;
	height:20px;
	padding-bottom:2px;
	color:#FFFFFF;
}

#header {
	height:119px;
	border-bottom:1px solid #c7c8ca;
}

#header div {
	float:left;
}

#logo {
	width:252px;
	height:105px;
	padding-top:13px;
	border-right:1px solid #c7c8ca;
}

#tagline {
	width:408px;
	height:119px;
	border-right:1px solid #c7c8ca;
}

#tagline h1 {
	color:#58595b;
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	padding:47px 0 0 20px;
}

#tagline span {
	color:#58595b;
	font-size:15px;
	text-transform:uppercase;
	display:inline;
	padding-left:20px;
}



#content {
	position:relative;
}
#content div {
	float:left;	
}

#col1 {
	border-right:1px solid #c7c8ca;
	width:250px;
	background:#e5e5e5;
}


#menu {
	width:250px;
	height:380px;
	background:url(/main/greenimages/menubg.gif) top left repeat-x;
	border-right:1px solid #c7c8ca;
}

#col1 #menu {
	border-right:none;
}

#menu ul {
	width:194px;
	padding:18px 18px  0 36px;
	margin:0;
}

#menu ul li {
	list-style-image:url(/main/greenimages/menulist.gif);
	line-height:16px;
}
#menu ul li a {
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	border-bottom:1px solid #aacd79;
	padding:6px 0;
	font-weight:bold;
}

#menu ul li a:hover {
	color:#cae3b2;
}

#submenu {
	position:absolute;
	z-index:100;
	top:2;
	left:250px;
	display:block;
	width:250px;
	height:380px;
}

#submenu img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position:absolute;
	z-index:1;
}

#col1 #submenu img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	position:absolute;
	z-index:1;
}

#submenu ul {
	position:absolute;
	z-index:3;
	width:194px;
	padding:18px 18px  0 36px;
	margin:0;
}

#submenu ul li {
	list-style-image:url(/main/greenimages/menulist.gif);
	line-height:16px;
}

#submenu ul li a {
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:6px 0;
	font-weight:bold;
	text-transform: uppercase;
}

/*  Added by Mike  Sunday 17 May 2009 12:14 am  
**  Menu changes requested by Kirsty
*/
#small_header{
 font-size:11px;
 text-transform: lowercase;

}

#submenu ul li a:hover {
	color:#808285;
}

#submenu ul li ul {
	position:static;
	margin:0;
	padding:0 0 0 15px;
}

#showcase {
	width:408px;
	height:380px;
	border-right:1px solid #c7c8ca;
	position:relative;
}

#showcase-a {
	width:706px;
	height:380px;
	border-right:1px solid #c7c8ca;
	position:relative;
}
#showcase-flash {
	width:408px;
	height:380px;
	border-right:1px solid #c7c8ca;
	position:relative;
}
#showcase span {
	position:absolute;
	z-index:2;
	bottom:0;
	display:block;
	width:388px;
	height:55px;
	background:#000000;
	color:#ffffff;
	opacity: .0;
	filter: alpha(opacity=0);
	padding:15px 0 0 20px;
	font-weight:bold;
}
#showcase-a span {
	position:absolute;
	z-index:2;
	bottom:0;
	display:block;
	width:687px;
	height:55px;
	background:#000000;
	color:#ffffff;
	opacity: .0;
	filter: alpha(opacity=0);
	padding:15px 0 0 20px;
	font-weight:bold;
}


#intro {
	background:url(/main/greenimages/introbg.gif) top left no-repeat;
	width:298px;
	height:380px;
	
}

#intro h1 {
	color:#fff200;
	font-size:14px;
	line-height:18px;
	height:22px;
	margin:18px 18px 0 20px;
	border-bottom:1px solid #9b9b9d;
}

#intro p {
	margin:10px 20px;
	padding-bottom:20px;
	color:#FFFFFF;
	font-size:13px;
	line-height:18px;
	border-bottom:1px solid #7a787b;
}
#intro p a {
	color:#fff200;
}


#pagetext {
	float:left;
	width:665px;
	padding:20px;
	text-decoration:none;
}

#highlight {
	clear:both;
	border-top:1px solid #c7c8ca;
}
#highlight-inside {
	width:250px;
	float:left;
}

#highlight h2, #highlight-inside h2 {
	color:#58595b;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px solid #d3d3d3;
	font-size:14px;
	line-height:18px;
	padding-bottom:12px;
}

#highlight div, #highlight-inside div {
	float:left;
	color:#58595b;
	font-size:14px;
}

#highlight a, #highlight-inside a {
	color:#58595b;
	text-decoration:none;

}

#highlight a:hover, #highlight-inside a:hover {
	color:#a6a7a8;
}

#highlight li, #highlight-inside li {
	list-style:url(/main/greenimages/highlightlibg.gif);
	line-height:22px;
}

#highlight1 {
	width:250px;
	height:183px;
	border-right:1px solid #c7c8ca;
	background:url(/main/greenimages/highlightbg.gif) top left repeat-x;
}

#col1 #highlight1 {
	border-right:none;
}

#highlight2 {
	width:408px;
	height:183px;
	background:url(/main/greenimages/highlightbg2.gif) top left no-repeat;
	border-right:1px solid #c7c8ca;
}

#highlight3 {
	width:298px;
	height:183px;
	background:url(/main/greenimages/highlightbg3.gif) top left no-repeat;
}

#highlight1 h2 {
	margin:30px 20px 0 20px;
	padding-left:8px;
}

#highlight1 ul {
	margin:8px 20px 0 42px;
}

#highlight2 h2 {
	margin:30px 20px 0 110px;
	padding-left:8px;
}

#highlight2 ul {
	margin:8px 20px 0 132px;
}
#highlight3 h2 {
	margin:30px 20px 0 110px;
	padding-left:8px;
}

#highlight3 ul {
	margin:8px 20px 0 136px;
}

#sponsor {
	clear:both;
	height:75px;
	background:#FFFFFF url(/main/greenimages/sponsorbg.gif) repeat-x;
	border-top:1px solid #c7c8ca;
	text-align:center;
}

#sponsor ul {
	padding-top:15px;
}

#sponsor ul li {
	display:inline;
	list-style:none;
}

#footer {
	width:920px;
	margin:0 auto 10px auto;
	padding:20px;
	font-size:11px;
	line-height:16px;
	color:#555555;
}

#footer .right {
	text-align:right;
}
/*------  Drupal CMS Login styling ------*/
#user-login-form div {
	display:inline;
	padding-left:1px;
	padding-right:1px;
	width:350px;
}

.item-list .first{
	display:none;
}

/*------- Drupal Search -----------------*/
#search-theme-form div{
	display:inline;
	width:330px;
	margin-left:3px;
	}
#formwrap {
background:transparent url(/main/greenimages/memberloginbg.gif) repeat-x scroll left top;
height:30px;
width:958px;
}
#search input[type="submit"] {
background:transparent url(/main/greenimages/btn_search.gif) no-repeat scroll center center;
border:medium none;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
height:20px;
padding-bottom:2px;
width:53px;
}

#member-logged-in {
padding-right:11px;
padding-top:3px;
}
#memberlogin, #member-logged-in {
color:#2F2E2E;
float:right;
font-size:12px;
height:24px;
text-align:right;
width:580px;
}

/*  Callout Pane Styling  */

#callout-pane{
list-style-image: url("http://www.nzgbc.org.nz/main/Images/menulist.gif");
text-decoration:none;
}
.callout {text-decoration:none}
.callout a:hover {color:#cccccc} 
.callout a:active {color:#538c00}

/*  Image styling   */
.node-image-wrap-left{
	padding-right:15px;
	margin:10px;
	padding:5px;
	border-style:solid;
	border-width:3px;
	border-color:#cccccc;
	float:right;
	
	/*  background-color:#efefef;  */
}
/*Views styled with table  */
.views-view-grid td{
 /*  	padding-left:25px;
 	padding-right:25px;  */
 	width:220px;
	font-size:small;
	font-style:normal;
	line-height:12px;
	
}

.views-view-grid a, a:link, a:visited{

	font-style:normal;
	text-decoration:none;
	
}

.views-view-grid strong, span{
	font-weight:normal;
	height:25px;
	font-size:small;
	width:150px;
	line-height:16px;
}
.view-views-grid span{
	height:100px
}

.nzgbc-col-1 td{
	width:300px;
	}
.nzgbc-col-2 td{
	width:300px;
	}
.nzgbc-col-3 td{
	width:300px;
	}
#pagetext table tbody tr td table tbody tr td{
border-style:solid;
border-width:1px;
border-color:#dddddd;
}
/*#pagetext table tbody tr td {
border-style:solid;
border-width:1px;
border-color:#dddddd;
}
Note: 7:57am 5th May -- Removed this style as it's styling around boxes.*/

/* fixing the node in line -- requested by Matt and Shannon Saturday 4 July 2009 07:46 am 
Monday 6 July 2009 09:42 am had to revert. Needs to be done at the node level
.insert-node{
	width:688px;
}
*/
.view-faq-list  .view-content .views-field-title .field-content{
padding-top:5px;
font-weight:normal;
/*border-top-style:solid;
border-top-width:4px;
border-top-color:#cccccc;*/
padding-bottom:3px;
text-decoration:underline;
cursor:pointer
}
.view-faq-list div {
line-height:16px;
float:none;
width:100%;
clear:both;
}
.view-faq-list .field-content p  {
margin-top:0px;
padding-top::2px;
padding-bottom:1px;
}
.view-faq-list .field-contenti p span{
padding-top:2px;
padding-bottom:1px;
}
.view-faq-list .views-field-body{
padding:top:11px;
padding-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#dddddd;
border-bottom-width:3px;
margin-bottom:14px;
margin-top:11px;
}
/* FAQ Category Styling */
.view-faq-list div h3
{
display:block;
float:none;
width:100%;
clear:both;
font-size:1.3em;
padding-bottom:4px;
padding-top:14px;
}
.view-faq-list h3
{
/*border-top-style:solid;
border-top-color:#dddddd;
border-top-width:7px;*/
margin-top:20px;
font-size:small;
font-weight:bold;
color:#538c00;
}
.view-faq-list .view-header p span {
font-size:medium;
color:#538c00;
}