/*	ABI001 - Association of British Insurers
	--------------------------------------------------
	author(s):		Chris Goodchild (chris.goodchild@designuk.com)
	date:			23/03/2009
	description:	Global stylesheet 
*/


/*	RESET: Standard overrides for common elements
	-------------------------------------------------- */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, pre, 
	abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd,
	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;
	}
	
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	/* reset form elements to align vertically central */
	input,
	label,
	select,
	button {
		display: inline-block;
		vertical-align: middle;
	}



/*	BASE: Default font & colour styles
	-------------------------------------------------- */	
	body {
		font: normal normal normal 62.5%/1.3 Verdana, Arial, Helvetica, sans-serif;  /* 10px */
		background: white url(../images/structural/backgrounds/site_border_1022x1.gif) top center repeat-y;
		color: black;
	}



/*	GRID: Four column layout for general pages
	-------------------------------------------------- */
	.c4-1	{position: relative; float: left; width: 960px; margin-top: 12px; z-index: 1;}
	.c4-2	{position: relative; float: left; width: 717px;}
	.c4-3	{position: relative; float: left; width: 474px;}
	.c4-4	{position: relative; float: left; width: 231px;}



/*	GRID: Three column layout for homepage
	-------------------------------------------------- */	
	.c3-1	{position: relative; float: left; width: 960px; margin-top: 12px; z-index: 1;}
	.c3-2	{position: relative; float: left; width: 636px;}
	.c3-3	{position: relative; float: left; width: 312px;}
	
/*	GRID: Two column layout for consultation papers
	-------------------------------------------------- */	
	.c2-1	{float: left; width: 75%; margin-top: 12px; z-index: 1;}
	.c2-2	{float: left; width: 15%; margin-top: 22px; margin-left:30px; z-index: 1;}

/*	GUTTERS: Apply class where gutter is required
	-------------------------------------------------- */
	.g12	{margin-right: 12px;}



/*	TYPOGRAPHY: Headings, paragraphs & links
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 0 10px;
		font-family: Georgia;
		font-weight: normal;
	}
	
	h1 {font-size: 1.8em; padding: 0px 0 18px 0; color: #000000;}  /* 18px */
	h2 {font-size: 1.7em; padding: 12px 0 12px 0; color: #000000;}  /* 17px */
	h3 {font-size: 2.3em; padding: 12px 0 12px 0; color: #207E91;}  /* 23px */
	h4 {font-size: 1.5em; padding: 12px 0 12px 0; color: #000000;}  /* 15px */
	h5 {font-size: 1.4em; padding: 12px 0 12px 0; color: #000000;}  /* 14px */
	h6 {font-size: 1.3em; padding: 12px 0 12px 0; color: #000000;}  /* 13px */
	
	p {font-size: 1.1em; margin: 0 10px 12px 10px;}  /* 11px */
	
	a, a:visited, a:active {
		text-decoration: underline;
		color: #207E91;
	}
	a:hover	{
		text-decoration: none;
	}

	
	
/*	LISTS: General content copy lists
	-------------------------------------------------- */
	ul, ol {
		margin: 0 0 0 35px;
		padding: 0 0 12px 0;
	}
	
	
	
/*	BUTTONS: reusable button styles for forms, etc
	-------------------------------------------------- */	
	.btn {
		overflow: hidden;
		text-indent: -1000em;
		display: inline-block;
		background-color: transparent;
		background-position: 0 0;
		background-repeat: no-repeat;
		border: none;
		cursor: pointer;
	}	
	.btn.search		{background: url(../images/content/buttons/search_70x24.gif); width: 70px; height: 24px;}
	.btn.login		{background: url(../images/content/buttons/login_70x24.gif); width: 70px; height: 24px;}
	.btn.rss		{background: url(../images/content/buttons/rss_37x21.gif); width: 37px; height: 21px; display: block;}
	.btn.enlarge	{background: url(../images/content/buttons/enlarge_63x31.gif); width: 63px; height: 31px; display: block;}
	.btn.reset		{background: url(../images/content/buttons/clear_85x24.gif); width: 85px; height: 24px;}
	.btn.submit 	{background: url(../images/content/buttons/submit_85x24.gif); width: 85px; height: 24px;}

	a.link_more {
		display: inline-block;
		height: 21px;
		margin-left: 10px;
		padding: 2px 0 0px 28px;
		background: transparent url(../images/content/buttons/more_23x21.gif) 0 0 no-repeat;
		font-size: 1.2em;
		color: #0E2B52;
	}	



/*	ACCESSIBILITY LINKS: Skip links
	-------------------------------------------------- */
	ul.accessibility {
		position: absolute;
		top: 0;
		left: 0;
		width: 300px;
		margin: 0;
		padding: 0;
		list-style: none;
		z-index: 1000;
	}
	ul.accessibility li a {
		position: absolute;
		top: -1000px;
		left: -1000px;
		background-color: #333;
		border: 1px solid #666;
		font-size: 1.4em;
		font-weight: bold;
		color: white;
	}
	ul.accessibility li a:focus {
		position: absolute;
		top: 10px;
		left: 20px;
	}


	
/*	CONTAINER: 960px width for resolution of 1024x768
	-------------------------------------------------- */	
	#duk_container {
		width: 960px;  
		margin: 0 auto;
		padding: 0;
		overflow: visible;
		background: white;
	}


	
/*	HEADER: Common header elements
	-------------------------------------------------- */
	#duk_header {
		padding: 0;
	}
		#duk_header img.company_logo {
			position: absolute;
			top: 5px;
			left: 0;
		}
		ul.site_utilities {
			list-style: none;
			float: right;
			margin-top: 5px;
		}
			ul.site_utilities li {
				float: left;
				text-align: right;
				padding: 0 0 0 12px;
				border-left: 1px solid #333;
				font-family: Verdana;
				font-size: 1.1em;
			}
			ul.site_utilities li.home {
				border-left: none;
			}
			ul.site_utilities li.telephone {
				font-weight: bold;
				color: #0F2C55;
			}
				#duk_header ul.site_utilities li a {
					margin-right: 12px;
					text-decoration: none;
					color: #333;
				}
				#duk_header ul.site_utilities li a:hover {
					text-decoration: underline;
				}
		
		div#site_search {
			float: right;
			clear: right;
			padding-top: 20px;
			text-align: right;
		}
			form#site_search label {
				font-size: 1.2em;
				color: #333;
			}
			form#site_search input {
				margin-left: 4px;
				padding: 2px 1px;
				background-color: #E8E8E8;
				border: 1px solid #CCC;
			}
			form#site_search button {
				margin-left: 4px;
			}
			form#site_search a {
				display: inline-block;
				float: right;
				margin-top: 5px;
				color: #333;
			}
	


