body {
	margin:0 0 0 4px;
	padding:0px;
	font: x-small Arial, Helvetica, sans-serif; /*86%*/
	/*background: #EFF8F5 url(/img/surround/white_background.gif) repeat-y center top; */
	background: #ffffff;
	text-align: center;
	}
html>body {
	font-size: small;
	}
ul ul, ol ol, p p, td td,h3, table { /* stop cascading re-sizing */
	font-size:100%;
	}
	
a:link
{
	text-decoration: none;
}
#contentArea h1 {
	font-size: 1.5em;
	margin: 6px 0 4px 0;
	color:#007079;
	}
h2 {
	font-size: 1.2em;
	margin-top:0pt;
	margin-bottom:0pt;
	color: #007079;
	}
 h3 {
	font-size: 1em;
	color: #007079;
	}
hr {
	color: #ccc;
	background-color: #ccc;
	}
#contentArea ul li	 {
	/*margin:2px 0 2px 0; */
		list-style-image:url(/img/surround/bullet.gif);
	}
div.breadcrumb {
	font-size:.84em;
	padding-bottom:8px;
	width: 530px;
	}
div#breadcrumbStart {
	font-size:.84em;
	padding-bottom:9px;
	float:left;
	}
div#breadcrumbEnd {
	font-size:.84em;
	padding-bottom:9px;
	}
.contentUtilityBox {
	font-size: .8em;
	float: right;
	}
#skip {
	position: absolute;
	left: -1000em;
	width: 20em;
	}
div#container {
	position: relative;
	margin: 0 auto;
	width: 774px;
	text-align: left;
	}
div#banner {
	position: absolute;
	left:0px;
	top:0px;
	width: 772px;
	height: 96px;
	/*background: #FFF url(/img/surround/efbanner.gif) no-repeat left top;*/
	}
div#banner div#topNavigation {
	position: absolute;
	left:0px;
	top: 6%;
	width: 384px;
	text-align: right;
	}
div#banner div#topNavigation div#home {
	float: left;
	font-size: 84%;
	font-weight: bold;
	margin-left: 5px;
	width: 4.5em;
	text-align: left;
/*	background: #FFF url(/img/surround/down_arrow_off.gif) no-repeat right center;*/
	}
div#banner div#search {
	position: absolute;
	right:6px;
	top:3px;
	width:370px;
	font-size: 84%;
	text-align: right;
	}
div#banner div#search input.search {
	background: #FFF;
	border: 1px solid #000;
	width:250px;
	height:20px;
	}
html>body div#banner div#search input.search {
	width:257px;
	height:16px;
	}
input.go {
	border: 1px solid #000;
	background: #bbb;
	font-size: .91em;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	font-weight:bold;
	cursor: pointer;
	}
div#banner div#formNav {
	position: absolute;
	width: 150px;
	height: 53px;
	top:36px;
	left: 615px;
	color:#FFF;
	text-align:center;
	}
div#banner div#logo {
	position: absolute;
	width: 300px;
	height: 53px;
	top:36px;
	left: 8px;
	background: none;
	}
#leftcontent {
	position: absolute;
	left:0px;
	top: 130px;
	width:155px;
	}
#contentArea {
	position: absolute;
	left: 156px;
	top: 110px;
	width: 614px;
	padding:0 0 0 .5em;
	text-align: left;
	}
html>body #contentArea {
	width: 608px;
	}
/* Article index box */
div.boxArticleIndex {
	width: 100%;
	display: table;
	/*background: url(/img/surround/articlebox_background.gif) repeat-y left top;*/
	margin-bottom: 20px; /* the gap between the next box or content */
	}
div.boxArticleHead {
	background-color: #EBEBEB;
	margin: 0 0 0 83px; 
	padding: 4px;
	border-left:1px solid #CCC;
/*	vertical-align: top;
	clear:right;*/
	}
div.boxArticleIndex p {
	font-size: .9em;
	margin: 0 0 0 83px; /* Margin fron img and sets it inline */
	border-left:1px solid #CCC;
	padding:4px;
	}
div.boxArticleIndex h3 {
	font-size: .9em;
	display:inline;
	}
/*div.boxArticleIndex h3 img {
	float:right;
	}*/
/*div.boxArticleIndex img {
	margin: 0px 6px 0px 0px; /* needed for IE fix
	}*/
/*--no underline links on homepage --*/
a.nounderline {
	text-decoration:none;
	}
div.events_BoxRight {
	float: right;
	width: 104px;
	padding: 6px;
	margin: 0 0 0 4px;
	border:1px solid #999;
	background:#FFF;
	font-size:.92em;
	}
