/*——————————————————————
[Master Stylesheet]

Project: eventIMPACTS
Last change: 21.01.2010
Assigned to: Felicity Evans, Lance Cooper
——————————————————————-*/

/* CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* clearfix */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* basic styles */
html body {font-family: Arial, Helvetica, sans-serif;font-size: 62.5%;text-align: center; margin: 0 auto; background: #fff}
body a {text-decoration: none; color: #0563a7}
body a:hover,
body a:focus,
body a:active {text-decoration: underline}
ul li{list-style-type:disc; margin: 0.5em 0 0.5em 2em}
ol li{list-style-type: decimal; margin: 0.5em 0 0.5em 2em}
.skipNav {width: 10em; display: block; text-indent: -5000px; overflow: hidden; position: absolute}
.skipNav a:focus,
.skipNav a:active {text-indent: 0;height: 2em;}
h3 {font-size: 1.3em; margin-bottom: 1em;line-height:1.3;}
dl {font-size:1.3em;border-bottom:1px solid #e2e2e2;line-height:1.3;}
dt {padding-top:1em;border-top:1px solid #e2e2e2;font-weight:bold;margin-bottom:.5em;}
dd {padding-bottom:1em;color:#666;font-style:italic;}
.f-right {float:right;}
.f-left {float:left;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
p img {float: left; margin-right: 10px}
img {margin-right:10px;}
sup {vertical-align:top;color:#666;}
#wrapper .content p.error {color: #D8000C; background-color: #FFBABA; border: 1px solid #D8000C; font-weight: bold; padding: 1em; line-height: 1.4;}
.min-height {min-height: 500px; _height: 500px;}

/* layout */
#wrapper {width: 930px; text-align: left; margin: 0 auto; position:relative;z-index:1;}

/* page content */
#wrapper .content {position: relative; background:transparent url(../images/interface/gr_greentowhite.gif) repeat-x center bottom; margin-left: 2px}
.homepage #wrapper .content {width:922px; padding: 0; margin-left: 7px; background: url(../images/interface/bg_landscape.jpg) bottom left no-repeat; font-size: 1.2em;overflow:hidden;}
#wrapper .content ul,
#wrapper .content ol {margin: 2em 0;}
#wrapper li {list-style-type:none;margin:0 0 1em 0;padding-left:25px;background:transparent url(../images/interface/li.gif) left 4px no-repeat;}
#wrapper .content li p {font-size:100%;font-weight:normal;}
#wrapper .content .features li p {font-size:1.3em;}
#wrapper .content p {margin: 1em 0; line-height: 1.3em; font-size: 1.3em}
#wrapper .contentCol ul {/*padding:1em 0;border-bottom:1px solid #9de5b3;*/}
#wrapper .contentCol li {line-height: 1.3em; font-size: 1.3em;font-weight:bold;}
#wrapper .contentCol li li {font-size: 1em}
#wrapper .contentCol ol li {list-style-type:decimal;background:transparent none;padding-left:0;margin-left:1.5em;font-weight:normal;}
#wrapper .contentCol ol li ul li {list-style-type:disc; margin: .3em 0 0 1em}
#wrapper .contentCol ol li p {font-weight:normal;font-size:100%;}
#wrapper .content {color: #333}
#wrapper .content h2 {font-size: 1.7em; margin: 1.2em 0 0.5em 0;line-height:1.3;}
#wrapper .content .twoCol {width: 40%; float: left; margin-right: 50px}

/* formatting for project/resource/social pages (created by NH L3 on 24-02-2010) */
#wrapper .contentCol .aside {border:1px; border-style:solid; border-color:#b3bfb7; padding:0.625em; margin:1em;}
#wrapper .contentCol .note { font-style:italic;}
#wrapper .contentCol table {margin-bottom:1em;border-bottom:1px solid #999;border-right:1px solid #999;border-top:1px solid #CCC;}
#wrapper .contentCol table,td,th{padding:.4em;font-size:1.1em;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
#wrapper .contentCol table th {background:#CFCFCF;font-weight:bold;border-bottom:1px solid #999;border-right:1px solid #999;}
#wrapper .contentCol table thead th,thead td {background-color:#CFCFCF;}
#wrapper .contentCol table tbody th.sub-header {background-color:#CFCFCF; font-style:italic;}
#wrapper .contentCol table tfoot {font-size:1.2em;}
#wrapper .contentCol table tfoot p, #wrapper .contentCol table tfoot h3 {font-size:90%;}
#wrapper .contentCol .red-bkgd {background-color:#FF0000;}
#wrapper .contentCol .orange-bkgd {background-color:#FFA500;}
#wrapper .contentCol .green-bkgd {background-color:#32CD32;}
#wrapper .contentCol .clear-bkgd {background-color:#ffffff;}
#wrapper .contentCol table col.name {text-align:left;}
#wrapper .contentCol table caption {text-align:left; font-size: 1.25em; font-weight:bold; margin-bottom: 0.5em;}
#wrapper .contentCol table td ul {margin:0;}
#wrapper .contentCol table td li {font-weight:normal;font-size:100%;background:transparent none;padding:0;margin:0 0 .5em 0;}
#wrapper .contentCol table td li em {color:red;font-style:normal;}

/* header */
#wrapper .header {width: 930px; padding: 0 10px 0 5px; background: #fff }
#wrapper .header img {display: none}
#wrapper .header .logo{float: left; display: block;  background: #fff url(../images/interface/logo.gif) top left no-repeat; margin: 30px 0 -10px; padding: 0 0 0 3px; height: 63px; width: 344px; text-indent: -5000px; overflow: hidden}
#wrapper .headerLinks {float: right; margin: 5px 0; }
#wrapper .headerLinks li{float: left; margin: 0; list-style: none; padding-left:0; background:transparent none;}
#wrapper .headerLinks li a {padding: 5px 8px 5px 10px; display: block; font-size: 1.2em; background: url(../images/interface/arrow.gif) right 7px no-repeat;}
#wrapper .siteSearch {float: right; clear: right; padding: 10px 5px 15px 16px; margin-bottom: -20px; background: #fff}
#wrapper .siteSearch label {display: block; width: 37px; height: 36px; background: url(../images/interface/search.gif) top left no-repeat; text-indent: -5000px; overflow: hidden; float: left }
#wrapper .siteSearch input.text {float: left; display: inline; margin: 0; border: none !important; padding: 0 !important;width:208px;}
#wrapper .siteSearch .inputWrap {background: url(../images/interface/bg_searchbox.gif) top left no-repeat; float: left; display: inline; margin: 2px 3px 3px 6px; border: none !important; padding: 5px 0 5px 4px !important; width: 215px;}
#wrapper .siteSearch input.submit {width:38px;height:27px;border: none;background: transparent url(../images/interface/btn_search.gif) no-repeat center; overflow: hidden;text-indent: -999px;font-size: 0px;display:block;line-height: 0px; float: right}
#wrapper #keywords.inactive {color:#999;}

/* main nav */
#wrapper .mainNav { padding: 0 6px; margin: 10px 0 0 7px;width: 909px;clear: both; background: #044c81 url(../images/interface/bg_mainnav.gif) top left repeat-x; font-size: 1.4em; }
#wrapper .mainNav ul li{float: left; margin: 0; list-style: none; background: url(../images/interface/bg_mainnav_divider.gif) bottom right no-repeat; padding:0; }
#wrapper .mainNav ul li.last {background: none}
#wrapper .mainNav ul li a {font-weight: bold; padding: 0; display: block; color: #fff; text-transform: uppercase; float: left}
#wrapper .mainNav ul li a:hover {background: url(../images/interface/bg_mainnav_hover.gif) right bottom repeat-x; }
#wrapper .mainNav ul li a span {display: block; padding:17px 27px; }
#wrapper .mainNav ul li.first a span {padding:17px 18px;}
#wrapper .mainNav ul li a.on {text-decoration: none; background: #fff url(../images/interface/bg_mainnav_on.gif) top left no-repeat !important; color: #000; margin-left: -2px; padding-left: 2px }
#wrapper .mainNav ul li a.on span {background: url(../images/interface/bg_mainnavr_on.gif) top right no-repeat; }

/* subnav */
#wrapper .subNav {width: 189px; margin: 14px 0 0 -9px;  float: left; position: absolute; z-index: 100;  }
#wrapper .subNav ul {position: relative !important; background: url(../images/interface/bg_subnav.png) bottom left no-repeat; margin: 7px 0 0 0; padding: 5px 0 0 0;width:189px;}
#wrapper .subNav ul ul {display:none;}
#wrapper .subNav ul li.on ul {display:block;background:#D3E8F7 url(../images/interface/bg_subnav_li_ul_on.png) top left no-repeat;margin:0 0 0 3px;width:183px;padding:25px 0 0 0;}
#wrapper .subNav ul li.on li {background:#d3e8f7;}
#wrapper .subNav li li {background:transparent none;font-size:90%;}
#wrapper .subNav li li a,
#wrapper .subNav li.on li a,
#wrapper .subNav li.first li a,
#wrapper .subNav li.first li.first a {background:transparent none;width:143px;}
#wrapper .subNav li{margin: -12px 0 0 0; padding: 0 0 9px 0; list-style: none; font-weight: bold;  position: relative; background: transparent url(../images/interface/subnav_divider.gif) no-repeat center bottom;}
#wrapper .subNav li a {line-height:1.4; margin-left:3px; padding:12px 10px 12px 27px; position: relative; width: 146px; display: block;  color: #034574; font-size: 1.4em;}
#wrapper .subNav li.first a {background: url(../images/interface/bg_subnav_top.png) top left no-repeat;padding:15px 10px 12px 30px; margin-left: 0; width: 149px;}
#wrapper .subNav li.first.on {background:transparent url(../images/interface/bg_subnav_a_on.png) bottom left no-repeat;}
#wrapper .subNav li.first.on a {background: url(../images/interface/bg_subnav_top_on.png) top left no-repeat;}
#wrapper .subNav li.first.on li a {background: transparent none;padding:0px 10px 5px 27px;}
#wrapper .subNav li.first.on li.first.on,#wrapper .subNav li.on li.first.on  {background:#d3e8f7 url(../images/interface/li_li_on.gif) 12px 2px no-repeat;}
#wrapper .subNav li.on li.first.on a {background:transparent none;}
#wrapper .subNav li.last {background:transparent none;}
#wrapper .subNav li.last a {padding-bottom:8px;}
#wrapper .subNav li.last.on {background: url(../images/interface/bg_subnav_on.png) bottom left no-repeat;}
#wrapper .subNav li.last.on li.last {background:transparent url(../images/interface/bg_subnav_li_on.png) bottom left no-repeat;}

#wrapper .subNav li.first.on li.last.on,
#wrapper .subNav li.firston li.laston 
{background:#D3E8F7 url(../images/interface/li_li_on.gif) 12px 3px no-repeat !important;}

#wrapper .subNav ul li.last ul {top:5px;margin-top:0;background:transparent url(../images/interface/bg_subnav_li_ul_on.png) no-repeat left top;}
#wrapper .subNav li.on {background:transparent url(../images/interface/bg_subnav_a_on.png) bottom left no-repeat;}
#wrapper .subNav li.on a {background:#b5dcf8 url(../images/interface/li_on.gif) 10px 18px no-repeat;}
#wrapper .subNav li.on li.on {background:#d3e8f7 url(../images/interface/li_li_on.gif) 12px 3px no-repeat;width:183px;}
#wrapper .subNav li.on li a {padding:0 10px 5px 27px;margin-left:0;}
#wrapper .subNav ul ul ul {display:none!important;background:transparent none!important;margin:0!important;padding:15px 0 0 15px!important;width:auto!important;top:0!important;font-size:110%;}
#wrapper .subNav ul ul li.on ul {display:block!important;}
#wrapper .subNav ul ul ul li {width:165px!important;}
#wrapper .subNav ul ul ul li a {width:130px!important;}

/* breadcrumb */
#wrapper .breadcrumb {margin: -39px 10px 0 187px; font-size: 1.1em; }
#wrapper .content .breadcrumb p {float: left; font-size: 1em; line-height:1.2em;}
#wrapper .content .breadcrumb ul {float: left; margin:1em 0;font-weight: bold}
#wrapper .breadcrumb li {float: left; list-style-type: none; text-transform: uppercase; margin:1px 0 0 5px;font-size:1em; line-height:1.2em; padding:0; background:transparent none;}
.internal #wrapper .breadcrumb {margin-top:0;margin-bottom:1.5em;}
.results #wrapper .breadcrumb {float:none;font-size:1.1em;margin:0 0 1em;width:100%;overflow:hidden;}

/* print link */
#wrapper .content .breadcrumb .print {float:right; margin:0; font-size:1.1em; font-weight:bold;}
#wrapper .content .breadcrumb .print  a{background:url("/images/interface/icon_print.gif") no-repeat left center; display:block; padding:1em 0 0.8em 20px; margin:0;}

/* footer */
#wrapper .footer {width: 100%; clear: both; background: #fff; margin: -3px 0 0 0; padding: 0 5px; width: 940px }
#wrapper .footer p.attribution {float: right; padding: 10px 10px 10px; font-size: 1.1em}
#wrapper .footer p.attribution a {color: #6d757b; }
#wrapper .footer ul li{float: left; margin: 10px 0 5px 0; list-style: none; border-left: 1px solid #6d757b; padding:0; background: transparent none;}
#wrapper .footer ul li.first {border: none}
#wrapper .footer ul li a {padding: 0 5px; display: block; color: #6d757b; text-transform: uppercase; font-size: 1.1em}
#wrapper .footer ul.additionalLinks {clear: left}
#wrapper .footer ul.additionalLinks li a {text-transform: none}
#wrapper .footer div.sponsors {clear: both}
#wrapper .footer .sponsors p {font-weight: bold; font-size: 1.1em; position: relative; top: 10px; left: 0}
#wrapper .footer .sponsors ul{clear: both}
#wrapper .footer .sponsors ul li {border: none; margin: 5px 0 5px 0}
#wrapper .footer .sponsors ul li.first {margin-left: 0}
#wrapper .footer .sponsors ul li a {padding: 0}

p.more {padding-left:16px;background:transparent url(../images/interface/bg_calloutLink_left.png) top left no-repeat;float:left;position:relative;left:-5px;}
p.more a {display:block;padding:0 30px 2px 0;background:transparent url(../images/interface/bg_calloutLink.png) top right no-repeat;float:left;line-height:34px;color:#fff;}

/* homepage */
.homepage #wrapper .header .logo {margin-bottom: 0}
.CarouSlide {}
#wrapper .CarouSlide li p {font-size:1.3em; color: #333; width: 380px; float: right; clear: right; padding-right:80px; margin-top:.75em;}
#wrapper .CarouSlide h2 {color: #1E88D4; text-transform: uppercase; font-size:46px; font-weight: bold;line-height: 44px; margin: 0}
#wrapper .CarouSlide  img {margin:0;}
#wrapper #homeCarousel p.more {display: block; float: right; width: 365px; margin: 0; } 

/* CarouSlide styles */
.slider-wrapper {position:relative; overflow:hidden;}
.slider-holder {overflow:hidden; display:block; height:350px;}
.slider-holder li {display:block; float:left; height:320px;}
.s-active {position:relative; top:0; left:0;}

.homeImg {padding:5px; background:#fff; display: block; float: left; margin-right: 30px; -moz-box-shadow:0 0 4px #666; -webkit-box-shadow:0 0 4px #666; box-shadow:0 0 4px #666;}

.homepage #wrapper ul.tabs {clear: both; margin: 0 60px 60px 82px; font-size: 1.2em; overflow:hidden;}
.homepage #wrapper .tabs li {width:auto; float: left; margin: 0 0 10px 0; padding: 0; list-style: none; margin-right:30px}
.homepage #wrapper .tabs li a {font-weight:bold; font-size:1.1em; line-height:1.2em; color:#fff; display: block; background:#037424 url(/images/interface/hp_button.jpg) no-repeat left -3px; padding:9px 12px 7px 22px; min-height:42px; height:auto !important; height:42px; min-width:90px; width:auto !important; width:90px; border:1px solid #025019; -webkit-box-shadow:0 0 4px #0d2a16; -moz-box-shadow:0 0 4px #0d2a16; box-shadow:0 0 4px #0d2a16;}
.homepage #wrapper .tabs li a:hover,
.homepage #wrapper .tabs li a:focus,
.homepage #wrapper .tabs li a:active {text-decoration:none; background-color:#cc6101; background-position:right -3px; border:1px solid #025019;}

.homepage #wrapper #homeCarousel {overflow:hidden; padding-top:55px;}
.homepage #wrapper #homeCarousel .slider-nav {clear: both; position:absolute; right:0; top:0; margin: 25px 25px 10px 0; padding-bottom: 10px; text-align:center; width:auto;}
.homepage #wrapper #homeCarousel .slider-nav li{ float:left; margin-right:5px;}
.homepage #wrapper #homeCarousel .slider-nav li a {display:block; width:10px; height:10px; overflow:hidden; text-indent:-99999px; background:#1d89d2 url(/images/interface/hp_carousel-off.gif) no-repeat left top; padding:0; font-size:0.9em;}
.homepage #wrapper #homeCarousel .slider-nav li a:hover,
.homepage #wrapper #homeCarousel .slider-nav li.active a {background:#fff url(/images/interface/hp_carousel-on.gif) no-repeat left top; color: #fff; text-decoration: none}

#homeCarousel {width:922px;overflow:hidden;}
#wrapper #homeCarousel .slider-holder,
#wrapper #homeCarousel .slider-holder li,
#wrapper #homeCarousel .slider-nav,
#wrapper #homeCarousel .slider-nav li {margin:0;padding:0;overflow:hidden;zoom:1;}
#homeCarousel .slider-holder {width:10000px;position:relative;left:0;}
#wrapper #homeCarousel .slider-holder li {padding: 20px 80px 0 84px;list-style-type:none;float:left;width:760px;font-size:1em;background:transparent none;}

/* landing pages */
.landing #wrapper {background: url(../images/interface/bg_wrapper.gif) -6px top repeat-y; }
.landing .content {padding-top:40px;left: 7px; width: 917px;}
.landing .content .contentCol {padding: 0 24px 30px 187px}
.landing .mainHeading {height: 224px; width: 940px; position: relative; margin-bottom: 3em; }
.landing .mainHeading h1 {color: #fff; margin-left: 187px;text-transform: uppercase; font-size: 5.5em; position: absolute; bottom: -0.2em; left: 0; width:680px; line-height:1;}
.landing .mainHeading h1 span {background: url(../images/interface/icon_globe.png) top left no-repeat; display: inline-block;  width: 44px; height: 43px; margin-bottom: 2px}
.landing #wrapper .mainHeading p.accredit {position:absolute;bottom:-2.3em;right:25px;font-size:1.1em;color:#999;}

.landing .environmental {background: url(../images/content/lp_environment.jpg) top left no-repeat}
.landing .social {background: url(../images/content/lp_social.jpg) top left no-repeat}
.landing .satisfaction {background: url(../images/content/lp_satisfaction_impacts.jpg) top left no-repeat}
.landing .identity {background: url(../images/content/lp_ident_image_place.jpg) top left no-repeat}
.landing .participation {background: url(../images/content/lp_participation.jpg) top left no-repeat}
.landing .media {background: url(../images/content/lp_media.jpg) top left no-repeat}
.landing .carbon-footprint {background: url(../images/interface/bg_carbon-footprint.jpg) top left no-repeat}
.landing .attendance {background: url(../images/content/lp_attendance.jpg) top left no-repeat}
.landing .project {background: url(../images/content/lp_project.jpg) top left no-repeat}
.landing .children {background: url(../images/content/lp_children_young_people.jpg) top left no-repeat}
.landing .partners {background: url(../images/interface/lp_partners.jpg) top left no-repeat}
.landing .volunteer {background: url(../images/content/lp_volunteer.jpg) top left no-repeat}
.landing .economic {background: url(../images/content/lp_economic.jpg) top left no-repeat}
.landing .new-research {background: url(../images/content/lp_new-research.jpg) top left no-repeat}
.landing .getting-started {background: url(../images/content/lp_getting-started.jpg) top left no-repeat}

/* internal pages */
.internal #wrapper {background:transparent url(../images/interface/bg_wrapper.gif) repeat-y -6px top;}
.internal .content {background:transparent url(../images/interface/gr_greentowhite.gif) repeat-x center bottom;overflow:hidden;left: 7px;width:917px;}
.internal .content .contentCol {padding:0 0 30px 197px;width:545px;float:left;margin-right:20px;}
.internal .contentCol h1 {color:#585858;font-size:3.75em;text-transform:uppercase;font-weight:normal;margin-bottom:.5em;line-height:1;letter-spacing:-.04em;}
.internal .contentCol h1 span,
.internal .contentCol h1 span a {display:block;font-weight:bold;color:#1e88d4;letter-spacing:0; position: relative}
.internal .contentCol h1 span a:hover {text-decoration:none;}
.fullwidth .content .contentCol {width:690px;}

.internal .contentCol div.basic {background: url(/images/interface/basicBorder.gif) bottom left  repeat-x; margin-bottom: 15px; padding-bottom:1px;}
.internal .contentCol div.basic h1 {padding-left: 75px; background: url(/images/interface/trafficLarge.gif) top left no-repeat;min-height:65px;}
.internal .contentCol div.int {background: url(/images/interface/intBorder.gif) bottom left  repeat-x; margin-bottom: 15px; padding-bottom:1px;}
.internal .contentCol div.int h1 {padding-left: 75px; background: url(/images/interface/trafficLarge.gif) left -85px no-repeat;min-height:65px;}
.internal .contentCol div.adv {background: url(/images/interface/advBorder.gif) bottom left  repeat-x; margin-bottom: 15px; padding-bottom:1px;}
.internal .contentCol div.adv h1 {padding-left: 75px; background: url(/images/interface/trafficLarge.gif) left -172px no-repeat;min-height:65px;}

#wrapper .contentCol ul.impact li {background:#fff url(/images/interface/trafficSmall.gif) center left no-repeat;padding-left:38px;}
#wrapper .contentCol ul.impact li.basic {background-position:0 -123px;}
#wrapper .contentCol ul.impact li.int {background-position:0 -60px;}
#wrapper .contentCol ul.impact li.adv {background-position:0px 0px;}

#wrapper .contentCol .partnerBox {margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #ddd;}
#wrapper .contentCol .partnerBox h2,
#wrapper .contentCol .partnerBox p {margin-right:170px;}
#wrapper .contentCol .partnerBox img {float:right;}

#wrapper .box {padding:1em 1em 0; border:1px solid #000;}
#wrapper .box h2 {margin-top:0;}

/* Search results */
.results #wrapper .content {background:transparent none; margin:0 10px;}
.results .contentCol h1 {color:#585858; font-size:3.75em; text-transform:uppercase; font-weight:bold; margin-bottom:.5em; line-height:1; letter-spacing:-.04em;}

#wrapper .contentCol .features {border-bottom:none;margin:0;}
#wrapper .contentCol .features:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#wrapper .features li {float:left; width: 190px;list-style: none; margin: 0 45px 0 0;font-size:100%; padding: 0; background: transparent none; position: relative;padding-bottom: 30px;min-height: 30em;}
.project #wrapper .features li {min-height:36em;}
.economic #wrapper .features li {min-height:32em;}
.social #wrapper .features li {min-height:26em;}
#wrapper .features li .img {margin: 0 0 10px 0;position: relative;width: 172px;height: 94px;float: left;}
#wrapper .features li .img span {width: 172px;height: 94px;display: block;position: absolute;top: -7px;left: -7px;background: url(../images/interface/frame.gif) no-repeat;}
#wrapper .features li h3 {position:relative; min-height:4.2em; }
#wrapper .features-social li h3 {position:relative; min-height:3.2em; }
#wrapper .features li.basic h3 a,
#wrapper .features li.int h3 a,
#wrapper .features li.adv h3 a {width: 110px; background: url(/images/interface/traffic.gif) top left no-repeat; min-height:4em; padding-left: 60px; display: block; }
#wrapper .features li.basic h3 a {background-position: 0 -104px}
#wrapper .features li.int h3 a {background-position: 0 -52px}
#wrapper .intSolo li.int {margin-left:235px;}


#wrapper .features li h3 a {position:absolute;bottom:0;}
#wrapper .case-studies li h3 a {position:static;}
#wrapper .features li h3 a em {text-transform: uppercase; font-style: normal; display: block}
#wrapper .features li .learn {position: absolute; bottom: 0; left:0;}

#wrapper .contentCol h2#caseStudies {clear:left;padding-top:1.2em;margin-top:0;}
#wrapper .contentCol  .case-studies {border-top:1px solid #9DE5B3;border-bottom:1px solid #9DE5B3;padding-top:2em;}
#wrapper .contentCol  .case-studies li {min-height: 20em}
#wrapper .contentCol  .case-studies li.last {margin:0;}
#wrapper .contentCol  .case-studies p {font-weight:normal;}
#wrapper .contentCol  .case-studies h3 {padding: 0; background: none; width: auto; min-height: 4em}
.environmental #wrapper .contentCol  .case-studies li {min-height:22em;}
.environmental #wrapper .contentCol .case-studies h3 {min-height:4em;}
.projectproject #wrapper .contentCol .case-studies li {min-height:17em;margin-bottom:2em;}

.featureImg {background:#fff url(../images/interface/bg_featured_img.png) top left no-repeat;padding:8px 0 0 0;width:690px;position:relative;}
.featureImg img {max-width:674px;overflow:hidden;background:#fff url(../images/interface/bg_featured_img.png) bottom left no-repeat;padding:0 8px 8px 8px;display:block;}
#wrapper .featureImg p.accredit {position:absolute;bottom:-2.2em;right:5px;font-size:1.1em;color:#999;}

#wrapper .extraCol {width:140px;float:left;padding:0 0 40px 0;background:transparent url(../images/interface/bg_extra.png) bottom left no-repeat;font-size:90%;}
#wrapper .extraColInner {background:transparent url(../images/interface/bg_extraInner.png) top left no-repeat;padding:20px 0 40px 20px;width:120px;overflow:hidden;}
#wrapper .extraCol ul, #wrapper .extraCol li {margin:0;padding:0;list-style-type:none;background:transparent none;}
#wrapper .extraCol li {margin-bottom:2em;font-size:1.3em;}
#wrapper .extraCol li p {font-size:100%;margin:0 0 1em 0;}
#wrapper .extraCol h3 {font-size:1.5em;color:#000;font-weight:bold;margin:0 0 1em 0;line-height:1.3;}
#wrapper .extraCol h4 {margin:0 0 .5em;line-height:1.3;}
#wrapper .extraCol span.note {display:block;}

/* Glossary */
.glossary {padding-right:14px;background:#fff url(../images/interface/icon_glossary.png) right center no-repeat;border-bottom:1px dotted #0563a7;cursor:help;}
.glossary:hover {text-decoration:none;}

#toolTip {display:block; padding:0 0 0 10px; background:url("/images/interface/tooltip_bg.gif") no-repeat left center; max-width:25em; width:25em; z-index:100;position:absolute; }
#toolTip span {background-color:#f2f2f2; color:#333; display:block; padding:7px 10px 7px 10px; font-size:1.2em; border-bottom:1px solid #BBB; border-right:1px solid #BBB; font-style:italic; -moz-border-radius:.5em; -webkit-border-radius:.5em;border-radius:.5em; line-height:1.3; text-align:left; min-height:50px; height:auto !important; height:50px;}
#toolTip .closeBtn { padding:2px; display:block; width:10px; height:10px; float:right; text-indent:-99999px; text-align:left; background:url("/images/interface/tooltip_close.gif") no-repeat center center; margin:-3px -3px 5px 5px;}

/* Resources */
#wrapper .resources {margin-top:3em; clear: both}
#wrapper .resources h2 {margin:0 0 1.5em;font-size:1.4em;border-bottom:1px solid #9DE5B3;padding-bottom:.5em;}
#wrapper .resources ul {margin:0 0 3em 0;padding:0;border-bottom:none;}
#wrapper .resources li {font-weight:normal;margin-bottom:1.5em;padding:00;background:transparent none;}
#wrapper .resources li h3  {margin-bottom:.5em;font-size:100%;}
#wrapper .resources li h3 span  {font-weight:normal;color:#666;font-size:90%;}
#wrapper .resources li p  {font-size:100%;margin:0;font-style:italic;}

/* Icons */
.doc {padding-left:22px;background:transparent url(../images/interface/icon_doc.gif) left 0px no-repeat;}
.excel {padding-left:22px;background:transparent url(../images/interface/icon_excel.gif) left 0px no-repeat;}
.pdf {padding-left:22px;background:transparent url(../images/interface/icon_pdf.gif) left 0px no-repeat;}
.powerpoint {padding-left:22px;background:transparent url(../images/interface/icon_powerpoint.gif) left 0px no-repeat;}
.case-study {padding-left:22px;background:transparent url(../images/interface/icon_right.gif) left 0px no-repeat;}
.download {padding-left:18px;background:transparent url(../images/interface/icon_download.gif) left 0px no-repeat;}

/* Forms */
legend {font-weight: bold; font-size: 1.7em; line-height: 1.3em; margin: 0 0 1em;}
p.note {font-style:italic;}
span.note {font-weight:normal;color:#666;font-size:90%;}
.form-field {width:100%;overflow:hidden;margin-bottom:1em;}
.form-field .form-label {float:left;width:30%;text-align:right;}
.form-field .form-submit input {margin-right: 60px; background: #126cad url(/images/interface/btn_gradient.gif) bottom left repeat-x; border: 1px solid #fff; color: #fff; font-weight: bold; padding: 6px; margin-bottom: 10px;}
.form-field .form-submit input.back {margin-right: 60px; background: transparent url(/images/interface/icon_back.gif) left center no-repeat; border: none; color: #0563A7;padding: 0 0 0 10px; margin-bottom: 10px;overflow:visible;font-weight:normal;cursor:pointer;}

label {font-size:1.3em;font-weight:bold;}
.form-input label {font-weight:normal;}
.checkbox {margin-top:0;}
.req {color:#f00;}

/*calculator */
form.calculator {width: 450px}
.calculator .form-field .form-label {padding-right: 10px; width: 330px;}
.calculator .form-field .form-submit {float: right; text-align: right; width: 57%;}
.calculator .textfield {width: 80%;}
.form-field .form-tip {float: left; margin-left: 10px; text-indent: -5000px; width: 30px; height: 25px; background: url(/images/interface/icn-help.gif) top left no-repeat }
#wrapper .calculator p.back {float:right;margin:0 60px 0 0;}
#wrapper .calculator p.back a {display:block;padding-left:10px;background:transparent url(/images/interface/icon_back.gif) 0 5px no-repeat;}

/* inline calculations */
.calculator dl {border:none; width:100%;overflow:hidden;margin-bottom:1em;border-bottom:1px solid #e2e2e2;}
.calculator dl dt {margin: 0; padding: 10px 0; color: #0563A7; text-align: right; position: relative; float: left; width: 320px;}
.calculator dl dd {font-style:normal; font-weight: bold; float: left; border-top: 1px solid #e2e2e2; width: 107px; padding: 10px 3px 10px 20px;}

/* two columns of calculator */
.col1 {width: 300px; float: left; margin: 10px 50px 0 0}
.col1 form.calculator {width: 300px} 
.col1 .calculator .form-field .form-label {width: 200px;}
.col1 .calculator .form-field .form-submit input {margin-right: 40px}

/* calculator results */
.calculatorResults {float: left; padding: 40px;  margin-left: 120px}
.calculatorResults dl {border: none; width: 100%}
.calculatorResults dl dt {margin: 0 0 0 -180px; width: 180px; padding: 10px 0; color: #0563A7; float: left; clear: both; text-align: right; position: relative }
.calculatorResults dl dd {font-style: normal; font-weight: bold; float: left; padding: 10px 3px 10px 20px; border-top:1px solid #E2E2E2; width: 50px}
.calculatorResults dl .results {border-top: 2px solid #333; }

#wrapper .calculator-results {margin:0 0 15px; overflow:hidden; /*padding:5px 12px; background-color:#fff; border:1px solid #ccc;*/ width:auto;}
#wrapper .calculator-results h2 {margin:0.5em 0;}
#wrapper .calculator-results ul {border-top:1px solid #ccc;}
#wrapper .calculator-results li {font-weight:normal; margin:0; padding:0.7em 0 0.7em 30px; display:block; border-bottom:1px solid #ccc; background-position:5px center;}
#wrapper .calculator-results li span {float:right; padding-right:7px;}
#wrapper .calculator-results li.spend {background-color:#eee; font-weight:bold;}
#wrapper .calculator-results h2.spend {padding:10px; background-color:#fff; border:1px solid #ccc;}

#wrapper .contentCol .filter {border-bottom:none;margin:1em 0;padding:0;width:100%;overflow:hidden;}
#wrapper .contentCol .filter li {float:left;padding:0;margin:0 1em 0 0;background:transparent none;font-weight:normal;line-height:1;}
#wrapper .contentCol .filter li.first {padding:.3em .5em .3em 0;color:#666;margin-right:0;}
#wrapper .contentCol .filter li a {display:block;float:left;background:#1E88D4;padding:.3em .5em;color:#fff;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;}
#wrapper .contentCol .filter li span {display:block;float:left;padding:.3em .5em;font-weight:bold;}

.form-field .form-input,.form-field .form-submit {float:right;width:67%;}
.calculator .form-field .form-input {float: left; width: 50px;}
.form-field .form-submit {margin-top:1em;}
.textfield {width:70%;padding:.2em;font-family:arial;font-size:1.3em;}

#wrapper .content .form-field .form-tip p {font-size: 110%; color: #666666; margin: 0 0 1em;}

/* Login tab */
.js #download {display:none;}
.js #download { right:-211px}
#download {position:fixed;top:15%;z-index:100;right:0;}
#download .download-title {background:transparent url(../images/interface/download-tab.png) top left no-repeat;width:37px;height:118px;text-indent:-9999px;float:left;cursor:pointer;margin-top:15px;position:absolute;left:5px;}
#download .download-title h2 {text-indent:-9999px;}
#download .download-content {background:transparent url(../images/interface/download-tab-bg-btm.png) bottom left no-repeat;margin:0 0 0 37px;width:215px;overflow:hidden;padding-bottom:7px;}
#download .download-contentInner {background:transparent url(../images/interface/download-tab-bg.png) top left no-repeat;margin:0;width:215px;overflow:hidden;}
#download .download-content fieldset {width:170px;padding:15px 20px 0;margin:6px 0 0 8px;}
#download .download-content legend {display:none;}
#download .download-content h3 {color:#fff;text-align:left;font-size:1.5em;margin:0 0 .75em 0;font-size:1.7em;}
#download .download-content .form-label,
#download .download-content .form-input,
#download .download-content .form-submit {width:100%;float:none;text-align:left;}
#download .download-content .form-label label {color:#fff;margin-bottom:.5em;display:block;}
#download .download-content .form-input .textfield {width:95%;}
#download .new-user {background:#003c67 url(../images/interface/download-tab-register-bg.gif) top left repeat-x;margin:1em 0 0 8px;padding:15px 20px 0;width:167px;overflow:hidden;}
#download .new-user h3 {margin:0 0 .5em 0}
#download .new-user .more a {font-weight:bold;text-decoration:none;}
#download .new-user .more a:hover {text-decoration:underline;}
#download p.note {font-style:normal;font-size:1.1em;line-height:1.3;margin:.5em 0 0;}
#download p.note a {color:#ccc;}
#download p {color:#CCC;font-size:1.3em;text-align:left;line-height:1.3;margin:0 0 1em 0;}
#download a {color:#fff;text-decoration:underline;}

/* sitemap */
#wrapper ul.sitemap li {background: none; padding: 0;  margin-bottom: .5em }
#wrapper ul.sitemap li a {font-size: 1.3em; border-bottom: 1px solid #0BBF42; width: 100%; display: block; padding-bottom: 5px;}
#wrapper ul.sitemap li a:hover {text-decoration: none}
#wrapper ul.sitemap li ul {margin-top: 1em}
#wrapper ul.sitemap li li {background:transparent url(../images/interface/li.gif) no-repeat scroll left 4px; list-style-type:none; margin:0 0 .5em 2em; padding-left:25px;}
#wrapper ul.sitemap li li a {font-size: 1em; border: none; padding: 0}
#wrapper ul.sitemap li li a:hover {text-decoration: underline}
#wrapper ul.sitemap li li li {background-image: url(../images/interface/arrow.gif); padding-left: 12px; font-size: 1em}

#wrapper .contentCol table.sitemap {padding:0.6em; border:1px solid #d9d9d9;}
#wrapper .contentCol table.sitemap th  {width:25%; background:#cbe6f9 url("/images/interface/bg_table-header-cell.png") repeat-x left bottom; padding:0.6em; border:1px solid #bbb; border-width:0 1px 1px 0;}
#wrapper .contentCol table.sitemap thead th,
#wrapper .contentCol table.sitemap th.header {background:#888; color:#fff;}
#wrapper .contentCol table.sitemap tbody th {background-color:#eee;}
#wrapper .contentCol table.sitemap td {width:25%; background:#fff url("/images/interface/bg_table-cell.png") repeat-x left bottom; padding:0.6em; border:1px solid #bbb; border-width:0 1px 1px 0;}

#wrapper .contentCol table.sitemap ul {margin-left:20px;}
#wrapper .contentCol table.sitemap li {list-style:disc; font-size:0.9em; font-weight:bold;}
#wrapper .contentCol table.sitemap .basic li a {color:#c00;}
#wrapper .contentCol table.sitemap .intermediate li a {color:#C65603;}
#wrapper .contentCol table.sitemap .advanced li a {color:#098806;}
#wrapper .contentCol table.sitemap .null {background:#dfdfdf url("/images/interface/bg_table-empty-cell.png") repeat left top;}
#wrapper .contentCol table.sitemap h3 {margin:0.5em 0; text-align:center;}

a.colorbox {display:block;position:relative;margin-bottom:4em;}
a.colorbox span {position:absolute;bottom:-2em;left:0;font-size:1.2em;line-height:16px;background:transparent url(../images/interface/icon-magnifier-zoom.png) center left no-repeat;padding:.5em .5em .5em 20px;display:block;z-index:100;font-weight:bold;}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/* 2011 03 17 Research section added */

/*----- START SELF CLEARING -----*/

div.article:after {
    content: ".";
    display: block;
    height: 0;
	line-height: 0;
	font-size: 0;
    clear: both;
}

/*----- END SELF CLEARING -----*/

div.article {
	width: 917px;
}

div.article div.image_col {
	width: 216px;
	margin: 0;
	padding: 0 20px 0 0;
	float: left;
}

div.article div.copy_col {
	width: 470px;
	margin: 0;
	padding: 0;
	float: left;
}

#wrapper div.article div.copy_col p {
	margin: 0 0 1em 0;
	padding: 0;
}

#wrapper div.article div.copy_col a.cta {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 1.2em;
}