/*	NAVIGATION: Top level
	-------------------------------------------------- */
	#duk_navigation {
		background: #0F2C55;
		z-index: 1000;
	}
		ul#navlist {
			list-style: none;
			margin: 0;
		}
			ul#navlist li {
				float: left;
				position: relative;
				border-right: 1px solid #999;
				font-family: Georgia;
				font-size: 1.5em;
			}
			ul#navlist li.nav07 {
				border-right: none;
			}
				ul#navlist li a {
					width: auto;
					height: 100%;
					display: inline-block;
					padding: 0px 8px 1px 8px;
					border: 2px solid #0F2C55;
					text-decoration: none;
					color: white;
				}
				
				ul#navlist li:hover a,
				ul#navlist li a:hover {
					background: #F3F3F3;
					border-left-color: #CCC;
					border-right-color: #CCC;
					border-top-color: #F3F3F3;
					border-bottom-color: #F3F3F3;
					color: #207E91;
				}
				ul#navlist li.nav01:hover a,
				ul#navlist li.nav01 a:hover {border-bottom-color: #F3F3F3;}
				ul#navlist li.nav02:hover a,
				ul#navlist li.nav02 a:hover {border-bottom-color: #F3F3F3;}
				ul#navlist li.nav03:hover a,
				ul#navlist li.nav03 a:hover {border-bottom-color: #F3F3F3;}
				ul#navlist li.nav04:hover a,
				ul#navlist li.nav04 a:hover {border-bottom-color: #F3F3F3;}
				ul#navlist li.nav05:hover a,
				ul#navlist li.nav05 a:hover {border-bottom-color: #F3F3F3;}
				ul#navlist li.nav06:hover a,
				ul#navlist li.nav06 a:hover {border-bottom-color: #F3F3F3;}
				ul#navlist li.nav07:hover a,
				ul#navlist li.nav07 a:hover {border-bottom-color: #F3F3F3;}
				
				ul#navlist li a.home_link {
					display: block;
					width: 15px;
					height: 100%;
					text-indent: -1000em;
					overflow: hidden;
					background: transparent url(../images/structural/navigation/home_15x14.gif) 8px 3px no-repeat;
				}
				ul#navlist li:hover a.home_link,
				ul#navlist li a.home_link:hover {
					background: #F3F3F3 url(../images/structural/navigation/home_hover_15x14.gif) 8px 3px no-repeat;
				}



/*	NAVIGATION: Top level dropdown
	-------------------------------------------------- */
	ul#navlist div.dropdown {
		display: none;
		position: absolute;		
		top: 24px;
		left: 0;
		z-index: 999;
		width: 231px;
		border: 2px solid #CCC;
		border-top: none;
	}
	
	ul#navlist li:hover div.dropdown {
		display: block;
	}
		ul#navlist div.dropdown ul {
			width: 100%;
			margin: 0;
			padding: 6px 0;
			list-style: none;
			background: white url(../images/structural/navigation/dropdown_grad_1x155.gif) left top repeat-x;
		}
			ul#navlist div.dropdown ul li {
				float: none;
				margin: 0;
				padding: 4px 12px;
				border: none;
				font-family: Arial;
				font-size: 0.8em;
			}
				ul#navlist div.dropdown ul li a {
					display: inline;
					padding: 0;
					background: transparent;
					border: none;
					text-decoration: none;
					color: #333;
				}
				ul#navlist div.dropdown ul li a:hover {
					background: transparent;
					color: #207E91;
				}
	
					
					
/*	CONTENT: Breadcrumb trail
	-------------------------------------------------- */
	.breadcrumb {
		position: relative;
	}
		.breadcrumb ul#trail {
			list-style: none;
			margin: 0;
		}		
			ul#trail li {
				float: left;
				padding: 4px 0;
				background-color: #CCC;
				font-size: 1.1em;
				color: #333;
			}
			ul#trail li.home_link {
				padding-left: 0;
			}	
			ul#trail li.current {
				padding: 4px 22px 4px 10px;
				background: #B3B3B3 url(../images/content/backgrounds/breadcrumb_current_12x21.gif) right top no-repeat; 
				color: black;
			}
				ul#trail li a {
					display: inline-block;
					padding: 0 10px;
					border-left: 1px solid #333;
					text-decoration: none;
					color: #333;
				}
				ul#trail li.home_link a {
					border: none;
				}
	
	
	.article_links {
		position: absolute;
		top: 0;
		right: 0;
		
	}
		.article_links ul {
			list-style: none;
			margin: 0;
			padding: 4px 0 0 0;
		}
			.article_links ul li {
				float: left;
				padding: 2px 0 2px 16px;
			}
				.article_links ul li a {
					font-size: 1.1em;
					color: #333;
				}
				.article_links ul li.print {
					display: inline-block;
					padding-left: 26px;
					background: white url(../images/content/icons/print_22x16.gif) 0 0 no-repeat;
				}
				.article_links ul li.back a {
					font-weight: bold;
					color: #0E2B52;
				}



