/* $Id: sustain.css 59 2011-03-18 10:20:13Z paul $ */

@charset "UTF-8";

* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; }
img { border: none; }
.brd { border: 1px solid #000000;}
span.sustain { text-transform: capitalize; }
span.caps { text-transform: uppercase; }
.clear { clear: both; }
h1 { font-size: 20px; font-weight: bold; padding-bottom: 10px;  }
h2 { font-size: 16px; font-weight: bold; padding-bottom: 5px; }
h3 { font-size: 20px; color: #808386; font-weight: normal; padding-bottom: 10px;  }
h4 { font-size: 16px; color:#9bc443; }
h4 a { color:#9bc443; text-decoration: none; }
h4 a:hover {  text-decoration: underline; }
p { margin-top: 10px; padding-bottom: 10px; }
#page { width: 938px; margin: 0 auto; }
#header { width: 100%; margin-top: 20px; }
#header .logo {float: left; }
#header .banner {float: right; }

#menu { width: 100%; margin-top: 10px; }
#menu ul { width: 100%; margin: 0; padding: 0; float: left;z-index:300; position: relative;}
#menu ul li { list-style: none; float: left; position: relative; }
#menu ul li a { text-align: center; text-transform: lowercase; margin-right: 2px; line-height: 50px; display: block; color: #000000; background: #e9e9e9; text-decoration: none; height: 50px; }
#menu ul li a:hover { background: #9bc443; color: #fff; }
#menu ul li a.selected { background: #9bc443; color: #fff; }
#menu ul li.m1 a { width: 103px; }
#menu ul li.m2 a { width: 122px; }
#menu ul li.m3 a { width: 128px; }
#menu ul li.m4 a { width: 131px; }
#menu ul li.m5 a { width: 156px; }
#menu ul li.m6 a { width: 178px; }
#menu ul li.m7 a { width: 131px; }
#menu ul li.m8 a { width: 129px; }
#menu ul li.m8 a { margin-right: 0; }
#menu ul li ul { position:absolute; display:none; top:50px; background: #fff; }
#menu ul li ul li { float: none; }
#menu ul li ul li a { background: #e9e9e9; margin-top: 2px; height: 31px; line-height: 30px;  display: block; text-align: left; padding-left: 20px; } 
#menu ul li.m2 ul { width: 300px; }
#menu ul li.m2 ul li a { display: block; width: 283px; padding-left: 17px; }
#menu ul li.m3 ul { width: 300px; }
#menu ul li.m3 ul li a { width: 284px; padding-left: 16px; }
#menu ul li.m4 ul { width: 156px; }
#menu ul li.m4 ul li a { width: 136px; padding-left: 20px; }
#menu ul li.m5 ul { width: 156px; }
#menu ul li.m5 ul li a { width: 132px; padding-left: 24px; }
#menu ul li.m6 ul { width: 300px; }
#menu ul li.m6 ul li a { width: 284px; padding-left: 16px; }
#menu ul li.m7 ul { width: 109px; }
#menu ul li.m7 ul li a { width: 89px; padding-left: 22px; }
#menu ul li.m8 ul { width: 107px; }
#menu ul li.m8 ul li a { width: 87px; padding-left: 23px; }

.main { width: 938px; margin: 0 auto; }

.middle { width: 446px; float: left; margin-left: 25px; }
.leftcell { float: left; display: inline; }
.rightcell { float: right; margin-top: 60px; }
body#home .rightcell { margin-right: 4px; }

.middle h1 { padding-top: 14px; padding-bottom: 0; text-transform: lowercase; }
.middle h2 { font-size: 20px; font-weight: normal; color:#9bc443; padding: 0; margin: 0; text-transform: lowercase; }
div.middle div#content { margin-top: 18px; }
.middle p { margin: 0; padding: 0 0 14px 0; }
.middle a {  color:#9bc443; text-decoration: underline; }
.middle a:hover { text-decoration: none; }
.middle .cell { width: 212px; float: left; margin: 20px 20px 0 0; }
.middle .rt { margin-right: 0; }
.middle .cell h5 { font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.middle p.list { background: url('../images/icn-calendar.gif') top left no-repeat; padding-left: 30px; }
.middle p.list strong { display: block; }
.middle ul {  padding-left: 15px; padding-bottom: 14px; }
.middle ul li { list-style-image: url('../images/icn-hyphen-bullet.jpg'); list-style-type: square; margin-top: 10px; }

/* date */
div.middle p.date { color: #666; }

/* event */
div.middle div.event { background: url('../images/icn-calendar.gif') top left no-repeat; padding-left: 30px; margin-bottom: 20px; }
div.middle div.event.last { margin-bottom: 0; }
div.middle div.event p.date { padding: 0; }
div.middle div.event p.location { color: #666; }

.pagination { width: 100%; float: left; margin-top: 20px; border-top: 1px solid #e9e9e9; padding-top: 10px; }
.pagination ul { padding-left: 0; }
.pagination ul li { float: left; list-style: none; margin-right: 10px; height: 27px; line-height: 27px; float: left; }
.pagination ul li.prev a { background: #eee url(../images/arrow_prev.png) left no-repeat; padding: 0 20px; text-align: center; display: block; color: #000000; text-decoration: none; }
.pagination ul li.next a { background: #eee url(../images/arrow_next.png) right no-repeat; padding: 0 20px; text-align: center; display: block; color: #000000; text-decoration: none; }
.pagination ul li a { text-decoration: none; }
.pagination ul li a:hover { text-decoration: underline; }
.pagination ul li a.selected { color: #000000; }

.search { margin-top: 20px; float: left; display: inline; }
.search span.input_txt { display: block; float: left; }
.search span.input_btn { display: block; float: left; margin: 2px 0 0 2px; }
.search input.srh { width: 160px; border: 1px solid #999; height: 28px; color:#444; padding-left: 6px; line-height: 28px; font-size: 12px; }
.search-home input.srh { width: 192px; }
.search input.btn { background: #7f8070; width: 30px; height: 30px; color:#d9d9d4; border: none; font-size: 13px; margin: -2px 0 0 2px; cursor: pointer;  }
.search input.btn:hover {background: #9bc443; color: #fff;  }

/* boxes */
div.greenbox, div.greybox { width: 235px; background-position: bottom left; background-repeat: no-repeat; padding-bottom: 34px; margin-top: 10px; }

/* green boxes */
div.greenbox { background-image: url('../images/leftBoxBottom.gif'); }
div.leftcell div.greenbox { margin-top: 20px; }
div.greenbox div.inner { background: #9bc443 url('../images/leftBoxTop.gif') top left no-repeat; padding: 0; margin: 0; }
div.greenbox div.inner div.con { padding: 10px 10px 0 10px; color: #fff; }
div.greenbox div.inner div.con h3 { float: left; color: #fff; font-weight: bold; font-size: 16px; padding: 4px 0 6px 0; text-transform: lowercase; width: 150px; }
div.greenbox div.inner div.con a { color: #fff; text-decoration: underline; }
div.greenbox div.inner div.con a:hover { text-decoration: none; }
div.greenbox div.inner div.con a.more { float: right; }

/* outline boxes */
div.greenbox.outline { background-image: url('../images/outline-speech-bubble-top.gif'); padding-bottom: 38px; width: 237px; }
div.greenbox.outline div.inner { background-image: url('../images/outline-speech-bubble-bottom.gif'); background-color: transparent; }
div.greenbox.outline div.inner div.con h3 { color: #9bc443; }
div.greenbox.outline div.inner div.con p, div.greenbox.outline div.inner div.con a { color: #666; }

/* grey boxes */
div.greybox { background-image: url('../images/r2.png'); }
div.greybox dl { display: block; background: #929284 url('../images/r1.png') top no-repeat; padding: 5px 10px 5px 10px; }
div.greybox dl dt { color: #fff; font-weight: bold; font-size: 16px; }
div.greybox dl dd { padding-top: 5px; }
div.greybox dl dd a { color: #fff; }
div.greybox dl dd a:hover { text-decoration: none; }

/* case study ticker */
.ticker ul { clear: both; }
.ticker ul li { float: left; list-style: none; }
.ticker ul li img { float: left; width: 216px; height: 87px; }
.ticker ul li p { margin-top: 5px; float: left; display: inline; width: 216px; }


.ticker, .txt { margin: 4px 0 0 0; }

.extra_links ul { margin: 0; padding-top: 10px; }
.extra_links ul li { list-style: none; margin-top: 10px; height: 20px; }
.extra_links ul li.download { background: url('../images/icn-download.gif') 5px no-repeat; padding-left: 33px;  }
.extra_links ul li.print { background: url('../images/icn-print.gif') left no-repeat; padding-left: 33px;  }
.extra_links ul li.friend { background: url('../images/icn-chat.gif') 2px no-repeat; padding-left: 33px;  }
.extra_links ul li.twitter { background: url('../images/icn-twitter.gif') left no-repeat; padding-left: 33px;  }
.extra_links ul li a { color: #000000; text-decoration: none; text-transform: lowercase; }
.extra_links ul li a:hover { color:#9bc443; text-decoration: underline; }

.contact_box { width: 235px; background: #9bc443; margin-top: 10px; } 
.contact_box h3 { width: 233px; background: #fff; color: #9bc443; margin: 1px 0 10px 1px; float: left; padding: 4px 0 6px 0; font-size: 16px; font-weight: bold; }
.contact_box h3 span { display: block; padding-left: 10px; }
.contact_box p { color: #fff; margin: 0 0 0 10px; }
.contact_box ul { list-style: none; padding: 0 0 10px 0; }
.contact_box ul li { color: #fff; margin: 0 0 0 10px; }
.contact_box ul li strong { padding: 0 7px 0 0; }
.contact_box ul li a { color: #fff; }
.contact_box ul li a:hover { text-decoration: none; }
div.contact_box.vcard p.org { display: none; }

/* home page */
div.home_content { width: 380px; margin: 70px 0 0 50px; float: left; }
div.home_content a { text-decoration: none; }
div.home_content p { color: #000; margin-top: 10px; }

/* counter */
div.home_content div#counter-outer { margin-bottom: 30px; }
div.home_content div#counter-outer div.counter { margin: 10px 0; }
div.home_content div#counter-outer h2 { margin: 0; }
div.home_content a div#counter-outer h2 { color: #000; }
div.home_content div#counter-outer h2 span.date { color:#9bc443; }
div.home_content div#counter-outer p { margin: 0 0 10px 0; padding: 0; }

.home_right { width: 211px; margin: 10px 0 0 0; }

a.more { display: block; height: 27px; color: #000 !important; text-decoration: none !important; text-align: center; width: 55px; background: #f0edec; line-height: 27px; }
a:hover.more  { background: #9bc443; color: #fff !important;}

.leftMenu { width: 202px; background: #f0edec; float: left; margin-top: 20px; }
.leftMenu ul { width: 182px; margin: 10px 0 10px 10px; float: left; }
.leftMenu ul li { width: 100%; list-style: none; background:url('../images/left_closed_arrow.png') left 8px no-repeat; float: left; padding: 8px 0; }
.leftMenu ul li a { display: block; padding-left: 20px; text-decoration: none; color: #000; text-transform: lowercase; }
.leftMenu ul li a:hover { color:#9bc443; text-decoration: underline; }
.leftMenu ul ul { width: 170px; margin: 0; padding: 0; }
.leftMenu ul ul li { margin-top: 2px; padding-left: 10px; background: #FFF; background-image: none; width: 160px; text-transform: lowercase; }

.leftMenu ul li.selected { background: url('../images/selected.png') no-repeat; } 
.leftMenu ul li.no-children { background: url('../images/selected-no-children.png') no-repeat!important; }
.leftMenu ul li.sub-selected { background: url('../images/sub-selected.png') no-repeat!important; }
.leftMenu ul li.sub-selected-big { background: url('../images/sub_selected_big.png') no-repeat!important; }
.leftMenu ul li.selected a { color: #fff; }
.leftMenu ul li.selected a:hover { text-decoration: underline; color: #fff; }
.leftMenu ul li.selected_nobg { background: url('../images/icn-down-arrow.gif') no-repeat 5px 13px #fff; width: 170px; } 
.leftMenu ul li.selected_nobg a { color: #9BC443; }
.leftMenu ul li.selected_nobg a:hover { text-decoration: underline; color: #9BC443; }

.leftMenu ul li.selected_big { background: url('../images/selected_big.png') no-repeat; line-height: normal; }
.leftMenu ul li.selected_big_no_child { background: url('../images/selected_big_no_child.png') no-repeat; }
.leftMenu ul li.selected_big a { color: #fff; width: 140px; }
.leftMenu ul li.selected_big a:hover { text-decoration: underline; color: #fff; }
.leftMenu ul li.selected_big_nobg { background: url('../images/icn-down-arrow.gif') no-repeat 5px 13px #fff; width: 170px; } 
.leftMenu ul li.selected_big_nobg a { color: #9BC443; }
.leftMenu ul li.selected_big_nobg a:hover { text-decoration: underline; color: #9BC443; }

.leftMenu ul.sub li.selected { background: url('../images/selected_no_arrow.png') no-repeat; width: 180px; }
.leftMenu ul.sub li.selected_big { background: url('../images/selected_big_no_arrow.png') no-repeat; width: 180px; }
.leftMenu ul.sub li.selected_nobg { width: 160px; background: url('../images/icn-down-arrow.gif') no-repeat 15px 13px #fff; }
.leftMenu ul.sub li a { color: #000; }
.leftMenu ul.sub li a:hover { color: #9BC443; }
.leftMenu ul.sub ul.sub li a:hover { color: #9BC443!important; }
.leftMenu ul.sub ul.sub li.selected a:hover { color: #fff!important; }
.leftMenu ul.sub li.selected a:hover, .leftMenu ul.sub li.selected_big a:hover { color: #fff!important; }

.leftMenu ul ul ul li { padding-left: 18px; width: 152px; }

/* breadcrumbs */
div.breadcrumb { margin-top: 39px; font-size: 12px; text-transform: lowercase; color: #333; }
div.breadcrumb a { color: #000; text-decoration: underline; }
div.breadcrumb a:hover { color: #000; text-decoration: none; }

/* case study list type */
ul.case_study_listing { width: 100%; float: left; padding-left: 0; }
ul.case_study_listing li { list-style: none; float: left; margin: 0; }
ul.case_study_listing li h2 { font-size: 16px; margin-bottom: 5px; }
ul.case_study_listing li div { float: left; margin-top: 10px; }
ul.case_study_listing li .img { width: 115px; text-align: left; float: left }
ul.case_study_listing li .desc { float: left; width: 330px;}
ul.case_study_listing li .desc h2 { margin-top: 0; padding-bottom: 0; padding-top: 0; font-weight: normal; }
ul.case_study_listing li .date { width: 330px; float: left; margin-top: 0; }
ul.case_study_listing li p a { display: block; margin: 5px 0 0 0; }

div.middle div.Doc2Form fieldset { border: 0; margin: 15px 0 0 0; }
div.middle div.Doc2Form fieldset ul { list-style: none; margin: 0; padding: 0; }
div.middle div.Doc2Form fieldset ul li { list-style-image: none; list-style-type: none; margin: 0 0 18px 0; }
div.middle div.Doc2Form fieldset ul li label { font-weight: bold; padding: 0 0 10px 0; }
div.middle div.Doc2Form fieldset ul li input { width: 325px; border: 1px solid #999; height: 28px; color: #444; padding-left: 6px; line-height: 28px; font-size: 12px; }
div.middle div.Doc2Form fieldset ul li.contactYou_li { width: 100%; overflow: hidden; }
div.middle div.Doc2Form fieldset ul li.contactYou_li input { width: auto; margin: 0 8px 0 0; height: auto; float: left; clear: left; }
div.middle div.Doc2Form fieldset ul li.contactYou_li label { display: block; float: left; }
/* div.Doc2Form input.button { background: #7f8070; width: 50px; height: 30px; color:#d9d9d4; border: none; font-size: 13px; margin: -2px 0 0 2px; cursor: pointer;  }
div.Doc2Form input.button:hover {background: #9bc443; color: #fff;  } */

div.vcard { margin: 15px 0 0 0; line-height: 18px; }
div.org { font-weight: bold; }
div.adr { margin: 0 0 15px 0; }

.clearer { clear: both; height: 40px; }
#footer { clear: both; background:#7f8070; width: 100%; }
#footer .footer_content { width: 968px; margin: 0 auto; }
#footer .footer_content .footerCol { width: 968px; height: 260px; color: #fff; }
.footerCol .col { width: 300px; height: 155px; border-right: 2px solid #fff; margin: 25px 0 0 20px; float: left;  }
#footer div.footer_content div.footerCol div.col h2 a { color: #fff; text-decoration: none; }
.footerCol .col img { float: right; padding-right: 15px; }
.footerCol .col span { float: left; display: block; }
.footerCol .last { border: none; }
#footer ul { width: 100%; padding: 40px 0 0 20px;}
#footer ul li { float: left; list-style: none; margin-right: 20px; font-size: 13px; }
#footer ul li.first { margin-right: 50px; height: 26px; line-height: 26px; }
#footer ul li a { color: #FFF; height: 26px; line-height: 26px; }
#footer ul li a:hover { color: #FFF; text-decoration: none; }

body#home #footer .footer_content .footerCol { height: auto; overflow: hidden; }
body#home #footer ul { margin: 0px; padding: 40px 0px 40px 20px; overflow: hidden; }
#footer ul li.twitter a { background: url('../images/icn-twitter-grey.gif') left no-repeat; padding-left: 33px; height: 25px; display: block; }
body#home #footer .clearer { display: none; }
/* home page footer */
body#home .footerCol .col { width: 180px; height: 100px; border-right-color: #9bc443; margin: 25px 0 0 0; padding: 0 20px; }
body#home .footerCol .col a { color: #fff; }
body#home .footerCol .col a.twitter { background: url('../images/icn-twitter.gif') left no-repeat; padding: 10px 0 0 33px; height: 26px; display: block; }
body#home .footerCol .col a span { float: none; display: inline; }
body#home .footerCol .col p { margin: 0; padding: 0; }

/* counter wrapper code */
.counter-wrap { height: 67px; overflow: hidden; position: relative; }
.counter-number { height: 737px; width: 40px; position: relative; background-image: url('../images/img-number-strip.gif'); float: left; }
.comma { width: 24px }

/* @group vcard */

div.vcard span.type { display: none; }

/* @end */

/* @group contact us form */

div#reqForm form div.Doc2Form fieldset#fs_53 li.clickStream_li, div#reqForm form div.Doc2Form fieldset#fs_53 li.finalPageBeforeContact_li { display :none; }

/* @end */

/* @group job listing */

div.job_listing h2 { margin: 0; padding: 0; }
div.job_listing ul { margin: 0; padding: 0; }
div.job_listing ul li { list-style: none; margin: 0; padding: 10px 0 0 0; }

/* @end */

/* @group download form */

div#reqForm form div.Doc2Form fieldset#fs_66 li.fileName_li { display: none; }

/* @end */

/* @group article images */

div.article-images { overflow: hidden; }
div.article-images img { float: left; }

/* @end */

/* print */

@media print {

body { width: 100%; }
div#menu, div.leftcell, div.rightcell, div#footer, div.breadcrumb, div.pagination, div.paginator, .print-hide { display: none; }
div.header { margin: 0; }
div.middle { width: 600px; margin: 0 0 0 12px; }
div.middle p { font-size: 15px; line-height: 20px; color: #000; }

}

/* search */
p.search_tagline { font-style: italic; }
span.highligh-term { font-size: 15px; background: #fdfdd4; color: #000; font-weight: bold;  }
span.umbSearchHighlight { background: #fdfdd4; color: #000; }
div#lucenesearch_results ol { margin: 10px 0 30px 20px; }
div#lucenesearch_results ol li { margin-bottom: 8px; }
div#lucenesearch_results h2 { font-size: 14px; padding-bottom: 7px; font-weight: bold; text-transform: none; }
p.xsltsearch_result_title { font-size: 14px; padding-bottom: 7px; }
p.xsltsearch_result_title a { font-weight: bold; text-transform: none; }
span.xsltsearch_description strong { font-weight: normal; background: #fdfdd4; }
p#xsltsearch_navigation a#previous.disabled, p#xsltsearch_navigation a#next.disabled { display: none }

/* blog */
p.meta { padding: 0; font-weight: bold; margin: -10px 0 0 0; color: #444; }
ul.case_study_listing p.meta { padding: 0 0 14px 0; margin: 0; }
p.meta span { color: #777; font-weight: normal; }
p.meta span.divider { color: #444; padding: 0 4px; }
ul.case_study_listing p.meta a { display: inline!important; }
div#comments { border-top: 1px solid #E9E9E9; padding: 20px 0; margin: 30px 0 0 0; }
div#comments h2 { color: #000; font-size: 14px; font-weight: bold; font-style: italic; }
div#comments img.umbCaptcha { margin: 10px 0; border: 1px solid #ccc; }
div#comments ul { list-style-type: none; margin-left: 0; padding-left: 0; }
div#comments ul li { margin-bottom: 15px; }
div.middle div#comments ul li { list-style: none; }
div#comments ul li p.comment-info { font-weight: bold; font-size: 14px; color: #444; font-style: italic; }


div#comments ul { list-style-type: none; margin-left: 0; padding-left: 0; }
div#comments ul li { margin-bottom: 15px; }
div.middle div#comments ul li { list-style: none; }
div#comments ul li p.comment-info { font-weight: bold; font-size: 14px; color: #444; font-style: italic; }



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */