/* CSS Document */

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

ul li a:link, ul li a:visited {
	text-decoration: none;
}

ul li a:hover {
	text-decoration: underline;
}

/* tables still need 'cellspacing="0"' in the markup */

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote {
	color: #663399;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* Global styles */

body {
	background: url(../images_v2/background-bubbles.jpg) center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	padding-bottom: 10px;
}

h1 {
	color: #00B6FA;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.15em;
	margin-bottom: 0.6em;
}

h2 {
	color: #0169be;
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 0.6em;
}

h3 {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	color: #666666;
	font-size: 1.2em;
	font-weight: bold;
}

h5 {
	color: #0169BE;
	font-size: 1.2em;
	font-weight: normal;
}


p {
	font-size: 1.2em;
	margin-bottom: 1em;
}

p a {
	color: #0598FF;
}

p a:link, p a:visited {
	color: #0598FF;
	text-decoration: underline;
}

p a:hover {
	text-decoration: none;
}

p.standfirst {
	color: #52BD49;
	font-size: 1.6em;
	
}

div#content ul {
	margin-bottom: 1em;
}

div#content ul li {
	background: url(../images_v2/content-bullet.gif) left 0.25em no-repeat;
	font-size: 1.2em;
	padding-left: 18px;
}

div#content img {
	display: block;
	margin-bottom: 1em;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#page {
	background: url(../images_v2/bg-footer.gif) 10px bottom no-repeat;
	margin: 0 auto;
	padding: 0px 5px 0px;
	width: 760px;
}

div#header {
	min-height: 38px;
	_height: 38px;
	margin-bottom: 10px;
	padding-top: 159px;
	position: relative;
}

div#logoStreamlines {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

div#logo {
	position: absolute;
	left: 0;
	top: 11px;
	z-index: 2;
}

p#issueDate {
	color: #00BBFB;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 0;
	position: relative;
	width: 270px;
	z-index: 10;
}

p#issueDate span.month {
	color: #0066CC;
}

div#sidebar-left {
	background: url(../images_v2/side-nav-bubbles.gif) left bottom no-repeat;
	padding-bottom: 245px;
	float: left;
	margin-right: 10px;
	width: 190px;
}

body#contact div#sidebar-left {
	background: none;
	padding-bottom: 20px;
}

body#archive div#sidebar-left {
	background: none;
	padding-bottom: 20px;
}

div#section-nav {
	background: #EAFAEA url(../images_v2/issue-nav-bottom.gif) left bottom no-repeat;
	padding-bottom: 33px;
}

div#section-nav h3 {
	display: block;
	font-size: 0.8em;
	height: 38px;
	position: relative;
	width: 190px;
}

div#section-nav h3 span {
	background: url(../images_v2/issue-nav-header.gif) left top no-repeat;
	height: 38px;
	position: absolute;
	left: 0;
	top: 0;
	width: 190px;
}

div#section-nav ul {
	
}

div#section-nav ul li {
	border-bottom: 1px solid #33CC33;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}

div#section-nav ul li a {
	background: url(../images_v2/issue-nav-link.gif) 11px 11px no-repeat;
	color: #0066CC;
	display: block;
	margin: 0px;
	padding: 9px 10px 9px 23px;
	width: 157px;
}

div#section-nav ul li a span {
	color: #333333;
	display: block;
	font-weight: normal;
}

div#section-nav ul li a.active {
	background: #ffffff url(../images_v2/issue-nav-link-on.gif) 9px 12px no-repeat;;
	color: #228722;
}

div#section-nav ul li a.active span {
	color: #228722;
}

div#mainContainer {
	float: left;
	width: 560px;
}

div#mainHead {
	float: left;
	margin-bottom: 13px;
	width: 560px;
}

div#mainHead ul {
	margin-top: 15px;
}

div#mainHead ul li {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 5px;
}

div#mainHead ul li a {
	background: transparent url(../images_v2/sub-feature-link-back.gif) no-repeat scroll left 0.2em;
	color: #0066CC;
	font-weight: bold;
	display: block;
	padding-left: 10px;
}

div#content {
	float: left;
	margin-right: 10px;
	width: 400px;
}

div#content blockquote {
	color: #663399;
	font-size: 1.9em;
	width: 130px;
}

div#content div.captionImage {
	border-bottom: 1px solid #D9E4E7;
	width: 123px;
}

div#content div.captionImage img {
	border-bottom: 3px solid #00BDFD;
	display: block;
	margin-bottom: 0;
}