/*	CONTENT: Left navigation
	-------------------------------------------------- */
	ul.left_nav {
		list-style: none;
		margin: 0;
	}
		ul.left_nav li {
			position: relative;
			background: white;
		}
			#duk_content ul.left_nav li a {
				display: block;
				width: auto;
				padding: 5px 0 7px 24px;
				background: transparent url(../images/content/backgrounds/left_nav_link_199x30.gif) left top no-repeat;
				text-decoration: none;
				font-family: Georgia;
				font-size: 1.5em;
				color: #333;
			}
			#duk_content ul.left_nav li.selected a {
				background: transparent url(../images/content/backgrounds/left_nav_link_open_350x30.gif) left top no-repeat;
			}
				 
			#duk_content ul.left_nav li a:hover,
			#duk_content ul.left_nav li.selected a {
				color: #207E91;
			}
		
			ul.left_nav li ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
				#duk_content ul.left_nav li ul.sub_section li {
					background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
				}
					#duk_content ul.left_nav li ul.sub_section li a {
						background-image: none;
						text-decoration: underline;
						font-family: Verdana;
						font-size: 1.1em;
						color: #0E2B52;
					}
					#duk_content ul.left_nav li ul.sub_section li a:hover {
						text-decoration: none;
					}
					#duk_content ul.left_nav li ul.sub_section li.selected {
					}
					#duk_content ul.left_nav li ul.sub_section li.selected a {
						background: transparent url(../images/content/bullets/arrow_right_grey_6x8.gif) 8px 8px no-repeat;
						text-decoration: none;
						font-weight: bold;
					} 

ul.sub_section ul.sub_section 
{
	padding-left: 20px;
}




/*	CONTENT: Homepage - Carousel
	-------------------------------------------------- */
	.carousel {
		padding-bottom: 12px;
	}
		.panel {
			height: 298px;
			background: transparent url(../images/content/carousel/carousel.jpg) left top no-repeat;
			/*background: transparent url(../images/content/carousel/carousel_panel_1_636x298.jpg) left top no-repeat;*/
			/*background: transparent url(../images/content/carousel/carousel_panel_2_636x298.jpg) left top no-repeat;*/
			/*background: transparent url(../images/content/carousel/carousel_panel_3_636x298.jpg) left top no-repeat;*/
			/*background: transparent url(../images/content/carousel/carousel_panel_4_636x298.jpg) left top no-repeat;*/
			/*background: transparent url(../images/content/carousel/carousel_panel_5_636x298.jpg) left top no-repeat;*/
			
		}
		.panel noscript {
			display: block;
			padding: 10px;
			width: 300px;
			background: url(../images/content/carousel/carousel_panel_trans_1x1.png);
				color: white;
		}
			.panel noscript h3 {
				color: white;
			}
			.panel noscript p {
				font-size: 1.2em;
				color: white;
			}
			
		.carousel_nav {
			position: relative;
			list-style: none;
			width: 636px;
			height: 35px;
			margin: 0;
			padding: 0;
			background: #CCC;
		}
			.carousel_nav li {
				position: absolute;
				top: 0;
				left: 0;
				overflow: visible;
				width: 212px;
				height: 35px;
				padding: 0;
			}
			.carousel_nav li.tab2 {
				left: 212px;
				width: 210px;
			}
			.carousel_nav li.tab3 {
				left: 424px;
			}
				.carousel_nav li a {
					position: relative;
					width: 188px;
					display: block;
					padding: 7px 0 7px 24px;
					background: transparent url(../images/content/carousel/carousel_nav_tab_424x35.gif) left top no-repeat;
					text-decoration: none;
					font-size: 1.6em;
					color: #CCC;
					outline: none;
				}
				.carousel_nav li.tab2 a {
					width: 186px;
					border: 1px solid #666;
					border-width: 0 1px;
				}
				.carousel_nav li.selected a,
				.carousel_nav li a:hover {
					background-position: -212px top;
					color: white;
				}
				.carousel_nav li a img {
					display: none;
					position: absolute;
					top: -15px;
					left: 90px;
					width: 30px;
					height: 15px;
					z-index: 900;
				}
				.carousel_nav li.selected a img {
					display: block;
				}
				
		.panel_content.one {
			background: transparent url(../images/content/carousel/carousel_panel_1_636x298.jpg) left top no-repeat;
		}
		.panel_content.two {
			background: transparent url(../images/content/carousel/carousel_panel_2_636x298.jpg) left top no-repeat;
		}
		.panel_content.three {
			background: transparent url(../images/content/carousel/carousel_panel_3_636x298.jpg) left top no-repeat;
		}
		
		.panel_content div {
			position: absolute;
			top: 10px;
			left: 22px;
			width: 340px;
			min-height: 17em;
			padding: 12px;
			background: url(../images/content/carousel/carousel_panel_trans_1x1.png);
		}
			.panel_content div h3 {
				margin: 0;
				padding: 0;
				line-height: 1.1;
				font-size: 3.6em;
				color: white;
			}
			.panel_content div ul {
				list-style: none;
				margin: 0;
				padding: 12px 0;
			}
				.panel_content div ul li {
					background: transparent url(../images/content/bullets/arrow_right_white_6x8.gif) 3px 7px no-repeat;
					padding: 2px 5px 2px 16px;
				}
					.panel_content div ul li a {
						text-decoration: none;
						font-family: Arial;
						font-size: 1.3em;
						color: white;
					}



/*	CONTENT: Homepage - News & Events
	-------------------------------------------------- */
	.news h3,
	.events h3 {
		margin: 0;
		padding: 0;
	}
	.news ul,
	.events ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}	
		.news ul li,
		.events ul li {
			float: left;
			width: 100%;
			margin: 0;
			padding: 12px 0;
			background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
			overflow: visible;
		}
			.news ul li img,
			.events ul li img {
				float: left;
				display: block;
				margin: 0 10px 10px 0;
			}
			.news ul li h4,
			.events ul li h4 {
				margin: 0;
				padding: 0 0 4px;
				font-size: 1.1em;
				font-weight: bold;
			}
			.news ul li p,
			.events ul li p {
				margin: 0;
				padding: 0 0 5px 0;
			}
			.news ul li span,
			.events ul li span {
				color: #666; 
			}
				.news ul li h4 a,
				.events ul li h4 a {
					font-family: Verdana;
					color: #0E2B52;
				}
			
			.news div {
				float: left;
				width: 250px;
			}
			.events div {
				float: left;
				width: 200px;
			}
			
			.news ul.update_links,
			.events ul.update_links {
				clear: both;
				margin: 0;
				padding: 10px 0 0 0;
			}				
				.news ul.update_links li,
				.events ul.update_links li {
					float: left;
					position: relative;
					width: auto;
					margin: 0;
					padding: 0;
					background-image: none;
				}
					.news ul.update_links li a,
					.events ul.update_links li a {
						margin: 0 8px 0 0;
					}



/*	CONTENT: Homepage - Login & Search
	-------------------------------------------------- */
	.login_search {
		min-height: 14.5em;
		padding-bottom: 12px;
	}
	
		/* Normal style for <h3> with JS turned off */
		.login_search h3 {
			display: block;
			margin: 0;
			padding: 0;
			clear: both;
		}
		
		/* The following classes are added by jQuery */
		.login_search h3.tab_1,
		.login_search h3.tab_2 {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			background: #0E2B52 url(../images/content/backgrounds/login_search_tabs_309x17.gif) 0 0 no-repeat;
			padding: 6px 0 6px 22px;
			text-decoration: none;
			font-family: Verdana;
			font-size: 1.1em; /* reset to 11px when the link is thrown in by jQuery */
			cursor: pointer;
		}
		.login_search h3.tab_1 {
			width: 127px;
			color: white;
		}
		.login_search h3.tab_2 {
			width: 138px;
			left: 152px;
			background-color: #CCC;
			background-position: -149px 0;
			color: #333;
		}
	

		/* If the container has a class of "tabs_on", display the form accordingly */
		.login_search.tabs_on div.member_login,
		.login_search.tabs_on div.member_search {
			position: absolute;
			top: 26px;
			left: 0;
		}
			
		.login_search div.member_login,
		.login_search div.member_search {
			width: 312px;
			height: 101px;
			padding: 8px 0 10px 0;
		}
		.login_search div.member_login {
			margin-bottom: 12px;
			background-color: #0E2B52;
		} 
		.login_search div.member_search {
			background-color: #CCC;
		}
			.login_search  div {
				position: relative;
				padding: 10px 20px 10px 10px;
			}
			.login_search div label {
				float: left;
				display: inline-block;
				padding-top: 3px;
				font-size: 1.1em;
				color: white;
			}
			.login_search div input {
				float: right;
				padding: 2px 1px;
				background-color: #E8E8E8;
				border: 1px solid #CCC;
			}
			.login_search  div button {
				position: absolute;
				top: 10px;
				right: 20px;
			}
			#member_login div a {
				display: inline-block;
				padding: 3px 0 0 0;
				background-image: none;
				text-decoration: underline;
				font-size: 1.1em;
				color: white;
			}
			#member_login div a:hover {
				text-decoration: none;
			}
			
			.login_username, .login_password 
			{
				border-bottom : #ccc 1px solid;
				border-left :#ccc 1px solid;
				padding-bottom : 2px;
				background-color : #e8e8e8;
				padding-left : 1px;
				padding-right : 1px;
				float : right;
				border-top : #ccc 1px solid;
				border-right : #ccc 1px solid;
				padding-top : 2px;
					width: 150px;
			}
			
			.LoginButton 
			{
				height: 25px;
			}


				
/*	CONTENT: Homepage - Reports/Insights puffs
	-------------------------------------------------- */	
	.reports {
		min-height: 17.3em;
		background: white url(../images/content/backgrounds/grad_grey_1x173.gif) left bottom repeat-x;
	}
		.reports h3 {
			margin: 0;
			padding: 4px 10px;
			background-color: #207E91;
			font-size: 2em;
			color: white;
		}
		.reports h4 {
			padding: 12px 0 0 0;
			font-family: Verdana;
			font-size: 1.1em;
			font-weight: bold;
			color: #333; 
		}
		.reports p {
			padding-bottom: 14px;
			background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
		}
		.reports a.report {
			display: block;
			margin: 0 10px;
			padding: 0 10px 12px 18px;
			background: transparent url(../images/content/icons/report_12x14.gif) 0 0 no-repeat;
			color: #333;
		}
	
	.insights {
		min-height: 32em;
	}
		.insights blockquote {
			width: 200px;
			margin-left: 10px;
			padding: 10px 0 25px 0;
			font-family: Georgia;
			font-size: 1.6em;
			font-weight: bold;
			color: #333;
		}
		.insights span.summary {
			display: block;
			width: 140px;
			margin-left: 10px;
			padding-bottom: 22px;
		}



/*	CONTENT: Article - main article content
	-------------------------------------------------- */
	.abi_content * {
		margin-left: 0;
	}
		.abi_content h2 {
			margin: 0 0 8px 0;
			padding: 0;
			background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
			font-size: 2.7em;
			color: #207E91;
		}
		
		.news_article h2 {
			padding: 0;
			background-image: none;
		}
		span.last_update {
			display: block;
			padding: 4px 0 8px 0;
			background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
			font-size: 1.1em;
			color: #666;
		}
		p.boilerplate {
			padding-top: 8px;
			font-family: Georgia;
			font-weight: bold;
			font-size: 1.6em;
			color: #207E91;
		}
		
		.news_article h3 {
			padding-top: 16px;
			clear: both;
			background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left top repeat-x;
			font-family: Verdana;
			font-size: 1.3em;
			font-weight: bold;
			color: #0E2B52;
		}
		
		.news_article ul
		{
			font-size: 1m;
			margin-left: 35px;
			list-style: disc outside none;
		}
		
		.news_article ol
		{
			font-size: 1m;
			margin-left: 35px;
		}
		
		
		/* 
		 * use these classes on the elements below
		 * to dictate whether they appear on the
		 * left or right of the content.
		 */
		
		.abi_content .left {
			float: left;
			margin: 0 12px 12px 0;
		}
		.abi_content .right {
			float: right;
			margin: 0 0 12px 12px;
		}



/*	CONTENT: Middle-column images/puffs/media
	-------------------------------------------------- */
	.image_caption {
		width: 231px;
	}
	.image_caption,
	.image_enlarge {
		position: relative;
		background: white url(../images/content/backgrounds/grad_grey_1x175.gif) left bottom repeat-x;
	}
	.image_enlarge {
		margin-bottom: 12px;
	}
		.image_caption img {
			display: block;
			margin: 0;
		}
		.image_caption .caption,
		.image_enlarge .caption {
			padding: 6px;
			line-height: 1.4;
			font-family: Arial;
			font-size: 1.1em;
			color: #333;
		}
		.image_enlarge .caption {
			width: 380px;
			min-height: 3em;
		}
		.image_enlarge a.enlarge {
			position: absolute;
			bottom: 6px;
			right: 6px; 
			margin: 0;
		}
			.image_caption .caption .title {
				display: block;
				font-weight: bold;
				color: #0E2B52;
			}
		
	.media_player {
		width: 320px;		
	}

	.quote {
		width: 230px;
		min-height: 18.0em;
		background: #207E91 url(../images/content/backgrounds/grad_blue_quote_1x180.gif) left bottom repeat-x;
		color: white;
	}
		.quote blockquote {
			display: block;
			padding: 16px;
			font-size: 1.4em;
			font-weight: bold;
		}
		.quote span {
			display: block;
			padding: 0 16px 16px 16px; 
			font-size: 1.1em;
		}
		
	.additional {
		width: 230px;
	}
		.additional h4 {
			display: block;
			background: #207E91;
			margin: 0;
			padding: 6px 10px;
			font-size: 1.6em;
			color: white;
		}
		.additional .add_detail {
			padding: 12px;
			border: 1px solid #CCC;
			border-width: 0 1px 1px 1px;
			font-size: 1.1em;
			color: #333;
		}
			.additional .add_detail a {
				color: #207E91;
			}
	
	.article_contact {
		width: auto;
		padding: 0 0 12px 0;
		background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
		overflow: hidden;
	}
		.article_contact h5 {
			margin: 12px 0 0 0;
			padding: 12px 0 6px 0;
			background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left top repeat-x;
			font-family: Verdana;
			font-size: 1.3em;
			font-weight: bold;
			color: #666;
		}
		.article_contact ul {
			list-style: none;
			margin: 0;
		}
			.article_contact ul li {
				float: left;
			}
			.article_contact ul li.name		{width: 135px;}
			.article_contact ul li.email	{width: 135px;}
			.article_contact ul li.phone	{width: 200px;}
			
			.article_contact ul li a {
				display: inline-block;
				padding: 3px 0;
				font-size: 1.1em;
				color: #333;
			}
			.article_contact ul li.name a	{
				padding-left: 24px;
				background: transparent url(../images/content/icons/bubble_20x17.gif) 0 3px no-repeat;
			}
			.article_contact ul li.email a	{
				padding-left: 24px;
				background: transparent url(../images/content/icons/email_19x13.gif) 2px 3px no-repeat;
			}
			.article_contact ul li.phone a	{
				padding-left: 14px;
				background: transparent url(../images/content/icons/phone_9x18.gif) 2px -1px no-repeat;
			}
			
		
		


/*	CONTENT: Required Features
	-------------------------------------------------- */
	.lead_story {
		padding: 0 0 12px 0;
		overflow: hidden;
		background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left top repeat-x;
	}
		.lead_story h3 {
			margin: 0;
			padding: 4px 0;
		}	
		.lead_story .ls_content {
			padding: 12px 0 0 0;
			overflow: hidden;
			background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left top repeat-x;
		}
			.result {
				float: right;
				width: 230px;
			}
				.result h4 {
					padding: 0;
					font-family: Verdana;
					font-size: 1.2em;
					font-weight: bold;
				}
					.result h4 a {
						color: #0E2B52;
					}
				.result p {
					margin: 0;
					padding: 12px 0;
				}
				.result span.last_update {
					padding: 0;
					background-image: none;
				}
				.result span.category {
					display: block;
					font-size: 1.1em;
					color: #0D2B4E;
				}
	
	.abi_content .results {
		margin-bottom: 12px;
	}
		.abi_content .results h2 {
			margin: 0;
			background-image: none;
			background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left top repeat-x;
		}
		.abi_content .results ul {
			list-style: none;
			margin: 0;
			padding: 0;			
		}	
			.abi_content .results ul li {
				float: left;
				width: 100%;
				margin: 0;
				padding: 12px 0;
				background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left top repeat-x;
				overflow: visible;
			}
				.abi_content .results ul li img {
					float: left;
					display: block;
					margin: 0 10px 0 0;
				}
				.abi_content .results ul li h4 {
					margin: 0;
					padding: 0 0 4px;
					font-size: 1.1em;
					font-weight: bold;
				}
				.abi_content .results ul li p {
					margin: 0;
					padding: 0 0 5px 0;
				}
				.abi_content .results ul li span {
					color: #666; 
				}
					.abi_content .results ul li h4 a {
						font-family: Verdana;
						color: #0E2B52;
					}		


/*	CONTENT: Right column elements
	-------------------------------------------------- */
	.rhs_section {
		margin-bottom: 18px;
	}
	.rhs_section.documents,
	.rhs_section.related {
		background: white url(../images/content/backgrounds/grad_grey_1x50.gif) left bottom repeat-x;
	}
		.rhs_section h4 {
			margin: 0;
			padding: 2px 10px 3px 10px;
			background-color: #207E91;
			font-size: 1.5em;
			color: white;
		}
		.rhs_section ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.rhs_section.anchors ul {
			padding: 10px;
		}
			.rhs_section ul li {
				font-size: 1.1em;
				color: #333;
			}
			.rhs_section.documents ul li,
			.rhs_section.related ul li {
				padding: 10px;
				background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
			}
				.rhs_section ul li div {
					padding-left: 16px;
					background: transparent url(../images/content/icons/report_12x14.gif) left 1px no-repeat
				}
					.rhs_section ul li a {
						text-decoration: underline;
						font-weight: bold;
						color: #0E2B52;
					}
					.rhs_section ul li a:hover {
						text-decoration: none;
					}
					.rhs_section ul li span {
						display: block;
					}
	
	
										
/*	CONTENT: Search Results - filter options
	-------------------------------------------------- */
	.search_filters {
		padding: 16px 0 0 0;
	}
		.search_filters h3 {
			margin: 0;
			padding: 0 0 12px 0;
			font-size: 1.5em;
			font-weight: bold;
		}
		.search_filters h4 {
			margin: 0;
			padding: 0 0 6px 12px;
			background: transparent url(../images/content/bullets/arrow_right_grey_6x8.gif) 0 4px no-repeat;
			font-family: Verdana;
			font-size: 1.2em;
			font-weight: bold;
			color: #333;
		}
		.search_filters ul {
			list-style: none;
			margin: 0;
			padding: 0 0 12px 0;
			background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left top repeat-x;
		}
			.search_filters ul li {
				position: relative;
				margin: 0;
				padding: 6px 0 6px 12px;
				background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
				font-size: 1.1em;
				color: #0E2B52;
			}
				.search_filters ul li a {
					color: #0E2B52;
				}
				

										
/*	CONTENT: Search Results
	-------------------------------------------------- */
	.sortation {
		padding: 20px 0 10px 0;
	}
		.sortation strong {
			display: block;
			padding: 0 0 6px 0;
			font-size: 1.2em;
		}
		.sortation div {
			width: 50%;
			float: left;
			font-size: 1.1em;
			color: #333;
		}
			.sortation div span {
				float: left;
				margin: 0 4px 0 0;
			}
			.sortation div ul {
				list-style: none;
				margin: 0;
			}
				.sortation ul li {
					float: left;
					padding: 0 6px;
					border-left: 1px solid #333;
				}
				.sortation ul li.newest {
					border: none;
				}
					.sortation ul li a {
						color: #333;
					}
					
		.sortation a.search_link {
			float: right;
			font-size: 1.1em;
			color: #333;
		}
			
	.pagination {
		padding: 10px 0;
		background: white url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left top repeat-x;
		text-align: right;
		font-size: 1.1em;
		font-weight: bold;
		color: #333;
	}
		.pagination ol {
			list-style: none;
			display: inline-block;
			float: right;
			margin: 0;
			padding: 0;
		}
			.pagination ol li {
				float: left;
				padding: 0 3px;
			}
		.pagination a {
			color: #207E91;
		}

	.search_results {
		background: white url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left top repeat-x;
	}
		.search_results h4 {
			margin: 0;
			padding: 12px 0 0 0;
			font-family: Verdana;
			font-size: 1.2em;
			font-weight: bold;
		}
			.search_results h4 a {
				color: #0E2B52;
			}
		.search_results p {
			margin: 0 0 12px 0;
		}




