/* Page elements -------------------------------------*/

td.sectionColumn {
	width: 132px;
}

td.headerImage {
	/*border-left: 2px solid #fff;*/
}

.textpad {
  padding-left: 18px;
}

/*
headline {
	color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  display: inline;
} */



.headlineblue {
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
 
}

.headline {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
} 

.subheadline {
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 13px;
 	font-weight: bold;
 	line-height: 18px;
}



.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	line-height: 18px;
}

.fauxlink {
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-size: 13px;
	line-height: 18px;
}

.txtlist {
	padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	line-height: 16pt;
	text-decoration: none;
}

.tight-txtlist {
	padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	line-height: 1.2;
	text-decoration: none;
}

.tight-txtlist li{
margin:0 0 5px 0px;
}
biline {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12pt;
	font-weight: bold;
  	display: block;
}


a:link {
  	font-family: Arial, Helvetica, sans-serif;
  	font-weight:bold;
  	color:#0099CC;
	text-decoration:underline;
 	display: inline;
	white-space: nowrap;
}

a:hover {
font-weight:bold;
	color: #cc6600;
	display: inline;
}


a:visited {
font-weight:bold;
	color:#0099CC;
}


/*
vlink {
	color: #006699;
}


a:link {
  font-family: Arial, Helvetica, sans-serif;
  color:#0099CC;
  font-size: 12pt;
line-height: 12pt;
  textDecoration:underline;
 display: inline;
	white-space: nowrap;
}

a:hover{
  color: #cc6600;
 display: inline;
}
*/

nounderline {
	textDecoration:none;
	display: inline;
}

/*
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 12pt;
	text-decoration: none;
	white-space: nowrap;
	display: list-item;
}

br {
	white-space: nowrap;
	display: inline;
	margin: 0px;
	padding: 0px;

}


*/


.blurbtext {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	display: inline;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	margin-bottom:.875em;
	padding-right:.875em;
}


img {
	display: inline;
}

#kinetix-advantage-list{
margin-bottom:1em;
color:#f00;
}

/* Left Navigation elements -------------------------------------*/

#leftNav{
	float: right;
	margin: 0px; 
	padding: 0px;
	width: 100%;
	/*min-height: 400px;*/
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: 600; /* font-weight: 600; */
	line-height: 1;
	text-align: right;
	color: #FFF;
	/*border-bottom: 2px solid #fff;*/
	cursor: pointer;
}

#leftNavHeader{
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 9px 0px;
	vertical-align: middle;
	text-align: center;
	clear: both;
}
html>body #leftNavHeader {
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 9px 0px;
	vertical-align: middle;
	text-align: center;
	clear: both;
}
#leftNavHeader a{
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}
/*#leftNavHeader a:hover{
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	text-decoration: underline;
}
*/
#leftNavSubHeader{
	margin: 0px;
	padding: 3px 0px 3px 2px;
	vertical-align: middle;
	text-align: left;
	clear: both;
	min-height: 14px;
	/*border-top: 2px solid #fff;
	height: 24px;*/
}
html>body #leftNavSubHeader {
	margin: 0px;
	padding: 3px 0px 3px 2px;
	vertical-align: middle;
	text-align: left;
	clear: both;
	min-height: 14px;
	/*border-top: 2px solid #fff;
	height: 24px;*/
}
#leftNavSubHeader_active{
	margin: 0px;
	padding: 3px 0px 3px 2px;
	vertical-align: middle;
	background-color: #89b023;
	text-align: left;
	clear: both;
	min-height: 14px;
	/*border-top: 2px solid #fff;
	height: 24px;*/
}
html>body #leftNavSubHeader_active {
	margin: 0px;
	padding: 3px 0px 3px 2px;
	vertical-align: middle;
	background-color: #89b023;
	text-align: left;
	clear: both;
	min-height: 14px;
	/*border-top: 2px solid #fff;
	height: 24px;*/
}

#leftNavSubHeader a {
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}
#leftNavSubHeader a:hover{
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	
	text-decoration: underline;
}
#leftNavSubHeader_active a{
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	
	text-decoration: none;
}

#leftNavItem {
	margin: 0px;
	padding: 3px 2px 3px 10px;
	vertical-align: middle;
	text-align: left;
	width: 120px;
	clear: both;
	min-height: 14px;
}
html>body #leftNavItem {
	margin: 0px;
	padding: 3px 2px 3px 10px;
	vertical-align: middle;
	text-align: left;
	width: 120px;
	clear: both;
	min-height: 14px;
}
#leftNavItem_active {
	margin: 0px;
	padding: 3px 2px 3px 10px;
	vertical-align: middle;
	text-align: left;
	width: 120px;
	clear: both;
	min-height: 14px;
}
html>body #leftNavItem_active {
	margin: 0px;
	padding: 3px 2px 3px 10px;
	vertical-align: middle;
	text-align: left;
	width: 120px;
	clear: both;
	min-height: 14px;
}

#leftNavItem a{
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	/*font-weight: 500;
	color: #00f; */
	text-decoration: none;
}
/*#leftNavItem a:hover{
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	text-decoration: underline;
}*/
#leftNavItem_active a{
	font-size: 12px;
	font-weight: 600;
	color: #fff; 
	/* font-weight: 500;
	color: #00f; */
	text-decoration: none;
}






/* Top Navigation elements -------------------------------------*/

td.logo {
/*	border-top: 2px solid #fff; 
	border-bottom: 2px solid #fff; 
*/}


#container {
	position: relative;
	background: #FFF;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	width: 470px;
/*	border-left: 2px solid #fff; 
*/}

a.topNav {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: 600;
  	color:#fff;
	text-decoration:none;
	line-height: 1;
}

#nav0 { 
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 9px;
	height: 30px;
	width: 117px;
	text-align: left; 
	background: #4a8c9c;
	cursor: pointer;
}
html>body #nav0 {
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 9px;
	height: 22px;
	width: 108px;
	text-align: left; 
	background: #4a8c9c;
	cursor: pointer;
}
#nav0_active { 
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 9px;
	height: 30px;
	width: 117px;
	text-align: left; 
	background: #005A6B;
	cursor: pointer;
}
html>body #nav0_active {
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 9px;
	height: 22px;
	width: 108px;
	text-align: left; 
	background: #005A6B;
	cursor: pointer;
}
#Layer00 {
	visibility: hidden;
	position: absolute;
	left: 0px; 
	top: 27px; 	
}
#Layer0 { 
	position: absolute;
	left: 0px; 
	top: 3px; 	
	z-index:2; 
	background: #4a8c9c;
	color: #fff;
	text-indent:0;
	margin: 0px;
	padding: 0px;
}
table.Layer0 { 
	position: absolute;
	left: 0px; 
	top: 2px; 	
	z-index:2; 
	background: #4a8c9c;
	color: #fff;
	margin: 0px;
	padding: 0px;
}

#nav1 { 
	float: left;
	margin: 0px;
	padding: 4px 4px 2px 9px;
	height: 30px;
	width: 117px;
	text-align: left; 
	background: #4a8c9c;
	cursor: pointer;
}
html>body #nav1 {
	float: left;
	margin: 0px;
	padding: 3px 0px 0px 9px;
	height: 27px;
	width: 108px;
	text-align: left; 
	background: #4a8c9c;
	cursor: pointer;
}
#nav1_active { 
	float: left;
	margin: 0px;
	padding: 4px 4px 2px 9px;
	height: 30px;
	width: 117px;
	text-align: left; 
	background: #005A6B;
	cursor: pointer;
}
html>body #nav1_active {
	float: left;
	margin: 0px;
	padding: 3px 0px 0px 9px;
	height: 27px;
	width: 108px;
	text-align: left; 
	background: #005A6B;
	cursor: pointer;
}
#Layer11 {
	visibility: hidden;
	position: absolute;
	left: 117px; 
	top: 27px; 	
}
#Layer1 { 
	position: absolute;
	left: 0px; 
	top: 3px; 	
	z-index:2; 
	background: #4a8c9c;
	color: #fff;
	text-indent:0;
 	margin: 0px;
	padding: 0px;
}
table.Layer1 { 
	position: absolute;
	left: 0px; 
	top: 2px; 	
	z-index:2; 
	background: #4a8c9c;
	color: #fff;
	text-indent:0;
	margin: 0px;
	padding: 0px;
}

