﻿a.logo img
{
    margin: 8px;
}

a img
{
    border-style: none;
}

acronym
{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
body
{
    background-image: url(images/bg_gradiant.png);
    background-repeat: repeat-x;
    background-color: #E5E5E5;
    font-family: arial, helvetica, 'nimbus sans l' , sans-serif;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
caption
{
    padding: 0 0 5px 0;
    width: 700px;
    font: italic 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}
ol img
{
    vertical-align: middle;
}

div.breadcrumb
{
    border: 1px solid #CCCCCC;
    height: 30px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 5px;
}
div.breadcrumb a
{
    color: #008EFF;
    padding-left: 1ex;
    padding-right: 1ex;
    text-decoration: none;
}
div.breadcrumb a:hover
{
    text-decoration: underline;
}
div.breadcrumb span
{
    padding-left: 1ex;
}

div.greenpartnersform
{
    background-color: White;
    border: solid #8cc63e;
    border-width: 2px;
    padding: 1em;
    width: 674px;
}
div.greenpartnersformbackground
{
    background-color: #535353;
    filter: alpha(opacity=85);
    opacity: 0.85;
}
div.ratetablebox
{
    padding: 10px;
    border: 2px solid #CCCCCC;
    position: relative;
    width: 400px;
}
div.ratetablebox h3
{
    margin: 0;
}
div.ratetablebox span
{
    position: absolute;
    right: 10px;
}
div.sidebar_bottom
{
    background-image: url(images/bg_sidebar_bottom.png);
    background-repeat: no-repeat;
    height: 25px;
    margin-bottom: 10px;
}
div.sidebar_content
{
    background-image: url(images/bg_sidebar_middle.png);
    background-repeat: repeat-y;
    padding-left: 15px;
    padding-right: 25px;
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
    color: #666666;
    margin-top: 0px;
    line-height: 20px;
}

div.sidebar_content a:link, div.sidebar_content a:visited
{
    font-size: 12px;
    padding: 0px;
    color: #008EFF;
    margin-bottom: 0px;
    text-decoration: none;
}
div.sidebar_content a:link[href^="http"], div.sidebar_content a:visited[href^="http"]
{
    padding-top: 0px;
    padding-right: 16px;
    background: url(images/extico.gif) no-repeat right top;
}
div.sidebar_content a:link[href$=".pdf"], div.sidebar_content a:visited[href$=".pdf"]
{
    padding-top: 5px;
    padding-right: 20px;
    background: url(images/icoPdf.gif) no-repeat right top;
}

div.sidebar_content a:hover
{
    font-size: 12px;
    padding: 0px;
    color: #008EFF;
    margin-bottom: 0px;
    text-decoration: underline;
}

div.sidebar_content a.selected_menu
{
    color: Black;
    font-weight: bold;
}
div.sidebar_content input
{
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
    padding-left: 2px;
    font-size: 1em;
    border-left: #ccc 1px solid;
    color: #666666;
    border-bottom: #ccc 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 4px;
    margin-left: 8px;
}
div.sidebar_content input.submitButton
{
    border-width: 1px;
    border-style: outset;
    background-position: #0891FF;
    background: #0891FF;
    color: white;
    display: inline;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px;
}
div.sidebar_content label
{
    margin-left: 8px;
    margin-top: 8px;
    padding-left: 2px;
}
div.sidebar_content li.selected_menu a
{
    color: Black;
    font-weight: bold;
}
/*
div.sidebar_conent h3.selected_menu
{
	font-weight: bold;
}
*/
div.sidebar_content ul
{
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    list-style-type: none;
    line-height: 22px;
}

div.sidebar_content ol
{
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 30px;
    line-height: 22px;
}

div.sidebar_content p
{
    margin: 0px;
}

div.sidebar_content h3
{
    background-color: #00c0ff;
    color: #ffffff;
    margin: 0px;
    font-family: verdana;
    font-size: 13px;
    padding-left: 10px;
    line-height: 26px;
    text-transform: uppercase;
}

div.sidebar_top
{
    background-image: url(images/bg_sidebar_top.png);
    background-repeat: no-repeat;
    height: 64px;
}

div.sidebar_top h2
{
    margin: 0px;
    padding-left: 20px;
    padding-top: 27px;
    padding-bottom: 10px;
    font-family: arial;
    font-size: 20px;
    color: #676767;
}

/* NEW */

div.sidebar_top h3
{
    margin: 0px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    font-family: arial;
    font-size: 18px;
    color: #676767;
}

div.sidebar_top_no_heading
{
    background-image: url(images/bg_sidebar_top_no_heading.png);
    background-repeat: no-repeat;
    height: 25px;
}
div.watercalculatorfield
{
    float: right;
    text-align: right;
}
div.watercalculatorfield input
{
    text-align: right;
    width: 50px;
}

div.surveybuttons
{
    margin-top: 20px;
}

input.greenpartnerssignup
{
    position: absolute;
    bottom: -20px;
    left: 25px;
    display: none;
}
input.search
{
    background: url(images/search.png);
    border: none;
    height: 40px;
    left: 880px; /* padding-top: 40px; */
    position: absolute;
    top: 50px;
    width: 130px;
    line-height: 40px;
}
input.searchfor
{
    background: url(images/bg_search.png);
    background-repeat: no-repeat;
    border: none;
    line-height: 30px;
    position: absolute;
    height: 50px;
    top: 45px;
    left: 300px;
    width: 550px;
    padding-left: 10px;
    padding-top: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    overflow: hidden;
}

span.surveyoption
{
    display: block;
    margin-top: 0px;
    padding-top: 0px;
}
span.surveyoption input
{
    margin-top: 6px;
}
span.validatormessage
{
    padding-left: 1ex;
    padding-right: 1ex;
}
p.watercalculatortip
{
    padding: 5px;
    border-style: dotted;
    color: #006600;
    font-weight: bold;
}


table.watercalculator td
{
    text-align: right;
}
table.watercalculator th
{
    text-align: left;
}
td.alt
{
    background: #F5FAFA; /*color: #797268;*/
    text-align: center;
}

td.top
{
	padding-top: 0px;
}

th.spec
{
    border-left: 1px solid #C1DAD7;
    border-right: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff url(images/tables/bullet1.gif) no-repeat;
    font: bold 10px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

th.specalt
{
    border-left: 1px solid #C1DAD7;
    border-right: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa url(images/tables/bullet2.gif) no-repeat;
    font: bold 10px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
    text-align: center;
}
.boxSpace
{
    border-top: #ccc 1px dashed;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #fbfdff;
    text-align: left;
}
.boxSpace2
{
    border-top: #ccc 1px dashed;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #f5f5f5;
    text-align: left;
}
.content_bottom_border
{
    background: url(images/bg_content_bottom.png);
    background-repeat: no-repeat;
    height: 15px;
    margin: 0px;
    width: 1024px;
}
.content_middle
{
    background-color: White;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    margin: 0px;
}
.content_top_border
{
    background: url(images/bg_content_top.png);
    background-repeat: no-repeat;
    height: 10px;
    margin: 0px;
    padding: 0px;
    width: 1024px;
}
.feedback
{
    color: red;
}
.inputBoxes
{
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
    padding-left: 2px;
    font-size: 1em;
    border-left: #ccc 1px solid;
    color: #666666;
    border-bottom: #ccc 1px solid;
    font-family: Arial, Helvetica, sans-serif;
}
.lighttext
{
    font-size: 12px;
    color: #767676;
    margin: 0px;
    padding: 0px;
}
.mytable
{
    width: 700px;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
.mytable th.rightAlign
{
    text-align: right;
}

.mytable th.nobg
{
    border-top: 0;
    border-left: 0;
    background: none;
}

.mytable td
{
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
    text-align: center;
}
.mytable th
{
    font: bold 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA url(images/tables/bg_header.jpg) no-repeat;
}
.mytable th.yellow
{
    font: bold 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #ffff66;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 6px 6px 12px;
    background: #ffff66;
}

.smallText
{
    font-size: 11px;
}
#add_this
{
    margin-top: 1em;
    padding-bottom: 1em;
}
#column_main
{
    float: left;
    width: 700px;
}

#column_main a, #column_main a:visited
{
    color: #008EFF;
    font-weight: bold;
    text-decoration: none;
}

#column_main a:hover, #column_main h2 a:hover
{
    text-decoration: underline;
}

#column_main a:link[href^="http"], #column_main a:visited[href^="http"]
{
    padding-top: 0px;
    padding-right: 16px;
    background: url(images/extico.gif) no-repeat right top;
}
#column_main a:link[href$=".pdf"], #column_main a:visited[href$=".pdf"]
{
    padding-top: 5px;
    padding-right: 20px;
    background: url(images/icoPdf.gif) no-repeat right top;
}
#column_main h1
{
    color: #474747;
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 10px;
    text-decoration: none;
}
#column_main h2
{
    color: #474747;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    text-decoration: none;
}

#column_main h2.critical
{
    color: #ff0000;
}


#column_main h3
{
    color: #8ebf25;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 0px;
    text-decoration: none;
}

#column_main li
{
    color: #666666;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 26px;
}

#column_main ol li
{
    line-height: 26px;
    margin-bottom: 10px;
}


#column_main p
{
    margin-top: 0px;
}
#column_main p.author
{
    font-size: 11px;
    color: #999999;
    font-weight: bold;
    margin-top: -16px;
}

#column_main ul.unstyled
{
    list-style: none;
    margin-left: 0px;
    padding: 0px;
}

#column_main ul.unstyled img
{
    float: left;
    padding-right: 15px;
    vertical-align: middle;
}
#column_main ul.unstyled li
{
    line-height: 20px;
    margin-bottom: 35px;
}
#column_sidebar
{
    float: right;
    margin: 0px;
    padding: 0px;
    width: 290px;
}
#content
{
    margin: 8px 0px 0px 0px;
    padding: 0px;
}
#footer
{
    background-image: url(images/bg_footer.png);
    color: White;
    margin-top: 10px;
    padding-left: 20px;
    position: relative;
    height: 38px;
    width: 1004px;
}
#footer a
{
    padding: 0px;
    margin: 0px 10px 0px 10px;
    display: block;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    line-height: 38px;
    text-decoration: none; /* background-color: Transparent; */
    font-size: 12px;
}
#footer a:hover
{
    text-decoration: underline;
}
#footer li
{
    float: left;
    margin: 0;
    padding: 0;
}
#footer span
{
    float: right;
    font-size: 12px;
    line-height: 38px;
    margin-right: 1em;
}
#footer span a
{
    display: inline;
    margin: 0px;
    padding: 0px;
}
#footer ul
{
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#green-partners
{
    overflow: hidden;
}
#green-partners ul
{
    float: left;
    list-style: none;
}

#green-partners ul li
{
    color: #009933;
}
/*
dl#imgmap_gwpcommission
{
	background: transparent url(images/gwp_commission.jpg) no-repeat scroll left top;
	height: 520px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 702px;
}
dl#imgmap_gwpcommission dt
{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
	display: none;
}
dl#imgmap_gwpcommission dd
{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
}
dd#ebrahimian
{
	top: 250px;
	left: 70px;
}
dd#ebrahimian a
{
	border: 1px solid #fffce6;
	height: 100px;
	position: absolute;
	text-decoration: none;
	width: 80px;
}
dd#ebrahimian a span
{
	display: none;
}
dd#ebrahimian a:hover
{
	border: 1px solid #bcbcbc;
	position: absolute;
}
dd#ebrahimian a:hover span
{
	background-color: #f4f4f4;
	border: 1px solid #bcbcbc;
	bottom: -2em;
	left: 5px;
	display: block;
	font-weight: bold;
	margin: 0;
	cursor: pointer;
	padding: 5px;
	position: absolute;
	text-indent: 0;
	vertical-align: bottom;
	width: 210%;
}
dd#foley
{
	top: 115px;
	left: 225px;
}
dd#foley a
{
	border: 1px solid #fffce6;
	height: 85px;
	position: absolute;
	text-decoration: none;
	width: 65px;
}
dd#foley a span
{
	display: none;
}
dd#foley a:hover
{
	border: 1px solid #bcbcbc;
	position: absolute;
}
dd#foley a:hover span
{
	background-color: #f4f4f4;
	border: 1px solid #bcbcbc;
	left: 65px;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	position: absolute;
	text-indent: 0;
	vertical-align: bottom;
	width: 250%;
	cursor: pointer;
}
dd#miller
{
	top: 223px;
	left: 327px;
}
dd#miller a
{
	border: 1px solid #fffce6;
	height: 100px;
	position: absolute;
	text-decoration: none;
	width: 70px;
}
dd#miller a span
{
	display: none;
}
dd#miller a:hover
{
	border: 1px solid #bcbcbc;
	position: absolute;
}
dd#miller a:hover span
{
	background-color: #f4f4f4;
	border: 1px solid #bcbcbc;
	bottom: -2em;
	left: 5px;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	position: absolute;
	text-indent: 0;
	vertical-align: bottom;
	width: 210%;
	cursor: pointer;
}
dd#chan
{
	top: 170px;
	left: 435px;
}
dd#chan a
{
	border: 1px solid #fffce6;
	height: 90px;
	position: absolute;
	text-decoration: none;
	width: 70px;
}
dd#chan a span
{
	display: none;
}
dd#chan a:hover
{
	border: 1px solid #bcbcbc;
	position: absolute;
}
dd#chan a:hover span
{
	background-color: #f4f4f4;
	border: 1px solid #bcbcbc;
	left: 65px;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	position: absolute;
	text-indent: 0;
	vertical-align: bottom;
	width: 230%;
	cursor: pointer;
}
dd#yao
{
	top: 235px;
	left: 545px;
}
dd#yao a
{
	border: 1px solid #fffce6;
	height: 100px;
	position: absolute;
	text-decoration: none;
	width: 80px;
}
dd#yao a span
{
	display: none;
}
dd#yao a:hover
{
	border: 1px solid #bcbcbc;
	position: absolute;
}
dd#yao a:hover span
{
	background-color: #f4f4f4;
	border: 1px solid #bcbcbc;
	bottom: -2em;
	left: 5px;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	position: absolute;
	text-indent: 0;
	vertical-align: bottom;
	width: 210%;
	cursor: pointer;
}
*/
#imgmap_gwpcommission
{
    background: transparent url(images/gwp_commission.jpg) no-repeat scroll left top;
    height: 520px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 702px;
}
#imgmap_gwpcommission a
{
    /* border: solid 1px White; */
    margin: 0;
    padding: 0;
    position: absolute;
}
#imgmap_gwpcommission a:focus span
{
    display: block;
}
#imgmap_gwpcommission a:hover span
{
    display: block;
}
#imgmap_gwpcommission span
{
    background-color: #f4f4f4;
    border: 1px solid #bcbcbc;
    display: none;
    padding: 0px 5px 0px 5px;
    position: absolute;
}
#imgmap_gwpcommission li
{
    border: 1px solid #fffce6;
    margin: 0;
    padding: 0;
    position: absolute;
    font-size: 85%;
}
#imgmap_gwpcommission li#ebrahimian
{
    height: 100px;
    left: 70px;
    top: 250px;
    width: 80px;
}
#imgmap_gwpcommission li#ebrahimian a
{
    height: 130px;
    width: 180px;
    top: -1px;
    left: -47px;
}
#imgmap_gwpcommission li#ebrahimian span
{
    top: 99px;
    left: -1px;
}
#imgmap_gwpcommission li#pfoley
{
    height: 100px;
    left: 219px;
    top: 113px;
    width: 80px;
}
#imgmap_gwpcommission li#pfoley a
{
    height: 100px;
    width: 248px;
    top: 0px;
    left: -169px;
}
#imgmap_gwpcommission li#pfoley span
{
    left: 0px;
    top: 0px;
}
#imgmap_gwpcommission li#jmiller
{
    height: 100px;
    left: 322px;
    top: 223px;
    width: 80px;
}
#imgmap_gwpcommission li#jmiller a
{
    height: 126px;
    width: 149px;
    top: 0px;
    left: -35px;
}
#imgmap_gwpcommission li#jmiller span
{
    top: 98px;
    left: 0px;
}
#imgmap_gwpcommission li#tchan
{
    height: 100px;
    left: 430px;
    top: 170px;
    width: 80px;
}
#imgmap_gwpcommission li#tchan a
{
    height: 100px;
    width: 244px;
    top: 0px;
    left: 1px;
}
#imgmap_gwpcommission li#tchan span
{
    left: 78px;
    top: 1px;
}
#imgmap_gwpcommission li#hyao
{
    height: 100px;
    left: 545px;
    top: 235px;
    width: 80px;
}
#imgmap_gwpcommission li#hyao a
{
    height: 130px;
    width: 170px;
    top: -1px;
    left: -42px;
}
#imgmap_gwpcommission li#hyao span
{
    top: 100px;
    left: 0px;
}
#masthead
{
    position: relative;
    height: 140px;
}
#masthead label
{
    display: none;
}
#story_header
{
    /* position: relative; */
}
#story_header a, a:visited
{
    color: #c3dcea;
    text-decoration: none;
}

#story_header a:hover
{
    text-decoration: underline;
}

#story_header .content_bottom_border
{
    padding: 0px;
    margin: 0px 0px 10px 0px;
    background-image: url(/images/bg_content_bottom_story_header.png);
    background-repeat: no-repeat;
    height: 10px;
}
#story_header .content_middle
{
    /* background-image: url(/images/bg_content_story.png); 	background-repeat: repeat-y; */
    background-color: #333;
    color: white;
}
#story_header .content_top_border
{
    background-image: url(/images/bg_content_top_story_header.png);
    background-repeat: no-repeat;
    height: 10px;
    padding: 0px;
}
#story_highlights
{
    float: right;
    width: 495px;
}
#story_highlights h2
{
    margin-bottom: 5px;
    margin-top: 8px;
    color: white;
}
#story_highlights ul
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
#story_highlights ul li
{
    margin-left: -20px;
    padding-left: 0px;
}
#story_title
{
    float: left;
    width: 495px;
}
#story_title h1
{
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 0px;
}
#story_title p
{
    margin-top: 5px;
    margin-bottom: 10px;
}
#socialIcons
{
    position: absolute;
    top: 112px;
    left: 34px;
    overflow: hidden;
}
#socialIcons div
{
    float: left;
    line-height: 20px;
    height: 20px;
}
#socialIcons img
{
    margin-left: 6px;
}
#sub_menu a
{
    padding: 0px 5px 0px 5px;
    margin: 0px;
    display: block;
    overflow: hidden; /* font-family: Arial Narrow, Helvetica Narrow, sans-serif; */
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #CCFFFF;
    line-height: 25px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    text-decoration: none;
    background-color: #000000;
    border-left-color: #6dccea;
    border-right-color: #5d7dcf;
}
#sub_menu div
{
    background-image: url(images/bg_submenubar.png);
    margin-top: 10px;
    padding-left: 20px;
    height: 25px;
    width: 1004px;
}
#sub_menu hr
{
    display: none;
}
#sub_menu li
{
    float: left;
    margin: 0;
    padding: 0;
}
#sub_menu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#supermenu
{
    position: absolute;
    right: 0px;
    top: 0px;
}
#top_menu
{
    margin: 0px;
    padding: 0px 0px 0px 20px;
    background-image: url(images/bg_menubar.png);
    height: 38px;
    width: 1004px;
}
#top_menu a
{
    padding: 0px 0px 0px 0px;
    margin: 0px;
    display: block;
    width: 138px;
    overflow: hidden; /* font-family: Arial Narrow, Helvetica Narrow, sans-serif; */
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #004400;
    line-height: 38px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    text-decoration: none;
    background-color: Transparent;
    border-left-color: #c7eb6e;
    border-right-color: #9fcf5d;
}
#top_menu a:hover
{
    background: transparent url(images/bg_menubar_selected.png);
}
#top_menu li
{
    float: left;
    margin: 0;
    padding: 0;
}
#top_menu li.selected_menu
{
    background: transparent url(images/bg_menubar_selected.png);
    font-weight: bold;
}
#top_menu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#wrapper
{
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
}

#imageMap
{
    width: 702px;
    height: 520px;
    position: relative;
}

#imageMap ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#imageMap a
{
    position: absolute;
    width: 100px;
    height: 120px;
    text-indent: -1000em;
}