/*	CONTENT: Member content (w/tabs)
	-------------------------------------------------- */	
	.meet_the_team h2 {
		background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;	
		margin-bottom: 12px;
	}
	.members .team_tabs {
		float: left;
		width: 160px;
	}
	.members .member_content {
		float: left;
		width: 557px;
		background: #ECECEC url(../images/content/backgrounds/member_grad_grey_1x493.jpg) left bottom repeat-x;
		padding: 0 0 12px 0;
	}	
	
		/* Left-hand tabs */
		.members .team_tabs ul {
			list-style: none;
			border-width: 0px;
			margin: 0;
		}
			.members .team_tabs ul li {
				position: relative;
				width: 100%;
				height: 4em;
				margin: 0;
				background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left top repeat-x;	
			}
				.members .team_tabs ul li a {
					width: 160px;
					position: absolute;
					display: block;
					height: 1.6em;
					padding: 12px 10px 12px 8px;
					font-size: 1.1em;
					font-weight: bold;
					color: #666;
				}
				.members .team_tabs ul li:hover,
				.members .team_tabs ul li.selected {
					background: #123E60 url(../images/content/backgrounds/team_tab_grad_1x40.gif) left top repeat-x;
				}
				.members .team_tabs ul li a:hover,
				.members .team_tabs ul li.selected a {
					background: transparent url(../images/content/backgrounds/team_tab_selected_18x40.gif) right top no-repeat;
					text-decoration: none;
					color: #FFF;
				}
				
		
		/* Member content sections */
		.member_content {
			min-height: 49.3em;
		}
			.member_content .details {
				float: left;
				width: 315px;
			}
				.member_content .details h3 {
					margin: 0 0 12px 25px;
					padding: 12px 0;
					background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
					font-family: Verdana;
					font-size: 1.3em;
					font-weight: bold;
					color: #207E91;
				}
				.member_content .details p {
					margin: 0 0 0 25px;
					padding: 0 0 12px 0;
				}
				.member_content .details a {
					color: #207E91;
				}
				
			.member_content .extras {
				float: left;
				width: 216px;
				padding: 0 12px 0 0;
			}
				.member_content .extras .thumbnail {
					padding: 12px 0;
				}
					.extras .thumbnail img {
						float: left;
						display: block;
						margin: 0 10px 10px 0;
					}
					.extras .thumbnail * {
						margin-left: 0;
					}
					.extras .thumbnail span.name {
						display: block;
						padding: 0 0 8px 0;
						font-weight: bold;
					}
				.extras .related {
					background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left top repeat-x;
					clear: both;
				}
				.extras .related h4 {
					margin: 0;
					padding: 12px 0 12px 10px;
					background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
				}
				.extras .related ul {
					list-style: none;
					margin: 0;
				}
				.extras .related ul li {
					padding: 10px;
					background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
					font-size: 1.1em;
				}
					.extras .related ul li div {
						padding-left: 16px;
						background: transparent url(../images/content/icons/report_12x14.gif) left 1px no-repeat
					}
						.extras .related ul li a {
							text-decoration: underline;
							font-weight: bold;
							color: #0E2B52;
						}
						.extras .related ul li a:hover {
							text-decoration: none;
						}
						.extras .related ul li span {
							display: block;
						}



/*	FORMS: Layout & error styles
	-------------------------------------------------- */	
	#example_form {
		display: block;
		padding: 12px;
		background: #E5E5E5 url(../images/content/backgrounds/form_grad_grey_1x175.gif) left bottom repeat-x;
		font-size: 1.1em;
	}
		#example_form fieldset {
			margin: 0;
			padding: 12px 0;
			background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
		}
		#example_form .form_row {
			padding: 4px 0;
		}
			#example_form .form_row label {
				display: inline-block;
				width: 155px;
				padding: 2px 0 0 0;
				vertical-align: top;
				font-weight: bold;
			}
			#example_form .form_row input,
			#example_form .form_row select,
			#example_form .form_row textarea {
				width: 229px;
				margin: 0;
				padding: 2px;
				border: none;
				border: 1px solid #999;
				font-family: Verdana;
				font-size: 1em;
			}
			#example_form .form_row select {
				padding: 1px;
				width: 235px;
			}
			#example_form .form_row textarea {
				height: 112px;
			}
			#example_form .form_row ul {
				list-style: none;
				float: left;
				width: 231px;
				margin: 0 0 0 5px;
			}
				#example_form .form_row ul li {
					float: left;
					width: 48%;
				}
				#example_form .form_row.checkbox ul input,
				#example_form .form_row.radio ul input {
					width: auto;
					border: none;
				}
				#example_form .form_row.checkbox label,
				#example_form .form_row.radio label {
					float: left;
				}
				#example_form .form_row.checkbox ul label,
				#example_form .form_row.radio ul label {
					float: none;
					width: auto;
					font-weight: normal;
				}
				#example_form .form_action {
					position: relative;
					padding: 12px 0;
					text-align: right;
				}
					#example_form .form_action span.form_note {
						display: block;
						position: absolute;
						top: 16px;
						left: 0;
						font-weight: bold;
					}		
					#example_form .form_action .submit {
						margin-left: 8px;
					}
					
		.error_display {
			display: block;
			padding: 20px;
			background: white;
			border: 1px solid #FF9999;
		}
			.error_display p {
				font-size: 1.2em;
				font-weight: bold;
				color: black;
			}
			.error_display ul {
				margin: 0 0 0 18px;
				padding: 0;
				font-size: 1em;
				color: red;
			}
				.error_display ul li {
					padding: 2px 0;
				}
					
		#example_form input.error,
		#example_form select.error,
		#example_form textarea.error {
			background: #FF9999;
			font-weight: bold;
			color: black;
		}
		#example_form label.error {
			color: #FF0000;
		}