div#footer {
	text-align: center;
	font-size:.82em;
	}
div#footer a {
	color: #000;
	}
	
#leftcontent ul li{
	padding-top: 0.5em;
	/* padding-bottom: 0.5em; */
}

#leftcontent ul {
	margin:0 0 0 0;
	margin-top: 0; /* firefox fudge */
	padding-left: 0;
	list-style-type: none;
	}
#leftcontent ul.level1{
	margin-left: 6px;
	padding-left: 6px;
	font-size: .82em;
	}
#leftcontent ul.level1 a {
	display: block;
	color: #000;
	background: #fff;
	/*border-left:1px solid #007079;*/
	width: 100%;
	padding-left: 5px;
	}
html>body #leftcontent ul.level1 a {
	width: 136px;
	}
#leftcontent ul.level1 a:hover{
	color: #007079;
	/* border-bottom: 1px solid #007079;*/
	text-decoration: underline;
	}
#leftcontent ul a {
	display: block;
	padding: 3px 3px 3px 14px;
	width: 155px;
	/*background: #9CDFCE;*/
	/* background: #007079; */
	color: #fff;
	/* border-bottom: 1px solid #FFF; */
	text-decoration: none;
	font-weight: 1.2em;
	}
#leftcontent ul a.plus {
	background:  url(/img/surround/plus.gif) no-repeat left center;
	}
html>body #leftcontent ul a {
	width: 140px;
	}
#leftcontent a:link  {
	color: #000;
	text-decoration: none;
	}

#navlist a:visited {
	color: #000;
	}
#leftcontent a:hover{
	/* background-color: #007079; /*#73CBAD; */
	/*text-decoration: underline; */
	/* border-bottom: 1px solid #007079; */
	text-decoration: underline;
	}
#topNavlist {
	margin: 0 ;
	padding: 0;
	}
#topNavlist ul, #topNavlist li {
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	display: inline;
	list-style-type: none;
	/* border-bottom: 2px solid #d2d2d2; */
	}
#topNavlist a:link, div#home a:link {
	color: #717171;
	text-decoration: none;
	border-bottom: 2px solid #d2d2d2;
	
	}
#topNavlist a:visited, div#home a:visited {
	color: #717171;
	text-decoration: none;
	border-bottom: 2px solid #d2d2d2;
	
	}
	
#topNavlist a:hover, div#home a:hover{
	text-decoration: none;
	color: #007079;
	border-bottom: 2px solid #007079;
	}
	
	
.bypass {
	display: none;
	}
a:link {
	color: #007079; 
	}
a:visited {
	color: #007079; 
	}
a:hover {
	color: #007079;
	text-decoration: underline;
	}
abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dashed #000;
	}
caption {
	font-weight: bold;
	text-align: left;
	color: #006600;
	}
.smalltext {
	font-size:71%;
	}
/* ABSTRACT TABLE */
table.abstractTable {
	}
table.abstractTable td{
	vertical-align:top;
	padding-top:2px;
	padding-bottom:2px;
	}
/* FORM LAYOUT */
input, select {
	border: 1px solid #999;
	background-color:#F9F9F9;
	}
textarea {
	font: small Arial, Helvetica, sans-serif;
	font-size:1em;
	border: 1px solid #999;
	background-color:#F9F9F9;
	}
form.forLayout label, form.forLayout input, form.forLayout textarea {
	display: block;
	width: 170px;
	float: left;
	margin-bottom: 10px;
	}
form.forLayout label, form.forLayout p {
	text-align: right;
	width: 175px;
	padding-right: 20px;
	}
form.forLayout  br {
	clear: left;
	}
form.forLayout  input.tickbox {
border: 0 solid #999;
width: auto;
	}
html>body form.forLayout  input.tickbox {
border: 1px solid #999;
	}
form.forLayout input.submit {
	display:block;
	width: 70px;
	float: right;
	margin: 0 36px 0 0;
	}
/* Menu for media reviews page */
#contentArea div.mediaReviewMenu {
	float: right;
	width: 9.8em;
	margin: 0 0 0 4px;
	border:1px solid #999;
	}
#contentArea div.mediaReviewMenu ul {
	margin: 4px 0 4px 29px;
	}
#contentArea div.mediaReviewMenu h3 {
	margin:0;
	}
html>body #contentArea div.mediaReviewMenu ul {
	margin-left: -21px;
	}
#contentArea div.mediaReviewMenu div.title {
	background-color: #EBEBEB;
	padding: 0 4px 0 4px;
	border-bottom:1px solid #999;
	}
/*--------- journalDetails ------*/
#contentArea div#journalDetails {
	display:table;
	background:url(/img/surround/journal_details_bk.gif) repeat-y right top;
	border:1px solid #FFF;
	margin-bottom:7px;
	}
#contentArea div#journalDetails p, #contentArea div#journalDetails h3, #contentArea div#journalDetails h2, #contentArea div#journalDetails ul {
	margin-right:136px;
	}
#contentArea div#journalDetails div.journalDetailsSidebar {
	float:right;
	width: 126px;
	margin:6px 0 0 0;
	}
#contentArea div#journalDetails div.journalDetailsSidebar h3 {
	margin:20px 8px 0 0;
	color:#8C8A8C;
	font-size:1.4em;
	text-align:center;
	}
div.journalDetailsBox {
	width:607px;
	border:1px solid #999;
	background:#EBEBEB;
	padding: 4px;
	}
	div.journalDetailsBox h3{
	margin-bottom:0pt;
	}
html>body div.journalDetailsBox {
	width:598px;
	}
caption.journalDetailsCapt {
	font-weight: bold;
	text-align: left;
	color: #4A4A4A;
	}
/*------box float left/right----------*/
div.BoxFloatLeft {
	float: left;
	width: 200px;
	padding: 4px;
	margin: 0 8px 0 0;
	border:1px solid #999;
	}
div.BoxFloatLeftHalf {
	float: left;
	width: 294px;
	padding: 4px;
	margin: 0 8px 0 0;
	border:1px solid #999;
	}
div.BoxFloatLeftResize {
	float: left;
	padding: 4px;
	margin: 0 8px 0 0;
	border:1px solid #999;
	}
div.BoxFloatLeft p, div.BoxFloatLeftHalf  p, div.BoxFloatLeftResize p, div.BoxFloatRight p, div.BoxFloatRightHalf p, div.BoxFloatRightResize p {
	margin-top: -2px;
	margin-bottom: -2px;
	}
div.BoxFloatRight {
	float: right;
	width: 200px;
	padding: 4px;
	margin: 0 0 0 4px;
	border:1px solid #999;
	}
div.BoxFloatRightHalf {
	float: right;
	width: 294px;
	padding: 4px;
	margin: 0 8px 0 0;
	border:1px solid #999;
	}
div.BoxFloatRightResize {
	float: right;
	padding: 4px;
	margin: 0 8px 0 0;
	border:1px solid #999;
	}
/*---- boxFullGreyHeader ---*/
div.boxFullGreyHeader {
	width: 606px;
	display:table;
	border:1px solid #999;
	margin-bottom:8px;
	background: #F5F5F5;
	}
div.boxFullGreyHeader div.boxFullGreyHeaderPad {
	padding:4px;
	}
div.boxFullGreyHeader p {
	margin-top: -2px;
	margin-bottom: -2px;
	}
div.boxFullGreyHeader h2 {
	border-bottom:1px solid #999;
	font-size: 1em;
	color:#000;
	padding:2px 0 2px 4px;
	background: #EBEBEB;
	}
/*---boxFullGrey---*/
div.boxFullGrey {
	width: 606px;
	display:table;
	border:1px solid #999;
	margin-bottom:8px;
	background: #F5F5F5;
	}
div.boxFullGrey div.boxFullGreyPad {
	padding:4px;
	}
div.boxFullGrey p {
	margin-top: -2px;
	margin-bottom: -2px;
	}
div.wellbeThere {
	float:right;
	font-size:.76em;
	width:100px;
	height: 24px;
	padding:2px 22px 2px 2px;
	background:url(/img/icons/icon_emerald.gif) repeat-y right top;
	text-align:right;
	}
p.firstp {
	display:inline;
	}
/*-- Form boxes --*/
div.formBoxMedium {
	width:430px;
	background: #EBEBEB;
	padding: 10px 0 10px 10px;
	border:1px solid #999;
	}
html>body div.formBoxMedium {
	padding: 1px 0 10px 10px;
	}
div.formBoxMedium h3 {
	text-align:left;
	font-size: 1em;
	}
span.colorAdvanced {
	color:#5E0068;
	}
span.colorElectronics {
	color:#00622E;
	}
span.colorComputational {
	color:#800000;
	}
span.colorMaterials {
	color:#004B6A;
	}
span.colorGrey {
	color:#666;
	}
/* General index item box (for staic use via snippet etc.)*/
div.boxGeneralIndex {
	width: 100%;
	display: table;
	/*background: url(/img/surround/articlebox_background.gif) repeat-y left top;*/
	margin-bottom: 20px; /* the gap between the next box or content */
	}
div.boxGeneralIndex p {
	margin: 0 0 0 81px; /* Margin fron img and sets it inline */
	border-left:1px solid #CCC;
	padding: 4px;
	}
div.boxGeneralHead {
	background-color: #EBEBEB;
	margin-left: 81px;
	padding: 4px;
	border-left:1px solid #CCC;
	clear:right;
	}
div.boxGeneralIndex h3 {
	font-size: .9em;
	display:inline;
	}
/*div.boxGeneralIndex img {
	margin: 0px 6px 0px 0px;
}*/
/*--- largeIndentBox -- */
div.largeIndentBox {
	margin-bottom:12px;
	padding-bottom:0;
	}
div.largeIndentBox img {
	float:left;
	}
div.largeIndentBox div.largeIndentText {
	margin-left:86px;
	}
html>body div.largeIndentBox div.largeIndentText {
	margin-left:82px;
	}
div.largeIndentBox div.largeIndentHead {
	padding:2px 0 2px 4px;
	background: #EBEBEB;
	}
div.largeIndentBox h3, div.largeIndentBox p{
	display:inline;
	}
/*----  twoColunmbox boxes -----*/
div.twoColunmbox {
	width: 606px;
	display: table;
	margin-bottom: 16px;
	background:url(/img/surround/bg_plain.gif) repeat left top;
	}
div.twoColunmbox div.twoColunmboxHead {
	background: #EBEBEB;
	height:18px;
	border-bottom: 2px solid #FFF;
	}
div.twoColunmbox div.twoColunmboxHead h3{
	font-size: 1.1em;
	color: #007079; /* #006600; */
	}
div.twoColunmbox div.twoColunmboxHead img {
	margin-left:-4px;
	}
html>body div.twoColunmbox div.twoColunmboxHead img {
	margin-left:0;
	}
div.twoColunmbox div.divMargin {
	padding:0 0 2px 41px;
	}
div.twoColunmbox div.divLeft {
	float: left;
	padding: 0 0 0 0;
	width: 296px;	
	clear:left;
	margin:0 0 0 0;
/*	display: table-row-group;*/
	}
div.twoColunmbox div.divLeft  h3, div.twoColunmbox div.divLeft  p {
	margin: 0 0 0 0;
	}
div.twoColunmbox div.divRight {
	float: right;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width: 294px;
/*	clear:right;
	display: table-row-group;
	vertical-align: top;*/
	}
div.twoColunmbox div.divRight  h3, div.twoColunmbox div.divRight  p {
	margin: 0 0 0 0;
	}
/*---- community feature box ---*/
div.featureBox {
	width: 606px;
	display:table;
	background: #F7F7F7;
	}
div.featureBox h2 {
	font-size: 1.1em;
	border-bottom:2px solid #fff;
	background: #EBEBEB;
	padding:0 0 0 0;
	}
div.featureBox h2 img {
	margin-left:-4px;
	}
html>body div.featureBox h2 img {
	margin-left:0;
	}
html>body div.featureBox h2 {
	padding:0 0 2px 0;
	}
div.featureBox div.featureBoxText {
	margin: -10px 0 0 80px;
	padding:0 3px 4px 5px;
	}
/*Article archive box*/
div.articleArchiveBox {
	border:1px solid #999;
	margin-bottom:8px;
	padding:4px;
	background-color:#F3F0F3;
	}
div.articleArchiveBox ul li h3 img {
	float:right;
	margin-right:10%;
	}
div.articleArchiveBox h3 {
	font-size: .9em;
	display: inline;
	}
/* ad img/text box*/
div.imgAdBox {
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	}
div.imgAdBox img {
	float:right;
	margin-left:10px;
	}
div.imgAdBox h3 {
	font-size: .9em;
	display: inline;
	margin-bottom: 100px;
	}
	/* ad img/text box 2*/
div.imgAdBox2 {
	width: 100%;
	display: table;
	background-color:#f7f7f7;
	padding:0 0 5px 5px;
	margin-top: 20px; /* the gap between the next box or content */
	margin-bottom: 20px; /* the gap between the next box or content */
	}
div.imgAdBox2 p {
	margin: 0 245px 0 0; /* Margin fron img and sets it inline */
	}
div.imgAdBox2Head {
	background-color: #EBEBEB;
	margin-right: 245px;
	padding: 4px;
	}
div.imgAdBox2 h3 {
	font-size: .9em;
	display:inline;
	}
div.imgAdBox2 img {
	margin: 0px 0px 0px 8px; /* needed for IE fix */
}