div#content div.captionImage p {
	color: #663399;
	font-size: 1.1em;
	margin-bottom: 0px;
	padding: 8px 0px;
}

.contentRight {
	float: right;
	margin: 0px 0px 7px 10px;
}

.contentLeft {
	float: left;
	margin: 0px 10px 7px 0px;
}

div#usefulLinks {
	background: url(../images_v2/useful-links-back-top.gif) left top no-repeat;
	clear: both;
	padding: 5px 0px 1px;
}

div#usefulLinks ul {
	background: #D9E4E6 url(../images_v2/useful-links-back-foot.gif) left bottom no-repeat;
	margin-bottom: 0px;
	padding: 8px 70px 10px 70px;
	text-align: center;
	width: 260px;
}

div#content div#usefulLinks ul li {
	background: url(../images_v2/useful-divider.gif) right top no-repeat !important;
	display: block;
	float: left;
	font-size: 1em;
	padding: 0px 5px !important;
	text-align: center;
	width: 55px;
}

div#content div#usefulLinks ul li.last {
	background: none !important;
}

div#usefulLinks ul li a {
	color: #0066CC  !important;
	display: block;
}

div#usefulLinks ul li#print a {
	background: url(../images_v2/useful-print.gif) center 5px no-repeat;
	padding-top: 35px;
}

div#usefulLinks ul li#send a {
	background: url(../images_v2/useful-send.gif) center 5px no-repeat;
	padding-top: 35px;
}

div#usefulLinks ul li#bookmark a {
	background: url(../images_v2/useful-bookmark.gif) center 5px no-repeat;
	padding-top: 35px;
}

div#usefulLinks ul li#say a {
	background: url(../images_v2/useful-say.gif) center 5px no-repeat;
	padding-top: 35px;
}

div#sidebar-right {
	float: left;
	width: 150px;
}

body#news div#sidebar-right {
	padding-top: 25px;
}

div#moreInfo {
	background: #CCF1FE url(../images_v2/moreinfo-bottom.gif) left bottom no-repeat;
	margin-bottom: 50px;
	padding-bottom: 15px;
}

div#moreInfo h3 {
	font-size: 0.8em;
	height: 32px;
	width: 150px;
	position: relative;
}

div#moreInfo h3 span {
	background: transparent url(../images_v2/moreinfo-head.gif) left top no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	height: 32px;
	width: 150px;
}

div#moreInfo ul {
	padding: 5px 10px 0px;
	width: 130px;
}

div#moreInfo ul li {	
	font-size: 1.1em;
	font-weight: bold;
	padding: 8px 0px 0px 0px;
}

div#moreInfo ul li a {
	background: transparent url(../images_v2/moreinfo-link.gif) left 1px no-repeat;
	color: #0066CC;
	display: block;
	min-height: 11px;
	_height: 11px;
	padding-left: 12px;
}

div#subscribe h3 {
	font-size: 0.8em;
	height: 100px;
	width: 150px;
	position: relative;
}

div#subscribe h3 span {
	background: transparent url(../images_v2/stay-on-top-header.gif) left top no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	height: 100px;
	width: 150px;
}

div#subscribe p { 
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 1px 0px 12px;
}

div#subscribe p a {
	background: url(../images_v2/sub-feature-link-back.gif) left 1px no-repeat;
	display: block;
	color: #0066CC;
	padding-left: 10px;
}

div#subscribe p a:link,
div#subscribe p a:visited {
	text-decoration: none;
}

div#subscribe p a:hover {
	text-decoration: underline;
}

div#footer {
	clear: both;
	padding-top: 50px;
	width: 760px;
}

#footer-menu {
	background: #D9E4E6 url(../images_v2/footer-bot.gif) left bottom no-repeat;
	margin-bottom: 20px;
	padding: 0px;
}

#footer-menu ul {
	background: url(../images_v2/footer-top.gif) left top no-repeat;
	padding: 6px 4px 5px;
}

#footer-menu ul li {
	border-right: 1px solid #92979A;
	display:inline;
	font-size: 1em;
	list-style-type: none;
	padding: 0pt 0.5em;
}

#footer-menu ul li.last {
	border: none;
}

#footer-menu a {
	color: #163257;
	text-decoration: none;
}

#footer-menu a:link, #footer-menu a:visited {
	text-decoration: none;
}

#footer-menu a:hover {
	text-decoration: underline;
}

#footer-branding {
	text-align: right;
}

#footer-branding a:link, #footer-branding a:visited {
	text-decoration: none;
}