/*	FOOTER:
	-------------------------------------------------- */
	#duk_footer {
		padding-bottom: 40px;
	}
		#duk_footer .affiliates,
		#duk_footer .terms {
			background: white url(../images/structural/backgrounds/footer_grad_1x99.gif) left top repeat-x;
		}
		#duk_footer h6 {
			font-family: Verdana;
			font-size: 1.1em;
			font-weight: bold;
			color: #666;
		}
		
		.affiliates ul,
		.terms ul {
			list-style: none;
			float: left;
			width: 180px;
			margin: 0 10px 0 0;
			padding: 0 0 0 18px;
			border-left: 1px solid #CCC;
		}
		.terms ul {
			width: auto;
		}
		.affiliates ul.site_list_1,
		.terms ul {
			padding-left: 10px;
			border: none;
		}
			.affiliates ul li,
			.terms ul li {
				margin: 0 0 3px 0;
				padding-left: 10px;
				background: transparent url(../images/content/bullets/arrow_right_grey_4x6.gif) 1px 5px no-repeat;
			}
			.terms ul li.copyright {
				padding: 2px 0 0 0;
				background-image: none;
				font-size: 1.1em;
			}
				#duk_footer .affiliates ul li a,
				#duk_footer .terms ul li a {
					text-decoration: none;
					font-size: 1.1em;
					color: #666;
				}
	
	
	
/*	CLEARFIX: Add class to element to clear floats
	-------------------------------------------------- */
	.clear {
		overflow: visible; 
		clear: both;
	}



/*	IE6-Specific: use body#IE6 to target browser
	-------------------------------------------------- */	
	body#IE6 .login_search {height:14.9em;}
	body#IE6 ul#navlist li.over a {
		background: #F3F3F3;
		border-left: 2px solid #CCC;
		border-right: 2px solid #CCC;
		border-top: 2px solid #F3F3F3;
		border-bottom: 2px solid #F3F3F3;
		color: #207E91;
	}
	body#IE6 ul#navlist div.dropdown ul li a {border: none; background-color: transparent;}
	body#IE6 ul#navlist li.over a.home_link {
		background: #F3F3F3 url(../images/structural/navigation/home_hover_15x14.gif) 8px 3px no-repeat;
	}
	body#IE6 .carousel_nav li a:active {text-decoration: none;}
	body#IE6 .carousel_nav li.selected a img {display: none;}
	body#IE6 .panel_content ul li a {color: white; text-decoration: none;}
	body#IE6 ul#navlist li.over div.dropdown {display: block;}
	body#IE6 .panel_content div {
		background-image: none;
		background: #333;
	}
	body#IE6 .insights {height:32em;}
	body#IE6 .reports {height:17.3em;}
	body#IE6 ul.left_nav li {display:block;}
	body#IE6 ul.left_nav li a {margin: 0; padding: 5px 0 7px 24px; display: inline-block; width: 207px;}
	body#IE6 .extras .related h4 {display: inline-block;}
	body#IE6 .article_links .print a {color: #333;}
	body#IE6 .rhs_section ul li {display: inline-block; vertical-align: bottom;}
	body#IE6 .rhs_section ul li a {color: #0E2B52;}
	body#IE6 .members .team_tabs ul li {vertical-align: bottom;}
	body#IE6 .members .team_tabs ul li.over {
		background: #123E60 url(../images/content/backgrounds/team_tab_grad_1x40.gif) left top repeat-x;
	}
	body#IE6 .article_contact h5 {padding-top: 6px;}


/*	IE7-Specific: use body#IE7 to target browser
	-------------------------------------------------- */	
	body#IE7 ul.update_links {padding-top: 5px;}	
	body#IE7 ul.left_nav li a {display: inline-block; width: 207px;}
	body#IE7 .extras .related h4 {display: inline-block;}
	body#IE7 .members .team_tabs ul li {vertical-align: bottom;}
	body#IE7 .article_contact h5 {padding-top: 6px;}



/*	JS-SPECIFIC: applicable only when JS is turned on
	-------------------------------------------------- */
	.js-enabled .target {}
	
	
/* added by IW for store front
	-------------------------------------------------- */
	#storefront_productdetails_title
	{
			margin: 0 0 8px 0;
			padding: 0;
			background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;
			font-size: 2.7em;
			color: #207E91;		
	}
	
	.storefront_download 
	{
		margin-bottom: 18px;
	}
	
	.storefront_download.documents
	{
		background: white url(../images/content/backgrounds/grad_grey_1x50.gif) left bottom repeat-x;
	}
	.storefront_download.documents.clear
	{
		background: white;
	}	
		.storefront_download h4 {
			margin: 0;
			padding: 5px 5px 3px 10px;
			background-color: #207E91;
			font-size: 1.5em;
			color: white;
		}
		.storefront_download ul {
			list-style: none;
			margin: 0;
			padding: 0;		
		}
		.storefront_download.anchors ul {
			padding: 10px;
		}
			.storefront_download ul li {
				font-size: 1.1em;
				color: #333;
			}
			.storefront_download ul div {
				padding-left: 1px;
				margin-left:10px;
				background: transparent url(../images/content/icons/report_12x14.gif) left 12px no-repeat;
			}			
				.storefront_download.documents ul li{
					padding: 10px;
					margin-left:5px;
					/*background: transparent url(../images/content/backgrounds/border_dotted_grey_4x1.gif) left bottom repeat-x;*/
					/*background: transparent url(../images/content/icons/report_12x14.gif) left 6px no-repeat;*/
				}
					.storefront_download ul li a {
						text-decoration: underline;
						font-weight: bold;
						color: #0E2B52;
					}
					.storefront_download ul li a:hover {
						text-decoration: none;
					}
					.storefront_download ul li span {
						display: block;
					}