/* CSS Document */


/*-------------Accessibility Toolbar-----------------*/

#skip {
	left: -9999px;
	position: absolute;
}

/*-------------Content Style-----------------*/

p {
	line-height: 17px;
	font-size: .9em;
	margin-bottom: 10px;
}

a {
	color: #000;
	text-decoration: underline;
}

a:focus {
	 background-color: #FFFFCC;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2em;
	margin-bottom: .5em;
}

h2 {
	font-weight: bold;
	font-size: 1.5em;
	margin-top: .5em;
}
h3 {
	display: inline;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 5px 0 0;
	margin: 0 0 0 0;
	height: 17px;
	overflow: hidden;
}

p strong, strong, b {
	font-weight: bold;
}

ol { 
	margin: 0 0 10px 0;
}

ol li {
	margin: 10px 0 0 20px;
	list-style-type: decimal;

}


/*------------Background Blocks -------------*/

/*dark green bg */
#main { 
	width: 100%;
	height:760px;
	min-width: 980px;
	margin: 0 0;
	
	background:transparent url("../images/bg-tile.png") 20% repeat-x;
}

/*light green bg */
div.outer { 
	width: 100%;
	height: 100%;
	margin: 0 0;
	
	background: transparent url("../images/green-mist.png")  0 550px repeat-x;
	
}

/*blurry whisps*/
div.inner {
	width: 100%;
	height: 100%;
	margin: 0 0;
	
	background: transparent url("../images/front-whisps.png") 300% 100px repeat-x;
	
}

/*kohl's whisps */
div.inner2 {
	width: 100%;
	height: 100%;
	margin: 0 0;
	
	background: transparent url("../images/kohls-whisp.png") 30% 20px no-repeat;
	
}

/*girl's head */
div.inner3 {
	width: 100%;
	height: 100%;
	margin: 0 0;

	background: transparent url("../images/head-hand.png") 0 35px no-repeat;
	
}



/*----top navigation ----*/

div.topnav {
	width:100%;
	min-width:990px;
	height: 225px;
	
	background: transparent url("../images/topnav-bg-fade.png") 0 0 no-repeat;
	
	
}

div.topnav-inner {
	width: 985px;
	float:left;
}

#green-scene-logo {
	display: none;
}

.topnav a.logo { 
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	text-indent: -9999px; /*text out of block, reset for print css */
	
	height: 155px;
	width: 257px;
	
	background: transparent url("../images/topnav-buttons.png") 0 0 no-repeat;
}

ul.nav {
	list-style: none;
	margin: 0;
	
	position: relative;
	z-index: 5;
}

ul.nav li{
	float: left;
	margin: 0;
	padding: 0; 
	overflow: hidden;
}


ul.nav li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;/*text out of block, reset for print css */
	

}


/* button normal states */
#nav1{ 
	height: 115px;
	width: 240px;
	background: transparent url("../images/topnav-buttons.png") -257px 0px no-repeat;

}
	
#nav2{ 
	height: 110px;
	width: 240px;
	background: transparent url("../images/topnav-buttons.png") -498px 0px no-repeat;

}
#nav3{ 
	height: 155px;
	width: 240px;
	background: transparent url("../images/topnav-buttons.png") -740px 0px no-repeat;

}
#nav4{ 
	height: 125px;
	width: 240px;
	background: transparent url("../images/topnav-buttons.png") -694px 0px no-repeat;

}
#nav5{ 
	height: 155px;
	width: 146px;
	background: transparent url("../images/topnav-buttons.png") -839px 0px no-repeat;

}


/* button hover states */
#nav1:hover{ 
	background-position: -257px -152px;
}
	
#nav2:hover{ 
	background-position: -498px -152px;
}
#nav3:hover{ 
	background-position: -740px -152px;
}
#nav4:hover{ 
	background-position:-694px -152px;
}
#nav5:hover{ 
	background-position:-839px -152px;
}


/* button active states */
#nav1.current { 
	background-position: -257px -152px;
}
	
#nav2.current { 
	background-position: -498px -152px;
}
#nav3.current { 
	background-position:-740px -152px;
}
#nav4.current { 
	background-position:-694px -152px;
}
#nav5.current { 
	background-position:-839px -152px;
}


/*---Content-------------*/

div.content {
	width: 980px;
	min-height: 400px;
	
}


#hometext {
	display: block;
	position: absolute;
	top: 120px;
	left:320px;
}




/*-----Bottom--------------*/
div.bottom {
	width: 100%;
	min-width: 990px;
	background: #BBBEA9 url("../images/footerbg-tile.png") repeat-x;
	
}
div.footer {
	width: 985px;
	
}

div.footer-col {
	margin-top: 10px;
	height: 85px;
	float: left;
	padding: 0 2px;
}

#footer-co1{
	width: 140px;
}
#footer-col2{
	width: 110px;
}
#footer-col3{
	width: 185px;
}
#footer-col4{
	width: 100px;
}
#footer-col5{
	width: 150px;
}
#footer-col6{
	width: 120px;
}
#footer-col7{
	width: 120px;

}


#copyright { 
	margin: 5px 0 0 10px;
	width: 100%;
	clear:both;
}

.equities {
	padding: 15px 7px 15px 20px;
	width: 941px;
	display: inline;
}
	.equities li { 
		display: inline; 
		margin: 0 2px; 
		
	}
	.equities li img {
		box-shadow: 2px 2px 8px #aaa; 
		-moz-box-shadow: 2px 2px 8px #aaa; 
		-webkit-box-shadow: 2px 2px 8px #aaa; 
		width: 229px; 
		height: 110px; 
	}


/*---Content-------------*/

body#stakeholder #main {
	height: auto;
	background: url(../images/stakeholder_bg-red.jpg) top left no-repeat;
}
	body#stakeholder #main h3 { display: block; float: none; font-size: 1.3em; }
	body#stakeholder #main table { margin: 0 0 10px 0; }
	
body#supply #main {
	height: auto;
	background: url(../images/supply_bg.jpg) top left no-repeat;
	background-attachment: fixed;
}
	body#supply #main h3 { display: block; float: none; font-size: 1.3em; }
	body#supply #main table { margin: 0 0 10px 0; }

body#eev #main {
height:auto;
background:url(../images/eev_bg.jpg) no-repeat;
background-position:top left;
}
body#bd #main {
height:auto;
background:url(../images/building_bg.jpg) no-repeat;
background-position:top left;
}
body#emission #main {
height:auto;
background:url(../images/emissions_bg.jpg) no-repeat;
background-position:top left;
}
body#energy #main {
height:auto;
background:url(../images/energy_bg.jpg) no-repeat;
background-position:top left;
}
body#recycle #main {
height:auto;
background:url(../images/recycle_bg.jpg) no-repeat;
background-position:top left;
}
body#press #main {
height:auto;
background:url(../images/press_bg.jpg) no-repeat;
background-position:top left;
}
body#membership #main {
height:auto;
background:url(../images/membership_bg.jpg) no-repeat;
background-position:top left;
}

body#stakeholder div.topnav, body#supply div.topnav, body#eev div.topnav, body#bd div.topnav, body#energy div.topnav, body#emission div.topnav, body#recycle div.topnav, body#membership div.topnav, body#press div.topnav {
background: transparent url("../images/topnav-bg-fade-green.png") 0 0 no-repeat;	
height: 185px;

}
body#eev #content, body#bd #content, body#energy #content, body#emission #content, body#recycle #content, body#membership #content, body#press #content  {
padding: 0 15px 20px 460px;
width:490px;
min-height: 400px;
}

body#stakeholder #content {
	padding: 0 15px 20px 460px;
	width: 490px;
	min-height: 700px;
}

body#supply #content {
	padding: 0 15px 20px 460px;
	width: 490px;
	min-height: 700px;
}

#content p {
color:#333333;
font-family:'lucida grande',helvetica,verdana,arial,sans-serif;
font-size:1.2em;
}
#content li {
color:#333333;
font-family:'lucida grande',helvetica,verdana,arial,sans-serif;
font-size:1.1em;
}
body#eev #content li {
list-style-image:url(../images/bullet.jpg);
margin:0 0 20px 50px;
}
body#map #main {
background:none;
height:auto;
}
body#map #main #content {
padding:0 0 60px 40px;
margin-top:-30px;
}
body#map #main {
height:auto;
background:#ebebeb;
background-position:top left;
}
body#map div.bottom {
background-image:none;
height:auto;
}

ul.memberlist { margin: 0 0 10px 0; }

ul.memberlist li {
	margin: 10px 0 0 20px;
	list-style-image:url(../images/bullet.jpg);

}

div.recyclechart ol {
	
	margin: 5px;
	
}

#content div.recyclechart ol li {
	margin: 5px;
	
	font-weight:bold;
	border:1px solid #54b948;
}
#content p.fyi {
font-size:1.1em;
}

div.graph {
	text-align: center;
	
	
}



p.date {
display:block;
font-weight:bold;
margin:0;
padding:10px 0 0;
}
a.anchor {
font-weight:bold;
color:#43943a;
text-decoration:none;
}

	

/*-----charts and graphs ----------*/

table.recycletable {

padding: 5px 0 5px 0;
vertical-align:middle;
}

table.recycletable td.rowheader {
border-bottom: 2px solid #e7eef4;
}
table.recycletable th {
	font-size: 1.1em;
	font-weight:bold;
	color:#43943a;
	text-decoration:none;
}

table.recycletable caption {
	font-style:italic;
	display:none;
}
table.recycletable td.value { 
	background: url('../images/gridline58.gif') top left repeat;
	
}

ul.disclaimers {
	font-size: .8em;
	line-height: 1.1em;
	padding: 2px;
}

ul.disclaimers li {
	margin-top: 2px;
}
	

/*-----accordians-----------*/
#accordion, #accordion1, #accordion2, #accordion3, #accordion4, #accordion5, #accordion6, #accordion7, #accordion8, #accordion9 {
	padding-bottom: 1em;
}

#accordion div, #accordion1 div, #accordion2 div, #accordion3 div, #accordion4 div, #accordion5 div, #accordion6 div, #accordion7 div, #accordion8 div, #accordion9 div {
	margin-left: 5px;
	padding: 5px 10px 3px 10px;
	border: 1px solid #54b948;
}


#accordion h4, #accordion h4 a, #accordion1 h4, #accordion1 h4 a, #accordion2 h4, #accordion2 h4 a, #accordion3 h4 a, #accordion3 h4, #accordion4 h4 a, #accordion4 h4, #accordion5 h4 a, #accordion5 h4, #accordion6 h4 a, #accordion6 h4, #accordion7 h4 a, #accordion7 h4, #accordion8 h4 a, #accordion8 h4, #accordion9 h4 a, #accordion9 h4 {
	display:block;
	padding-left: 5px;
	font-size: 1.1em;
	font-weight:bold;
	margin-top: .5em;
	color:#43943a;
	text-decoration:none;
}
#accordion h4 a:hover, #accordion1 h4 a:hover, #accordion2 h4 a:hover, #accordion3 h4 a:hover, #accordion4 h4 a:hover, #accordion5 h4 a:hover, #accordion6 h4 a:hover, #accordion7 h4 a:hover, #accordion8 h4 a:hover, #accordion9 h4 a:hover {
	color:#FFFFFF;
	background-color: #54b948;
}

#accordion h4.ui-state-active a, #accordion1 h4.ui-state-active a, #accordion2 h4.ui-state-active a, #accordion3 h4.ui-state-active a, #accordion4 h4.ui-state-active a, #accordion5 h4.ui-state-active a, #accordion6 h4.ui-state-active a, #accordion7 h4.ui-state-active a, #accordion h4.ui-state-active a, #accordion h4.ui-state-active a {
	background-color: #54b948;
	color:#FFF;
}