#footer-branding a:hover {
	text-decoration: underline;
}

p.bsLink {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.3em;
}

p.bsLink a {
	color: #0095FF;
}

p.copyright {
	color: #cccccc;
	font-size: 1.1em;
	margin-bottom: 0.7em;
}

#footer-branding p.unsubscribe {
	color: #0167B9;
	font-size: 1.1em;
	margin-bottom: 1em;
}

p.unsubscribe a,
p.unsubscribe a:link,
p.unsubscribe a:visited {
	color: #0167B9;
}

body#article h1,
body#contact h1,
body#news h1 {
	color: #00bbfb;
	margin-bottom: 0;
	width: 300px;
}

body#article p.strapline {
	color: #0066CB;
	font-size: 3.5em;
	margin-bottom: 0em;
	width: 400px;
}

body#article div#content ul {

}

body#article div#content ul li {
	background: url(../images_v2/content-bullet.gif) left 0.1em no-repeat;
	padding-left: 14px;
}

body#home div#content {
	margin-right: 0;
	width: 560px;
}

body#home div#mainFeature {
	margin-bottom: 1px;
	width: 560px;
}

body#home div#mainFeature div.container {
	float: left;
	margin-right: 10px;
	width: 313px;
}

body#home div#mainFeature h1 {
	color: #00B6FA;
	font-size: 3.7em;
	margin-bottom: 0.1em;
}

body#home div#mainFeature p {
	background: url(../images_v2/main-feature-link-back.gif) left 0.3em no-repeat;
	color: #0069B4;
	font-size: 2.2em;
	margin-bottom: 0px;
	padding-left: 13px;
}

body#home div#mainFeature p a {
	color: #0069B4;
}

body#home div#mainFeature p a:link,
body#home div#mainFeature p a:visited {
	text-decoration: none;
}


body#home div#mainFeature p a:hover {
	text-decoration: underline;
}

body#home div#mainFeature img {
	float: right;
	display: block;
	margin: 0;
	width: 237px;
	height: 178px;
}

/* Sub features */

body#home div#subFeatures {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 370px;
}

body#home div#subFeatures div.column {

}

body#home div#subFeatures div.column div.top {
	padding-left: 10px;
	padding-right: 10px;
}


body#home div#subFeatures div.column p {
	font-size: 1.1em;
	margin: 0px 0px 0.5em;
}

body#home div#subFeatures div.column img {
	display: block;
	margin: 0;
	width: 160px;
	height: 120px;
}

body#home div#subFeatures div.oneCol {
	width: 180px;
}

body#home div#subFeatures div.twoCol {
	width:370px;
}

body#home div#subFeatures div.twoCol div.container {
	width: 180px;
}

body#home div#subFeatures div.container ul {
	margin-bottom: 0px;
}

body#home div#subFeatures div.column h3 {
	font-size: 1.9em;
	font-weight: normal;
	margin-bottom: 0.5em;
}

body#home div#subFeatures div.column a {
	background: url(../images_v2/sub-feature-link-back.gif) left 0.2em no-repeat;
	color: #0066CC;
	font-weight: bold;
	display: block;
	padding-left: 10px;
}

body#home div#subFeatures div.column a:link,
body#home div#subFeatures div.column a:visited {
	text-decoration: none;
}

body#home div#subFeatures div.column a:hover {
	text-decoration: underline;
}


/* If image is aligned to the right */

body#home div#subFeatures div.imgRight {

}

body#home div#subFeatures div.imgRight img {
	float: right;
}

body#home div#subFeatures div.imgRight div.container {
	float: left;
}

/* If image is aligned to the left */

body#home div#subFeatures div.imgLeft {
	
}

body#home div#subFeatures div.imgLeft img {
	float: left;
}

body#home div#subFeatures div.imgLeft div.container {
	float: right;
}

body#home div.oneCol div.bottom {
	background:transparent url(../images_v2/promo-col1-back-bottom.gif) no-repeat scroll left bottom;
}

body#home div.twoCol div.bottom {
	background:transparent url(../images_v2/promo-col2-back-bottom.gif) no-repeat scroll left bottom;
}

body#home div.column div.bottom {
	font-size: 0;
	height: 11px;
	line-height: 0;
	margin: 0px;
	padding: 0px;
}

body#home div.twoCol div.bottom {
	font-size: 0;
	height: 9px;
	line-height: 0;
	margin: 0px;
	padding: 0px;
}


body#home div.column p {
	background: transparent url(../images_v2/promo-link-back.png) no-repeat scroll left 0.1em;
	line-height: 1.2em;
	margin: 0px 10px;
}