#nav2 { 
	float: left;
	margin: 0px;
	padding: 4px 0px 2px 9px;
	height: 30px;
	width: 117px;
	text-align: left; 
	background: #4a8c9c;
	cursor: pointer;
}
html>body #nav2 {
	float: left;
	margin: 0px;
	padding: 3px 0px 0px 9px;
	height: 27px;
	width: 108px;
	text-align: left; 
	background: #4a8c9c;
	cursor: pointer;
}
#nav2_active { 
	float: left;
	margin: 0px;
	padding: 4px 0px 2px 9px;
	height: 30px;
	width: 117px;
	text-align: left; 
	background: #005A6B;
	cursor: pointer;
}
html>body #nav2_active {
	float: left;
	margin: 0px;
	padding: 3px 0px 0px 9px;
	height: 27px;
	width: 108px;
	text-align: left; 
	background: #005A6B;
	cursor: pointer;
}
#Layer22 {
	visibility: hidden;
	position: absolute;
	left: 234px; 
	top: 27px; 	
}
#Layer2 { 
	position: absolute;
	left: 0px; 
	top: 3px; 	
	z-index:2; 
	background: #4a8c9c;
	color: #fff;
	/* border: 1px solid #669900;  */
	text-indent:0;
	margin: 0px;
	padding: 0px;
}
table.Layer2 { 
	position: absolute;
	left: 0px; 
	top: 2px; 	
	z-index:2; 
	background: #4a8c9c;
	color: #fff;
	/* border: 1px solid #669900;  */
	text-indent:0;
	margin: 0px;
	padding: 0px;
}

#nav3 { 
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 9px;
	height: 30px;
	width: 117px;
	text-align: left; 
	background: #4a8c9c;
	cursor: pointer;
}
html>body #nav3 {
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 9px;
	height: 22px;
	width: 108px;
	text-align: left; 
	background: #4a8c9c;
	cursor: pointer;
}
#nav3_active { 
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 9px;
	height: 30px;
	width: 117px;
	text-align: left; 
	background: #005A6B;
	cursor: pointer;
}
html>body #nav3_active {
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 9px;
	height: 22px;
	width: 108px;
	text-align: left; 
	background: #005A6B;
	cursor: pointer;
}
#Layer33 {
	visibility: hidden;
	position: absolute;
	left: 351px; 
	top: 27px; 	
}
#Layer3 { 
	position: absolute;
	left: 0px; 
	top: 3px; 	
	z-index:2; 
	background: #4a8c9c;
	color: #fff;
	/* border: 1px solid #669900;  */
	text-indent:0;
	margin: 0px;
	padding: 0px;
}
table.Layer3 { 
	position: absolute;
	left: 0px; 
	top: 2px; 	
	z-index:2; 
	background: #4a8c9c;
	background-position: bottom;
	color: #fff;
	/* border: 1px solid #669900;  */
	text-indent:0;
	margin: 0px;
	padding: 0px;
}

#topNavItem {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: 600;
	clear: both;
	border: 0px solid red;
	z-index: 1;
	width: 117px;
	height: 18px;
	margin: 0px;
	padding: 0px 0px 0px 9px;
	cursor: pointer;
}
html>body #topNavItem {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: 600;
	position: relative;
	clear: both;
	border: 0px solid red;
	z-index: 1;
	width: 108px;
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 9px;
	cursor: pointer;
}
#topNavItem a {
	color: #fff;
	cursor: pointer;
}
#topNavItem a:hover {
	color: #fff;
	text-decoration: underline; 
	cursor: pointer;
}

#topNavSep {
	clear: both;
	border: 0px solid red;
	z-index: 2;
	width: 117px;
	height: 2px;
	margin-top: 0px;
	padding: 0px;
	line-height: 0;
	cursor: pointer;
}
html>body #topNavSep {
	clear: both;
	position: relative;
	border: 0px solid red;
	z-index: 2;
	width: 117px;
	height: 2px;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	cursor: pointer;
}

#SPNlogo{
margin-left:-10px;
}

#spn-footer {
border:0px solid #ccc;
margin-top:50px;
}

/* Strategic Approach elements -------------------------------------*/

#bec-graphic{
position:relative;
border:0px solid black;
}

#market_conditions li{
color:#8e8e2c;
}

#shareholder li{
color:#144962;
}

#sustainable li{
color:#289285;
}

.bec_rollovers {
width:220px;
border:0px solid #ddd;
padding:5px;
display:none;
position:absolute;
top:118px;
left:111px;
}

.bec-list li{
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
margin-bottom:3px;
padding:0px;
}

/* End Approach elements -------------------------------------*/

.remove-left-pad{
margin-left:-12px;
}

.add-right-pad{
margin-left:10px;
}