h1 {float: left; width:400px;}
h2 {color: black; font-size:120%; font-weight:bold; padding-top:10px; margin-bottom:0;}
h3 {color: white; font-size:150%; font-weight:bold;}
h4 {color: #666;}
h5 {color: #44aac3;font-size:110%; font-weight:bold; margin:0; padding:0;}

a { font-weight:bold;}
#footerlinksContent a { font-weight:normal}
#contentcenter 	{ width:447px;}
.onecolumn 		{ width:410px; padding-right:5px; }
div#frame div#contentright 	{ width:150px; 
	display: block;
}
#contentright p { margin-left: 15px;}

.clear { clear:both;}
.spacer { line-height:10px;}



.fullWidth { 
		width: 579px; 
		margin:0 0 0 18px; 
		padding:0; 
		clear:left; 
		}
		
			.fullWidth h3 { 
					color:black; 
					font-size:1.2em; 
					margin-bottom:0; 
					padding-bottom:5px;
					}

.bodyText {  margin-top: 20px;}	
		
	* html .bodyText {  margin-top: 30px;}	

.intro { font-weight:bold;}	


/* PUFF BOXES */
/* lots of slightly different rounded corners = lots of variations of puff boxes  */


#puff {
		background: #44aac3 url(/img/global_viewpoint/bg-whitepaper-puff-top.gif) top left no-repeat; 
		width:394px; 
		padding-left:20px;
		margin-top:15px;
		}

	* html #puff  { width:414px;}


#puff img { float:right; padding:5px; margin-top:-10px; }

	#puff h3 a { color:white;}
	
	#puff h3 a:hover { 
			color:white; 
			text-decoration:underline; 
			background-color:#44aac3;
			}
	
	#puff h2 a img { border:0; padding:0; margin:0;}

	#puff-footer {  
			background: #e9e7de url(/img/global_viewpoint/bg-whitepaper-puff-bottom.gif) bottom left no-repeat; 
			width:414px;
			}

		

#puff-wide { 
		clear:left; 
		background: #44aac3 url(/img/global_viewpoint/bg-fullwidth-puff-top.gif) top no-repeat;  
		display:block; 
		}

	* html #puff-wide { margin-bottom:-16px;}
	
		#puff-wide span {
			background: url(/img/global_viewpoint/bg-fullwidth-puff-bottom.gif) bottom no-repeat;  
			display:block;
			}
		
			#puff-wide h2, #puff-wide p { 
					color:white; 
					padding-left: 10px; 
					padding-right:10px;
					}
			
				#puff-wide h2 { 
						font-size:1.6em; 
						font-weight:bold;
						}
				
				#puff-wide p { 
						font-size:1.2em;
						}
			

#puff-wide-pale { 
		clear: left;
		width: 569px;
		background: #8fced1 url(/img/global_viewpoint/bg-fullwidth-pale-puff-top.gif) top no-repeat;  
		display:block; 
		margin-bottom:20px;
		font-size:100%;
		}

		#puff-wide-pale span {
			background: url(/img/global_viewpoint/bg-fullwidth-pale-puff-bottom.gif) bottom no-repeat;  display:block;
			}
		
			#puff-wide-pale h2, #puff-wide-pale p { 
					color:white; 
					padding-left: 10px; 
					padding-right:10px;
					}
			
				#puff-wide-pale a { color:white;}
					#puff-wide-pale a:hover { 
							background-color:#8fced1; 
							text-decoration:underline;
							}
					
					
#puff-wide-grey { 
		width: 569px;
		background: #e9e7de url(/img/global_viewpoint/bg-fullwidth-grey-puff-top.gif) top no-repeat;  
		display:block; 
		margin-bottom:20px;
		font-size:100%;
		color: #333;
		}

		#puff-wide-grey span {
			background: url(/img/global_viewpoint/bg-fullwidth-grey-puff-bottom.gif) bottom no-repeat;  
			display:block;
			}
		
		
		#puff-wide-grey div.hr {
			  height: 2px;
			  background:#fff url(/img/global_viewpoint/bg-fullwidth-grey-puff-hr.gif) repeat-x ;
			  }
			  
			#puff-wide-grey div.hr hr {
			  display: none;
			}

/* blue cta */
#puff-cta { 
		clear:left;
		background: url(/img/global_viewpoint/bg-cta-puff-bg.gif) repeat-y;
		font-size:90%;
		}

	
		#puff-cta span {
				background: url(/img/global_viewpoint/bg-cta-puff-top.gif) top no-repeat;  
				display:block; 

			}
		
					#puff-cta span span{
								background: url(/img/global_viewpoint/bg-cta-puff-bottom.gif) bottom no-repeat;  
								display:block;
						}
						
			#puff-cta h5, #puff-cta p,  #puff-cta a{ 
					color:black; 
					margin: 0;
					
					}
			
				#puff-cta h5 { 
						font-size:1.5em; 
						font-weight:bold;
						padding: 10px 10px 0px 20px; 
						}
										
				#puff-cta p { 
						font-size:1.2em;
						padding: 10px 10px 10px 20px; 
						}
						
						
								
	 div.cta-button-hr {
		 		color: #f00;
				background-color: #c2e0eb;
				height: 1px;
			  }
			  
			div.cta-button-hr hr {
			  display: none;
			}
			
/*double puff box at foot of articles*/			
			
	#puff-cta-item {
					background: url(/img/global_viewpoint/bg-cta-contact.png);
					background-repeat:repeat-y;}
			
		#puff-cta-item span {
					background: url(/img/global_viewpoint/bg-cta-contact-top.png) top no-repeat; 
					width: 314px;
					display:block; }
					
				#puff-cta-item span span{
					background: url(/img/global_viewpoint/bg-cta-contact-bottom.png) bottom no-repeat;
					width: 314px;
					}					
			
			 .puff-cta-item-left { width:145px; float:left;}
			 .puff-cta-item-right { width:140px; float:left; padding-left:5px;}
			
					#puff-cta-item ul { display:block; 
										padding-top:10px; 
										list-style:none; 
										list-style-image:none; 
										margin-left:-10px;}	
										
					#puff-cta-item li { display:block;}	
					
						#puff-cta-item h5 { 
										font-size:140%; 
										margin-bottom:25px;
										padding-top:10px;
										margin-bottom:15px;}
										
						#puff-cta-item img { margin-top:-10px;}
						
						#puff-cta-item p {font-size:110%;}			

/* image inside blue cta */
 #cta-button { 
		width: 210px;
		background:url(/img/global_viewpoint/bg-cta-button-bg.gif) repeat-y;
		margin-left:20px; margin-top:10px;
		font-size:85%;
		}
			
			#cta-button span { background:url(/img/global_viewpoint/bg-cta-button-bg.gif) repeat-y;}
			
					#cta-button h5{ 
							color:black; 
							padding: 0px 10px 10px 10px;
							margin-top:-3px;
							}
							
							html>/**/body #cta-button h5  { 
									padding: 0px 10px; margin: 0;
							}
					
					#cta-button p  { 
							color:black; 
							margin: -10px 0px 0px 0px; 
							padding: 0px 10px;
							margin-bottom:-2px;}
							
							html>/**/body #cta-button p  { 
									padding: 0px 10px; margin: 0;
							}
			
				#cta-button a { 
							color:black;
							}


.cta-button-top { vertical-align:top;}	
.cta-button-bottom { vertical-align:bottom;}

h5.cta-mailto {min-height:50px;}
* html .cta-mailto{ height:50px;} 
			
#puff-one-line { 
		width:414px; 
		background: #44aac3 url(/img/global_viewpoint/bg-whitepaper-puff-top.gif) top no-repeat;  
		display:block; 
		margin-bottom:10px;
		}

	#puff-one-line span {
		background: url(/img/global_viewpoint/bg-whitepaper-puff-bottom-blue.gif) bottom no-repeat;  
		display:block;
		}
	
		#puff-one-line h2{ 
				color:white; 
				padding: 0px 10px 10px 10px;
				font-size:1.2em; 
				font-weight:bold;
				}
		
		html>/**/body #puff-one-line h2{ padding-top: 10px;}


/* HOMEPAGE */

ul.leadership {
		list-style-type: none;
		margin:0 0 15px 0;
		margin-left:20px;
		padding: 0 0 0px 15px;
		list-style-image: url(/img/global_viewpoint/bg-bullet-blue.gif);
		}


/* .cta { 
		width: 210px;
		background: url(/img/global_viewpoint/bg-button-top.gif) top left no-repeat;
		color:white;
		margin-left:19px;
	}

	.cta span {
			width: 210px;
			background: url(/img/global_viewpoint/bg-button-bottom.gif) bottom left no-repeat;
			display:block;
	}

		.cta p { padding: 3px 10px; font-size:0.9em; font-weight:bold;}
		.cta a { color: white;}
		.cta a:hover { background-color:#5da6fc;}
		*/
		
.cta-short { 
		width:150px; 
		background: #ecf6f9 url(/img/global_viewpoint/bg-cta-short-top.gif) top no-repeat;  
		display:block; 
		margin-bottom:10px;
		color: #3f4242
		}

	.cta-short span {
		background: url(/img/global_viewpoint/bg-cta-short-bottom.gif) bottom no-repeat;  display:block;
	}
	
		.cta-short h4{ 
				color:black; 
				padding: 10px 10px 0 23px;
				font-size:1.4em; 
				font-weight:bold;
				}
			
			.cta-short p { padding-left:10px; font-size:1.1em; font-weight:bold;}
		

#subHeader { 
		background: #e9e7de url(/img/global_viewpoint/bg-h4-bottom.gif) bottom left no-repeat; 
		float:left; 
		width:414px; 
		margin:20px 0 15px 0;
		}

	#subHeader h4 	{
			float:left;  
			margin-left:10px; 
			margin-bottom:-10px; 
			margin-top:-10px;
			padding-top: 5px; padding-bottom:20px;
			}
		
		#subHeader p 	{
				float:right; 
				color:#44aac3; 
				padding-right:20px; 
				margin-bottom:-10px; 
				margin-top:-10px; 
				padding-top: 5px; padding-bottom:20px;
				}
	
	html>/**/body #subHeader h4,html>/**/body #subHeader p {margin-top:0px;}


/* ARTICLE/WHITEPAPER PAGE */

#author-box { 
		float:left; 
		width:187px; 
		margin-right:20px; 
		margin-top:20px;  
		}

	* html #author-box { margin-right:20px;  margin-top: 30px;}
	
	.author-border { 
			border:1px solid #999999;
			border-top: none;
			padding: 5px 10px 0 10px;
			}		
		
		* html .author-border	{ margin-top:-3px;}
			
#video-box { 
		float:left; 
		width:187px; 
		margin-right:20px; margin-top:20px;
		background:url(/img/global_viewpoint/bg-video.gif) repeat-y;  }

	#video-box span { background:url(/img/global_viewpoint/bg-video-top.gif) top no-repeat; display:block;}
	
		#video-box span span{ background:url(/img/global_viewpoint/bg-video-bottom.gif) bottom no-repeat}
		
			#video-box h4 { 
					padding:10px 0 10px 10px; 
					font-size:1.5em; 
					width:100px; 
					float:left; 
					}
			
			#video-box img { 
					float:right; 
					width:60px; 
					margin-top:10px;
					margin-right:10px;
					}
			
			#video-box p { 
					padding: 0px 10px 5px 10px;
					}
			
			#video-box a { 
					font-weight:normal; 
					color:black; 
					line-height:1.2;
					}

.bodyText h2 {padding-top:0;}

/* ARTICLE/WHITEPAPER ARCHIVE PAGE */

.whitepaper { 
		 width: 394px;
		 border: solid 1px #ccc; 
		 background: url(/img/global_viewpoint/icon-download-pdf.png) top left no-repeat; 
		 padding:5px 10px; 
		 margin-bottom: 10px;
	}
 
 	* html .whitepaper { width: 414px;}
	
		.whitepaper p, 
		.whitepaper h5, 
		.whitepaper .link { margin-left:35px;}
		
			.whitepaper p { padding-bottom:0;}

.article { margin-bottom:20px;}
.article p, p.publication {padding-bottom: 0;}



.whitepaper h5, 
.article h5 { 
		font-size:100%;
		}
		
.whitepaper a, 
.article a { 
		color:#478dfa;
		}


#pagination { 
		width: 414px;
		border-top: solid 1px #e7eaf9; 
		border-bottom: solid 1px #e7eaf9;
		text-align:right;
		padding: 0px 0px 5px 0px;
		}

.printVersion { 
		float:right; 
		width:150px;  
		text-align:right;
		}

/* SIGN UP PAGE */


#puff-wide-grey h2, #puff-wide-grey p {padding:10px}

		#puff-wide-grey p { width:230px; float:left;}

#email { 
		width:300px; 
		margin-bottom:10px; 
		margin-top:10px;
		}

.error { 
		color:red; 
		padding-top:10px;
		}

#submit {
		margin-left:475px; 
		}

#submit { 
		margin-top:5px; 
		margin-bottom:15px;
		}


#puff-footer a:hover { background: none; border: 0px solid white; }