/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/scrolls_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* For this demo only */
.menu {
margin-left: 5px;
padding-left: 24px;
font-family: Helvetica, Verdana, Arial, sans-serif;
background:#777777;
height: 35px;
width: 836px;}

                                                            
/* remove the bullets, padding and margins from the lists */
.index .menu {
	z-index: 50;
	padding-right: 12px;
	padding-left: 12px;
	position: absolute;
	margin-top: 80px;
}

.outreach .menu {
	padding-right: 12px;
	padding-left: 12px;
	position: absolute;
	margin-top: 80px;
}

.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
width: 113px;
z-index:100;
}

/* use the table to position the dropdown list in IE */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
margin:-1px;
left:0;
top:0;
}

/* style all the top level links */
.menu a {
width: 113px;
display:block;
font-size: 13px;
font-weight:bold;
height:35px;
padding:0;
line-height: 35px;
color: #eeeeee;
background:#777777;
text-decoration:none;
text-align:center;
}
                                                              
/* place the bottom scroll image below the top scroll image */
.menu ul li b {
margin-bottom: -15px;
display:block;
width: 113px;
height: 0px;
}
                           
             
.menu ul :hover li b {
margin-bottom: 0px;
height: 10px;
display:block;
}

 .menu ul :hover li > b {
background: url(images/layout/dropboxb.png);
}

/* style the links hover */
/* for IE6 */
.menu a:hover{
font-size: 16px;
border:0;
color: #eeeeee;
}
                                 
/* for IE7 and non-IE browsers */
.menu li:hover > a {
font-size: 16px;
color: #eeeeee;
}

                              
/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width: 113px;
height:0;
top: 35px;
}
/* make the sub level visible on hover list or link */
.menu ul :hover ul{
visibility:visible;
height:auto;
}
/* place the bottom scroll image beneath the drop down list */
.menu ul :hover ul a { color: #999999; height: 22px; line-height:23px; }
.menu ul :hover > ul  a { background: url(images/layout/dropbox.png); }
.menu ul :hover ul a:hover {font-size: 13px; color: #436a9d;}
.menu .team { margin-right: -35px; margin-left: -20px; z-index: 50; }
.menu li.sustainability { width: 144px; }
.menu .sustainability a { width: 144px; }
.menu .sustainability b { width: 144px; z-index: 50; }
.menu .sustainability { margin-right: -6px; margin-left: -6px; z-index: 50; }
.menu .sponsor { margin-left: -8px; z-index: 20; margin-right: -18px; }
.menu .competition { margin-right: -6px; }
.menu .sustainability ul > li a { background-image: url(images/layout/dropboxbig.png); }
.menu .sustainability ul > li b { background-image: url(images/layout/dropboxbigb.png); }








/* For this demo only */
.menu3 {
padding-left: 20px;
font-size: 12px;
margin-left: 5px;
font-family: Verdana, Arial, sans-serif;
background:#cccccc;
height: 35px;
width: 840px;}

/* remove the bullets, padding and margins from the lists */
.menu3 ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu3 li{
float:left;
position:relative;
width: 70px;
z-index:100;
}
                                                              
.menu3 a {
width: 70px;
display:block;
font-size: 12px;
height:35px;
padding:0;
line-height: 32px;
color: #436a9d;
text-decoration:none;
text-align:center;
}
                                 
                           
             
/* style the links hover */
/* for IE6 */
.menu3 a:hover{
border:0;
color: #666666;
}
                                 
/* for IE7 and non-IE browsers */
.menu3 li:hover > a {
color: #666666;
}
                                 
                           
             
.menu3 .solard li{
width: 175px;
}
                                                              
.menu3 .solard a {
width: 175px;
}

.menu3 .searchbox {
	left: 220px;
	width: 240px;
	top: 6px;
	position: absolute;
}

.outreachcontent .menu3 {
	background-color: transparent;
}


.outreach .menu3 {
	background-color: transparent;
}


#menutech { margin-bottom: -10px; margin-left: 150px; width: 600px; display:block; height: 84px;}
#menutech ul { padding:0; list-style-type:none;}
#menutech li { float:left; display:block; width: 90px;}
#menutech li.list1 {background:transparent url(images/submenu/bamboo.jpg);}
#menutech li.list2 {background:transparent url(images/submenu/photovoltaic.jpg);}
#menutech li.list3 {background:transparent url(images/submenu/thermal.jpg);}
#menutech li.list4 {background:transparent url(images/submenu/nana.jpg);}
#menutech li.list5 {background:transparent url(images/submenu/control.jpg);}
#menutech li.list6 {background:transparent url(images/submenu/sustainability.jpg);}
#menutech a {display:block; width: 90px; padding-top: 84px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menutech a:link, * html #menutech a:visited {height: 84px; he\ight:0;}

#menutech a#item1 {background:transparent url(images/submenu/bambooa.jpg) -90px -84px no-repeat;}
#menutech a#item2 {background:transparent url(images/submenu/photovoltaica.jpg) -90px -84px no-repeat;}
#menutech a#item3 {background:transparent url(images/submenu/thermala.jpg) -90px -84px no-repeat;}
#menutech a#item4 {background:transparent url(images/submenu/nanaa.jpg) -90px -84px no-repeat;}
#menutech a#item5 {background:transparent url(images/submenu/controla.jpg) -90px -84px no-repeat;}
#menutech a#item6 {background:transparent url(images/submenu/sustainabilitya.jpg) -90px -84px no-repeat;}

#menutech a#item1:hover {background-position:top right; z-index:50;}
#menutech a#item2:hover {background-position:top right; z-index:50;}
#menutech a#item3:hover {background-position:top right; z-index:50;}
#menutech a#item4:hover {background-position:top right; z-index:50;}
#menutech a#item5:hover {background-position:top right; z-index:50;}
#menutech a#item6:hover {background-position:top right; z-index:50;}

* html #menutech a:hover {height: 84px; he\ight:0;}



#menuhouse { margin-bottom: -10px; margin-left: 150px; width: 600px; display:block; height: 84px;}
#menuhouse ul { padding:0; list-style-type:none;}
#menuhouse li { float:left; display:block; width: 90px;}
#menuhouse li.list1 {background:transparent url(images/submenu/floorplan.jpg);}
#menuhouse li.list2 {background:transparent url(images/submenu/exterior.jpg);}
#menuhouse li.list3 {background:transparent url(images/submenu/lighting.jpg);}
#menuhouse li.list4 {background:transparent url(images/submenu/appliance.jpg);}
#menuhouse li.list5 {background:transparent url(images/submenu/interior.jpg);}
#menuhouse li.list6 {background:transparent url(images/submenu/affordability.jpg);}
#menuhouse a {display:block; width: 90px; padding-top: 84px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menuhouse a:link, * html #menuhouse a:visited {height: 84px; he\ight:0;}

#menuhouse a#item1 {background:transparent url(images/submenu/floorplana.jpg) -90px -84px no-repeat;}
#menuhouse a#item2 {background:transparent url(images/submenu/exteriora.jpg) -90px -84px no-repeat;}
#menuhouse a#item3 {background:transparent url(images/submenu/lightinga.jpg) -90px -84px no-repeat;}
#menuhouse a#item4 {background:transparent url(images/submenu/appliancea.jpg) -90px -84px no-repeat;}
#menuhouse a#item5 {background:transparent url(images/submenu/interiora.jpg) -90px -84px no-repeat;}

#menuhouse a#item6 {background:transparent url(images/submenu/affordabilitya.jpg) -90px -84px no-repeat;}

#menuhouse a#item1:hover {background-position:top right; z-index:50;}
#menuhouse a#item2:hover {background-position:top right; z-index:50;}
#menuhouse a#item3:hover {background-position:top right; z-index:50;}
#menuhouse a#item4:hover {background-position:top right; z-index:50;}
#menuhouse a#item5:hover {background-position:top right; z-index:50;}
#menuhouse a#item6:hover {background-position:top right; z-index:50;}

* html #menuhouse a:hover {height: 84px; he\ight:0;}

.outreachcontent .menu li { margin-left: 120px; }

.outreach .menu li { margin-left: 120px; }