/*--carousel css styling*/

.jcarousel-skin-kgreen .jcarousel-container {
    /*-moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;*/
}

.jcarousel-skin-kgreen .jcarousel-container-horizontal {
    width: 945px;
    padding: 5px 20px 0px 20px;
}

.jcarousel-skin-kgreen .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-kgreen .jcarousel-clip-horizontal {
    width: 945px;
    height: 111px;
}

.jcarousel-skin-kgreen .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-kgreen .jcarousel-item {
    /*background: transparent url(carousel-background.gif) no-repeat 0px 0px;*/
	padding: 0px 4px 0px 0px;
	width: 311px;
    height: 111px;
}

.jcarousel-skin-kgreen .jcarousel-item-horizontal {
    /*margin-right: 10px;*/
}

.jcarousel-skin-kgreen .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-kgreen .jcarousel-item-placeholder {
    /*background: #fff;*/
    color: #000000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-kgreen .jcarousel-next-horizontal {
    position: absolute;
    /*top: 43px;*/
	top: 15px;
    right: 4px;
    width: 17px;
    height: 91px;
    cursor: pointer;
    background: transparent url(../images/jcarousel-kgreen/next-horizontal.gif) no-repeat -17px center;
}

.jcarousel-skin-kgreen .jcarousel-next-horizontal:hover {
    background-position: 0px center;
}

.jcarousel-skin-kgreen .jcarousel-next-horizontal:active {
    background-position: 0px center;
}

.jcarousel-skin-kgreen .jcarousel-next-disabled-horizontal,
.jcarousel-skin-kgreen .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-kgreen .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -34px center;
}

.jcarousel-skin-kgreen .jcarousel-prev-horizontal {
    position: absolute;
    /*top: 43px;*/
	top: 15px;
    left: 0px;
    width: 17px;
    height: 91px;
    cursor: pointer;
    background: transparent url(../images/jcarousel-kgreen/prev-horizontal.gif) no-repeat -17px center;
}

.jcarousel-skin-kgreen .jcarousel-prev-horizontal:hover {
    background-position: 0 center;
}

.jcarousel-skin-kgreen .jcarousel-prev-horizontal:active {
    background-position: 0 center;
}

.jcarousel-skin-kgreen .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-kgreen .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-kgreen .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -34px center;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
	width: 268px;
    height: 133px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/*--------------Flyouts----------------*/


#JT_arrow_left_init {
	background-image: url(../images/arrow_left_init.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
	top:-3px;
}
#JT_arrow_right_init {
	background-image: url(../images/arrow_right_init.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
	top:-3px;
}



#JT_copy {
	padding:10px 10px 10px 10px;
	width:200px;
	color:#333333;
	z-index:1;
}
.JT_loader {
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left_init {
	background-color: #52b948;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}
#JT_close_right_init {
	background-color: #52b948;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	
}

#JT_copy p {
	margin:3px 0;
	width:200px;
}
#JT_copy img {
	padding: 1px;
}
.jTip_life {
	cursor:help;
}
.j {
	cursor:help;
}
.jTip_init {
	cursor:help;
}
.qa-box {
	background:transparent url(../images/question-stretch.png);
	padding:0 0 0 7px;
}
#questions {
	overflow:auto;
	height:auto;
	width:220px;
	color:#464646;
}
.qa-box img {
	display:block;
}
#closewindow {
	text-align:center;
	font-size: 1.1em;
	
}
#JT_init a {
color:#52b948;
}

#questions .init, #closewindow a.init {
	color:#43943a;
	font-size: 1.1em;
}

#JT_init {
	position: absolute;
	z-index:1;
	border: 2px solid #52b948;
	background-color: #fff;
}
a.jTip_init {
color: #43943a;
font-weight:bold;
text-decoration:none;
}
.outerlink {
	font-weight:normal;
	text-decoration:underline;
}