body#home div#subFeatures div#industry {
	clear: both;
	margin-bottom: 15px;
}

body#home div#subFeatures div#industry div.top {
	background: transparent url(../images_v2/feature-industry-header.gif) left top no-repeat;
	padding-top: 25px;
}

body#home div#subFeatures div#industry h3 {
	color: #663399;
	font-size: 2.2em;
}

body#home div#subFeatures div#hotseat {
	clear: both;
	margin-bottom: 15px;
}

body#home div#subFeatures div#hotseat h3 {
	color: #0066CC;
}

body#home div#subFeatures div#hotseat p {
	width: 150px;
}

body#home div#subFeatures div#hotseat div.top {
	background: transparent url(../images_v2/feature-hotseat-header.gif) left top no-repeat;
	padding-top: 25px;
}

body#home div#subFeatures div#waterwise {
	width: 180px;
}

body#home div#subFeatures div#waterwise div.container {
	margin-bottom: 20px;
}

body#home div#subFeatures div.oneCol h3 {
	color: #57B032;
}

body#home div#subFeatures div#waterwise div.top {
	background: transparent url(../images_v2/feature-waterwise-header.gif) left top no-repeat;
	padding-top: 25px;
	width: 160px;
}

body#home div#subFeatures div#whatsnew {
	width: 180px;
}

body#home div#subFeatures div#whatsnew div.top {
	background: transparent url(../images_v2/feature-whatsnew-header.gif) left top no-repeat;
	padding-top: 25px;
	width: 160px;
}

body#home div#subFeatures div#whatsnew div.container {
	margin-top: 15px;
}

body#home div#subFeatures div#whatsnew ul li {
	font-size: 1.1em;
	padding-bottom: 0.3em;
	padding-left: 0px;
}

body#home div#subFeatures div#whatsnew ul li.all {
	padding-top: 5px;
}

body#home div#subFeatures div#whatsnew ul li p {
	font-size: 100%;
	padding-left: 10px;
}

body#home div#subFeatures .left {
	float: left;
}

body#home div#subFeatures .right {
	float: right;
}

body#home div#messageMark {
	background: #EBEBEB url(../images_v2/mark-back-top.gif) left top no-repeat;
	float: left;
	margin-bottom: 20px;
	margin-top: 12px;
	padding-top: 10px;
	position: relative;
	width: 180px;
}

body#home div#messageMark h2 {
	font-size: 0.9em;
	width: 160px;
	height: 48px;
	margin: 117px 10px 0px;
	position: relative;
}

body#home div#messageMark h2 span {
	background: url(../images_v2/mark-header.gif) left top no-repeat;
	display: block;
	width: 160px;
	height: 48px;
	position: absolute;
	left: 0;
	top: 0;
}

body#home div#messageMark img {
	border-bottom: 3px solid #00BDFD;
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	margin: 0;
}

body#home div#messageMark img.sig {
	border: none;
	float: right;
	position: static;
}

body#home div#messageMark p {
	margin: 0px 10px 0.75em;
}

body#home div#messageMark p.intro {
	font-weight: bold;
}

body#home div#messageMark p.sig {
	font-weight: bold;
	float: left;
	margin-right: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-left: 10px;
	width: 95px;
}

body#home div.messageMarkBottom {
	background: #EBEBEB url(../images_v2/mark-back-bottom.gif) left bottom no-repeat;
	clear: both;
	height: 16px;
}

body#home div#promos {
	border-top: 1px solid #D9E4E7;
	clear: both;
	padding-top: 20px;
	width: 560px;
}

body#home div#promos div.column {
	float: left;
	margin-right: 10px;
	width: 180px;
}

body#home div#promos div.lastCol {
	margin-right: 0px;
}

body#home div#promos div.column div.top {
	background: transparent url(../images_v2/promo-col1-back-top.gif) left top no-repeat;
	padding: 9px 1px 0px;
}

body#home div#promos div.noBorder div.top,
body#home div#promos div.noBorder div.bottom {
	background: none;
}

body#home div#promos div.column a {
	background: url(../images_v2/sub-feature-link-back.gif) left 0.2em no-repeat;
	color: #0066CC;
	font-weight: bold;
	display: block;
	padding-left: 10px;
}

body#home div#promos div.column a:link,
body#home div#promos div.column a:visited {
	text-decoration: none;
}

body#home div#promos div.column a:hover {
	text-decoration: underline;
}

body#home div#promos p {
	font-size: 1.1em;
}

body#article div#content h2 {
	color: ##0169BE;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.4em;
}

div#pagination {
	border-bottom: 1px solid #58D3FD;
	margin-bottom: 30px;
}

div#pagination p {
	font-weight: bold;
	font-size: 1.1em;
}


div#pagination p a {
	color: #0066CC;
}

div#pagination p a:link,
div#pagination p a:visited {
	text-decoration: none;
}

div#pagination p a:hover {
	text-decoration: underline;
}

div#pagination p.previous {
	float: left;
}

div#pagination p.next {
	float: right;
}

/* Styles for contact page */

form#contact-mail-page {
	margin: 20px 0px 10px 0px;
}

form#contact-mail-page div.form-item {
	clear: both;
	margin-bottom: 5px;
}

form#contact-mail-page div.form-item label {
	float: left;
	font-size: 1.2em;
	margin-right: 13px;
	width: 110px;
}

form#contact-mail-page div.form-item input {
	background-color: #ffffff !important;
	border: 1px solid #0365C7;
	float: left;
	font-size: 1.2em;
	width: 240px;
}

form#contact-mail-page input#edit-submit {
	background: url(../images_v2/form-submit.gif) left top no-repeat;
	border: none;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	margin: 15px 0px 0px 123px;
	height: 26px;
	width: 90px;
}

form#contact-mail-page div.form-item textarea {
	border: 1px solid #0365C7;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 265px;
}

/* Styles for archive page */

body#archive h1 {
	color: #00BBFB !important;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0;
	position: relative;
	width: 270px;
	z-index: 10;
}

body#archive div#section-nav h3 {
	height: 60px;
}

body#archive div#section-nav h3 span {
	background: transparent url(../images_v2/archive-issue-nav-header.gif) left top no-repeat;
	height: 60px;
}

body#archive div#content {
	margin-right: 0px;
	width: 560px;
}

body#archive div.item {
	background: url(../images_v2/archive-top-back.gif) left top no-repeat;
	margin-bottom: 10px;
	padding: 10px 0px 0px 0px;
	width: 560px;
}

body#archive div.item div.container {
	background: url(../images_v2/archive-bottom-back.gif) left bottom no-repeat;
	padding: 0px 10px 10px 10px;
	width: 540px;
}

body#news div.item {
	border-top: 1px solid #C0C0C0;
	border-bottom: none;
	margin-bottom: 10px;
	padding-bottom: 1px;
	padding-top: 25px;
}

body#archive div.item img {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
	width: 160px;
}

body#archive div#last.item,
body#news div#last.item {
	border-bottom: none;
}

body#archive div.item div.itemContent {
	float: left;
	padding-top: 7px;
	width: 370px;
}

body#archive div#latest.item div.itemContent {
	width: 388px;
}

div.item div.itemContent h2 {
	color: #00BCFB;
	font-size: 1.4em;
	font-weight: bold;
}

body#archive div.item div.itemContent h2 {
	font-size: 2em;
	margin-bottom: 0.2em;
}

div.item div.itemContent h2 a {
	color: #00BCFB;
}

div.item div.itemContent h2 a:link,
div.item div.itemContent h2 a:visited {
	text-decoration: none;
}

div.item div.itemContent h2 a:hover {
	text-decoration: underline;
}

body#archive div.item div.itemContent ul {
	margin: 0;
}

body#archive div.item div.itemContent ul li {
	background: none;
	font-size: 1.1em;
	padding-left: 0px;
}

body#archive div.item div.itemContent p {
	margin-bottom: 0.5em;
}

body#archive div.item div.itemContent p.itemNumber a {
	background: transparent url(../images_v2/sub-feature-link-back.gif) no-repeat scroll left 0.2em;
	color: #0066CC;
	font-weight: bold;
	display: block;
	padding-left: 10px;
}

body#archive div.item div.itemContent p.itemNumber a:link,
body#archive div.item div.itemContent p.itemNumber a:visited {
	text-decoration: none;
}

body#archive div.item div.itemContent p.itemNumber a:hover {
	text-decoration: underline;
}

div#content div.highlight {
	background-color: #D9E4E6;
	margin-bottom: 1em;
	margin-top: 1.5em;
	padding: 10px 10px 1px 10px;
}

div#content div.highlight h3 {
	color: #333333;
}

sup, sub {
	font-size: 0.7em;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.clearfix:after, form#contact-mail-page div.form-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix, form#contact-mail-page div.form-item {
	display: inline-block;
}

/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

