/* ===============================================
Title: 		initial.css
Media: 		screen
Credits:	v2.1, by Faruk Ates - www.kurafire.net
Purpose:
 - neutralises browser defaults by defining base level margin, padding and fonts
=============================================== */



/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	font:  Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* misc */

abbr {
	cursor: help;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

fieldset {
	border: none;
}

img, a img {
	border: 0;
}

/* form field text-scaling */

input, select, textarea {
	font-size: 100%;
}




/* headings
=============================================== */

h1,
.heading1 {
	color: #004180;
	font-size: 170%;
}

div#main-content h1 {
	line-height: 110%;
	margin: 0 0 0.4em 0;
}

h2,
.heading2 {
	color: #004180;
	font-size: 135%;
	margin: 0 0 0.5em 0;
}

h3,
.heading3 {
	color: #004180;
	font-size: 100%;
}

h4,
.heading4 {
	color: #004180;
	font-size: 100%;
}

/* content items
=============================================== */

/* TODO: tidy up use of divs and paragraphs in main-content */

p,
div {
	color: #3A3A3A;
}

/* lists */

div#main-content li {
	margin: 0 0 1em 2.5em;
	padding: 0 0 0 0;
	color: #3A3A3A;
}

div#main-content ul {
	list-style-type: disc;
}

/* links
=============================================== */

/* default link
----------------------------------------------- */

a {
	color: #2BB1EE;
	text-decoration: underline;
}

a:visited {

}

a:focus,
a:hover {
	text-decoration: none;
}

a:active {
	color: #FF0000;
	text-decoration: none;
}

/* link (common styles)
----------------------------------------------- */

.link-1,
.link-2,
.link-3,
.link-4 {
	margin: 0.25em 0;
}

div.link-1 a,
div.link-2 a,
div.link-3 a {
	background-repeat: no-repeat;
	background-position: 0% 0.35em;
	display: block;
}

/* link 1 (light blue)
----------------------------------------------- */

/* immediacy editor style */
.link-1 {
	color: #004180;
	background-image: url(images/icon-arrow-bullet-light-blue.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
/* end: immediacy editor style */

div.link-1 {
	/* disable immediacy editor style */
	background-image: none;
	/* end: disable immediacy editor style */
}
	
	div.link-1 a {
		background-image: url(images/icon-arrow-bullet-light-blue.gif);
		color: #2bb1ee;
		padding-left: 10px;
		text-decoration: underline;
		font-weight:bold;
	}
	
	div.link-1 a:visited {
		color: #2bb1ee;
	}
	
	div.link-1 a:focus,
	div.link-1 a:hover {
		text-decoration: none;
	}

	div.link-1 a:active {
		color: #ff0000;
	}

/* link 2 (dark blue)
----------------------------------------------- */

.link-2 {
	color: #004180;
	/* immediacy editor style */
	background-image: url(images/icon-arrow-bullet-dark-blue.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	/* end: immediacy editor style */
}

div.link-2 {
	/* disable immediacy editor style */
	background-image: none;
	/* end: disable immediacy editor style */
}
	
	div.link-2 a {
		background-image: url(images/icon-arrow-bullet-dark-blue.gif);
		color: #004180;
		padding-left: 10px;
		text-decoration: underline;
		font-weight:bold;

	}
	
	div.link-2 a:visited {
		color: #004180;
	}
	
	div.link-2 a:focus,
	div.link-2 a:hover {
		text-decoration: none;
	}
	
	div.link-2 a:active {
		color: #ff0000;
	}

/* link 3 (white)
----------------------------------------------- */

.link-3 {
	/* immediacy editor style */
	background-image: url(images/icon-arrow-bullet-white.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #eee;
	/* end: immediacy editor style */
}

div.link-3 {
	/* disable immediacy editor style */
	color: #ffffff;
	background-image: none;
	/* end: disable immediacy editor style */
}
	
	div.link-3 a {
		background-image: url(images/icon-arrow-bullet-white.gif);
		color: #ffffff;
		padding-left: 10px;
		text-decoration: underline;
		font-weight:bold;
	}
	
	div.link-3 a:visited {
		color: #ffffff;
	}
	
	div.link-3 a:focus,
	div.link-3 a:hover {
		text-decoration: none;
	}
	
	div.link-3 a:active {
		color: #ffffff;
	}

/* link 4 (dark blue with background)
----------------------------------------------- */

.link-4 {
	/* immediacy editor style */
	background-image: url(images/button-arrow-dark-blue.jpg) no-repeat;
	color: #fff;
	/* end: immediacy editor style */
}

div.link-4 {
	/* disable immediacy editor style */
	background-image: none;
	/* end: disable immediacy editor style */
}
	
	div.link-4 a {
		background: #14375E url(images/button-arrow-dark-blue.jpg) no-repeat;
		color: #fff; 
		font-weight: bold;
		padding: 0.2em 10px 0.2em 19px;
		text-decoration: none;
		
	}
	
	div.link-4 a:visited {
		color: #fff;
	}
	
	div.link-4 a:focus,
	div.link-4 a:hover {
		color: #fff;
		text-decoration: none;
	}

/* link 5 (light blue with background)
----------------------------------------------- */

.link-5 {
	/* immediacy editor style */
	background-image: url(images/button-arrow-light-blue.jpg) no-repeat;
	color: #fff;
	/* end: immediacy editor style */
}

div.link-5 {
	/* disable immediacy editor style */
	background-image: none;
	/* end: disable immediacy editor style */
}
	
	
	div.link-5 a {
		background: #288DBA url(images/button-arrow-light-blue.jpg) no-repeat;
		color: #fff;
		font-weight: bold;
		padding: 0.2em 10px 0.2em 19px;
		text-decoration: none;
	}
	
	div.link-5 a:visited {
		color: #fff;
	}
	
	div.link-5 a:focus,
	div.link-5 a:hover {
		color: #fff;
		text-decoration: none;
	}

/* gating link
----------------------------------------------- */

/* PDF link
----------------------------------------------- */

/* 
TODO:
	- set .PDF to work with Immediacy editor
	- unhide .PDF (currently hidden from editor by the "a" tag prefix on the class)
*/
a.PDF {
	background: url(images/icon-pdf-large.gif) 0% 50% no-repeat;
	display: block;
	padding: 0 0 0 40px;
	text-decoration: none;
}	

	a.PDF strong.filename {
		display: block;
		font-weight: normal;
		margin: 0 0 .25em 0;
		text-decoration: underline;
	}	
	
	a.PDF:hover strong.filename {
		text-decoration: none;
	}	
	
	a.PDF span.fileInfo,
	a.PDF em {
		color: #000000;
		font-size: 90%;
		text-decoration: none;
	}	
	
	a.PDF em {
		font-style: normal;
	}
	
	a.PDF abbr {
		border-bottom: 1px dotted #000000;
	}

/* advert panels
=============================================== */

/* advert layout (common styles)
----------------------------------------------- */

div.advert-1a-heading,
div.advert-1a-text,
div.advert-1a-link,
div.advert-1b-heading,
div.advert-1b-link,
div.advert-1b-text {
	margin: 0;
	padding-left: 18px;
	padding-right: 18px;
	width: 153px;
}

/* SBMH (Tan hack) */
* html div.advert-1a-heading,
* html div.advert-1a-text,
* html div.advert-1a-link,
* html div.advert-1b-heading,
* html div.advert-1b-link,
* html div.advert-1b-text {
	width: 189px; /* ie5.x value */
	w\idth: 153px; /* ie6 value */
}					
/* end: SBMH (Tan hack) */

/* advert heading (common styles)
----------------------------------------------- */

div.advert-1a-heading,
div.advert-1b-heading {
	margin-top: -3px; /* remove white space between text and image (for IE)  */
	padding-top: 0.90em;
	padding-bottom: 0.25em;
}

/* advert text (common styles)
----------------------------------------------- */

div.advert-1a-text,
div.advert-1b-text {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

/* advert link (common styles)
----------------------------------------------- */

div.advert-1a-link,
div.advert-1b-link {
	border-bottom: 2px solid #ffffff;
	padding-top: 0.25em;
	padding-bottom: 1em;
	background-image: none; /* disable: display in immediacy style menu only */
}

/* IE hack */
* html div.advert-1a-link,
* html div.advert-1b-link {
	margin-bottom: 3px;
}
/* end: IE hack */
	
	div.advert-1a-link a,
	div.advert-1b-link a {
		padding-left: 8px;
		text-decoration: underline;
	}
	
	div.advert-1a-link a:hover,
	div.advert-1b-link a:hover {
		text-decoration: none;
	}

/* advert 1a
----------------------------------------------- */

.advert-1a-heading {
	background-color: #9CD7F4;
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
}

.advert-1a-text {
	background-color: #9CD7F4;
	color: #FFFFFF;
}

.advert-1a-link {
	background-color: #9CD7F4;
	color: #FFFFFF;
	font-weight: bold;
	/* display in immediacy style menu only */
	background-image: url(images/icon-arrow-bullet-white.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	/* end: display in immediacy style menu only */
}
	
	div.advert-1a-link a {
		background-image: url(images/icon-arrow-bullet-white.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		color: #FFFFFF;
		font-weight: bold;
	}

	div.advert-1a-link a:active {
		background-image: url(images/icon-arrow-bullet-white.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		color: #FFFFFF;
		font-weight: bold;
	}

/* advert 1b
----------------------------------------------- */

.advert-1b-heading {
	background-color: #AAACCB;
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
}

.advert-1b-text {
	background-color: #AAACCB;
	color: #42436B;
}

.advert-1b-link {
	background-color: #AAACCB;
	color: #FFFFFF;
	font-weight: bold;
	/* display in immediacy style menu only */
	background-image: url(images/icon-arrow-bullet-white.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	/* end: display in immediacy style menu only */
}
	
	div.advert-1b-link a {
		background-image: url(images/icon-arrow-bullet-white.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		color: #FFFFFF;
		font-weight: bold;
	}






/* Infomation Tables in the copy */
.infotable th		{ background-color: #CDE3F5; } /* Info table header */


/* -------------------- Branding Form Styles  --------------------- */

.formbody 			{ background-color: #FBDEC0; } 					/* The Body of the form (including headers and footers) */
.formheader 		{ color: #ffffff; background-color: #F8A873; } 	/* Header of the form */
.formfooter 		{ color: #ffffff; background-color: #F8A873; } 	/* Footer of the form */
.formrowseparator 	{ border-bottom: 1px solid #F8A873; } 			/* 1 pixel separator used within the form */
label 				{ color: #333333; } 							/* Form Label */

.formblocked		{ border: 2px solid #F8A873}					/* Block child entries */


/* -------------------- Progress Bar --------------------- */
#progBar li			{ background-color: #FFFFFF; color: black; }
#progBar #title		{ background-color: #F8A873; color: white;}
#progBar .completed	{ background-color: #FBDEC0; color: black;}


/* -------------------- Postcodes Section --------------------- */

#container td { background-color: #FBDEC0; }


/* -------------------- Literature Request Form --------------------- */

#litreqform td.formcolumnlabel	{ text-align: left; }
#litreqform td.formsubheading 	{ float:none; padding-left: 9px; text-align: left;}
#litreqform td.formcolumnselect	{ padding: 5px 0px 0px 10px; }
#litreqform td.formcolumnicon	{ width: 25px; padding: 5px 0px 0px 10px; }
#litreqform div.formrowseparator	{ margin: 10px 0px 5px 0px; }

/* --------------------- Action links for products (v3) ------------------ */

.inpageactionlinks { 
	background-image: url(/fa/images/blue_circle_arrow.gif); background-repeat: no-repeat; background-position: 0 55%;
	margin: 0;
	padding: 0.5em 0 0.5em 1.5em;
	border: 0px solid black;
	color: #59A0E0;
	font-weight: bold;
}
span.inpageactionlinks a,
p.inpageactionlinks a,
div.inpageactionlinks a {
	color: #59A0E0 !important;
	text-decoration: none;
	font-size: 80%;
	font-weight: bold;
}
span.inpageactionlinks a:hover,
p.inpageactionlinks a:hover,
div.inpageactionlinks a:hover {
	color: #59A0E0;
	text-decoration: underline;
	font-weight: bold;
}

/* ------------------ Literature request table ------------------ */

table.LiteratureDownloadWrap {
	width: 100%;
	font-size:100%;
}

table.LiteratureDownloadWrap .documentColumn {
	width: 78%;
}

table.LiteratureDownloadWrap .filesizeColumn {
	width: 20%;
}

table.LiteratureDownloadWrap th {
	background-color: #58A1DF;
	color: white;
	text-align: left;
	padding: 7px 5px 7px 5px;
}

table.LiteratureDownloadWrap .Heading3 {
	color: #59A0E0; /* light blue */
	color: #000064; /* dark blue */
	font-weight: bold;
	font-size: 95%;
}

table.LiteratureDownloadWrap td {
	border-bottom: 1px solid #FFFFFF;
	background-color: #CDE3F5;
	padding: 5px;
}

table.LiteratureDownloadWrap a {
	color: #000064; /* dark blue */
	color: #59A0E0; /* light blue */
	/*display: block; padding-left: 10px;*/
}

table.LiteratureDownloadWrap a:hover {
	color: #59A0E0; /* light blue */
	text-decoration: none;
}

/* ------------------ Literature request links ------------------ */

.LiteratureDownloadLink {
	background-image: url(/fa/images/blue_circle_arrow.gif); background-repeat: no-repeat; background-position: 0 55%;
	margin: 0;
	padding: 0.5em 0 0.5em 1.5em;
	font-weight: bold;
	color: #59A0E0;
	/*width: 46%;
	float: left;*/
	font-size: 100%;
}

div.LiteratureDownloadLink a {
	font-weight: bold;
	color: #59A0E0;
	text-decoration: none;
}

div.LiteratureDownloadLink a:hover {
	color: #59A0E0;
	text-decoration: underline;
}






/* ------------------ Other download links with blue arrow links ------------------ */

.fundDownloadLink {
	background-image: url(/fa/images/blue_circle_arrow.gif); background-repeat: no-repeat; background-position: 0 55%;
	margin: 0;
	padding: 0.5em 0 0.5em 1.5em;
	font-weight: bold;
	color: #59A0E0;
	/*width: 46% ;
	float: left;*/
	font-size: 100%;
	width:36%;
}

div.fundDownloadLink a {
	font-weight: bold;
	color: #59A0E0;
	text-decoration: none;
}

div.fundDownloadLink a:hover {
	color: #59A0E0;
	text-decoration: underline;
}








body {
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 79%;
	margin: 4px 0 0 4px;
}

/* misc
=============================================== */

abbr {
	cursor: help;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

fieldset {
	border: none;
}



fieldset {
border:medium none;
margin:1em 0pt 1.5em;
padding:0pt 0pt 0.75em;
}




img, a img {
	border: 0;
}

/* form field text-scaling */

input, select, textarea {
	font-size: 100%;
}

/* base layout
=============================================== */

/* accessibility */

ul#skip-links {
	left: -1000px;
	position: absolute;
	top: -1000px;
}

h2.section-label {
	left: -1000px;
	position: absolute;
	top: -1000px;
}

p.section-skip {
	left: -1000px;
	position: absolute;
	top: -1000px;
}

/* wrap */

div#wrap {
	margin: 0 0 2em 0;
	width: 765px;

	border: 0px solid #eee;
}
	
	/* header */
	
	div#header {
		background: url(images/banner-ifa.gif) no-repeat 0% 0%;
		height: 87px;
		margin: 0 0 0.75em 0;
	}
	
		/* header links */
		
		div#header ul#header-links {
			float: right;
			margin: 0;
			padding: 0.5em 0 0 0;
			text-align: right;
		}	
		
			div#header ul#header-links li {
				display: inline;
				list-style-type: none;
				margin: 0;
				padding: 0 0.75em 0 0;
			}	
			
				div#header ul#header-links li a {
					color: #004180;
					font-size: 95%;
					font-weight: bold;
					text-decoration: none;
				}
			
				div#header ul#header-links li a:hover {
					text-decoration: underline;
				}
			
				div#header ul#header-links li a:visited {
					color: #004180;
				}
					
	/* breadsrumb trail */

	p#breadcrumb-trail {
		color: #3A3A3A;
		cursor: default;
		margin: 0 0 0.75em 0;
		padding: 0 0 0 5px;
	}
	
		p#breadcrumb-trail span.label {
			left: -1000px;
			position: absolute;
			top: -1000px;
		}		
	
		p#breadcrumb-trail a {
			background: url(images/icon-arrow-bullet-dark-blue.gif) no-repeat 0% 50%;
			color: #004180;
			cursor: pointer;
			font-size: 95%;
			padding: 0 8px 0 8px;
			text-decoration: none;
		}
	
		p#breadcrumb-trail a:hover {
			color: #004180;
			text-decoration: underline;
		}
	
		p#breadcrumb-trail span.current-page {
			background: url(images/icon-arrow-bullet-dark-grey.gif) no-repeat 0% 50%;
			font-size: 95%;
			padding: 0 0 0 8px;
		}

	/* main */

	div#main {

	}
	
	/* Trust fund logo */

	
	div#main div#side-bar img
	{
		margin-top:19px;
		margin-left:25px;
	}

		/* side bar */
		
		div#side-bar {
			border-right: 2px solid #FFFFFF;
			float: left;
			width: 198px;
		}
			
			/* menu */
			/* NB: new version of utlSideMenu plugin will use ul tags */
			
			div.menu {
				
			}
		
				/* menu 1 */
				
				div.menu-1 {
				
				}
				
					div.menu-1 a {
						background: #14375E url(images/menu-background-gradient.gif) no-repeat 0% 0%;
						border-top: 2px solid #fff;
						border-right: 2px solid #fff;
						color: #fff !important;
						display:block;
						font-weight: bold;
						font-size: 95%;
						padding: 0.25em 10px 0.25em 15px;
						text-decoration: none;
						width: 173px;
					}
	
					div.menu-1 a.selected {
						padding: 0.25em 10px 0.25em 7px;
						width: 181px;
					}
					
					/* SBMH (Tan hack) */
					* html div.menu-1 a {
						width: 200px; /* ie5.x value */
						w\idth: 173px; /* ie6 value */
					}					
	
					* html div.menu-1 a.selected {
						width: 200px; /* ie5.x value */
						w\idth: 181px; /* ie6 value */
					}					
					/* end: SBMH (Tan hack) */
											
						div.menu-1 a.selected strong {
							background: url(images/icon-arrow-bullet-white.gif) 0% 50% no-repeat;
							padding: 0 0 0 8px;
						}

					/* menu 2 */
					
					div.menu-2 {
						background-color: #DAF2FD;
					}
							
							div.menu-2 a {
								background-color: #DAF2FD;
								background-image: none;
								border: none; /* override */
								color: #004180 !important;
								display: block;
								font-weight: normal;
								font-size: 95%;
								padding: 0.25em 10px 0.25em 23px;
								text-decoration: none;
								width: 165px;
							}
							
							div.menu-2 a.selected {
								padding: 0.25em 10px 0.25em 15px;
								width: 173px;
							}
							
							/* SBMH (Tan hack) */
							* html div.menu-2 a {
								width: 200px; /* ie5.x value */
								w\idth: 165px; /* ie6 value */
							}	
							
							* html div.menu-2 a.selected {
								width: 200px; /* ie5.x value */
								w\idth: 173px; /* ie6 value */
							}				
							/* end: SBMH (Tan hack) */
															
								div.menu-2 a.selected strong {
									padding: 0 0 0 8px;
								}
							
							div.menu-2 a:hover {
								background-color: #AAE2FB;
							}
															
								div.menu-2 a.selected strong {
									background: url(images/icon-arrow-bullet-dark-blue.gif) 0% 50% no-repeat;
									padding: 0 0 0 8px;
								}

							/* menu 3 */
							
							div.menu-3 {
		
							}
								
								div.menu-3 a {
									background-color: #DAF2FD;
									background-image: none;
									border: none; /* override */
									color: #004180 !important;
									display: block;
									font-weight: normal;
									font-size: 95%;
									padding: 0.25em 10px 0.25em 30px;
									text-decoration: none;
									width: 158px;
								}
								
								div.menu-3 a.selected {
									padding: 0.25em 10px 0.25em 22px;
									width: 166px;
								}
								
								/* SBMH (Tan hack) */
								* html div.menu-3 a {
									width: 200px; /* ie5.x value */
									w\idth: 158px; /* ie6 value */
								}					
	
								* html div.menu-3 a.selected {
									width: 200px; /* ie5.x value */
									w\idth: 166px; /* ie6 value */
								}	
								/* end: SBMH (Tan hack) */
								
								div.menu-3 a:hover {
									background-color: #AAE2FB;
								}
									
									div.menu-3 a.selected strong {
										background: url(images/icon-arrow-bullet-dark-blue.gif) 0% 50% no-repeat;
										padding: 0 0 0 8px; 
									}
		
			/* end: menu */
	
			div#side-bar div#side-bar-content {
				margin: 15px 0 0 0;
				text-align: center;
			}
			
		/* end: side bar */
		
		/* main content */
		
		div#main-content {

		}		

	/* end: main */
	
	/* dividers */
	
	div.divider-footer {
		left: -1000px;
		position: absolute;
		top: -1000px;
	}
	
	/* footer links */
	
	ul#footer-links {
		margin: 1em 0 1em 0;
		
		border: 0px solid #eee;
	}
		
		ul#footer-links li {
			display: inline;
			list-style-type: none;
			padding: 0 1.5em 0 0;
			margin: 0;
		}
		
			ul#footer-links li a {
				color: #004180;
				font-weight: normal;
				text-decoration: underline;
			}
		
			ul#footer-links li a:hover {
				text-decoration: none;
			}
	
	/* tcm address */

	address#tcm-address {
		color: #999999;
		font-size: 90%;
		font-style: normal;
		margin: 0;
	}
		
		address#tcm-address a {
			color: #999999;
		}
	
	/* tcm disclosure */
	
	p#tcm-disclosure {
		color: #999999;
		font-size: 90%;
	}

/* templates
=============================================== */

/* entry template
----------------------------------------------- */

body.ifa-entry div#wrap {

}

	body.ifa-entry div#main {
		background: url(images/furniture-gradient-light-blue.gif) 0 100% repeat-x;
		padding-bottom: 90px; /* ensures content does not overlap with background gradient on homepage */
	}
	
		/* main content */
		
		body.ifa-entry div#main div#main-content { 
			margin: 3em 50px 2em 50px;
		}

/* fa gating */

body.ifa-entry div#main div#main-content div#linkHolder
{
	width:38.01em;
	margin-left:7em;
	margin-top:3em;
	margin-bottom:3em;
	
}

body.ifa-entry div#main div#main-content div.link-4
{
	margin-top:0px;
	width:17em;
	padding:0.5em;
	float:left;
}
	
body.ifa-entry div#main div#main-content div.link-5
{
	
	width:19em;
	padding:0.5em;
	float:right;
}

#landingFooter
{
	margin:1em;
	width:48em;
	padding:0.5em;
	
}

/* home template
----------------------------------------------- */

body.fa-home div#wrap {

}

	body.fa-home div#main {
		background: url(images/furniture-gradient-light-blue.gif) 0 100% repeat-x;
	}		
		
		/* banner */
		
		body.fa-home div#banner-menu {
			background-color: #4EC2F2;
		}
			
			body.fa-home div#banner-menu div.menu { /* mimics #side-bar */
				float: left;
				width: 200px; 
			}
			
			body.fa-home div#banner-menu div#banner {
				background: url(images/furniture-home-banner-stripe.gif) top left repeat-x;
				float: right;
				height: 170px;
				padding: 2px 0 0 0;
				width: 565px;
			}

		/* main content */
		
		body.fa-home div#main div#main-content { 
			float: left;
			margin: 2em 15px 0 15px;
			padding-bottom: 50px; /* ensures content does not overlap with background gradient on homepage */
			width: 340px;
			
			border: 0px solid lightgreen;
		}
		
		/* additional content */
		
		body.fa-home div#main div#additional-content {
			float: right;
			width: 189px;
		}
	
			/* panels */
			
			body.fa-home div#main div#additional-content div.panel {
				
				border-bottom: 2px solid #fff;
				padding: 18px; 
			}
			
			body.fa-home div#main div#additional-content div.panel-1 
			{
				border-top: 2px solid #fff;
				background-color: #A5DBF5;
			}
			
			
			body.fa-home div#main div#additional-content div.panel-2 {
				background-color: #D5EFFC;
				color: #FFFFFF;
			}
				
				body.fa-home div#main div#additional-content div.panel-2 p {
					color: #000000;
				}
			
			body.fa-home div#main div#additional-content div.panel-2 h2 
			{
				text-align:left;
				color: #000000;
				}
				
			
			body.fa-home div#main div#additional-content div.panel-3 {
				border-bottom: none;
				background-color: #7BCDF3;
			}
				
				body.fa-home div#main div#additional-content div.panel-3 h2 {
					color: #FFFFFF;
				}

/* 1 column template
----------------------------------------------- */

body.fa-1column div#main {
	background: url(images/furniture-gradient-light-blue.gif) 0 100% repeat-x;
	padding-bottom: 130px; /* ensures content does not overlap with background gradient on homepage */
}

	body.fa-1column div#main-content {
		float: left;
		margin: 0 15px 0 15px;
		width: 529px;
	}





/* 2 column template
----------------------------------------------- */

body.fa-2column div#main {
	background: url(images/furniture-gradient-light-blue.gif) 0 100% repeat-x;
	padding-bottom: 130px; /* ensures content does not overlap with background gradient on homepage */
}

	body.fa-2column div#main div#main-content { 
		float:left;
		margin: 0 15px 0 15px;
		width: 340px;
	}
			
	body.fa-2column div#main div#additional-content {
		border-top: 2px solid #FFFFFF; /* used to align with side menu */
		float: left;
		width: 189px;
	}
	
	




/* Funds
----------------------------------------------- */

/* clearing
=============================================== */

.clearer {
	clear: both;
	font-size: 0;
	height: 0;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
}

/* ie7 */
	.clearfix { display: inline-block; }
	/* hide from ie-mac \*/
	.clearfix { display: block; }
	/* end hide from ie-mac */
/* end: ie7 */

/* ie6 and earlier */
	/* hide from ie-mac \*/
	* html .clearfix { height: 1%; }
	/* end: hide from ie-mac */
/* end: ie6 and earlier */


/* forms
=============================================== */

/* fieldset */

fieldset {
	background-color: #cbecfd;
}
	
	fieldset h2 {
		font-size:100%;
		background-color: #7bd3f9;
		color: #3A3A3A;
	}




/* field help */
	
.field-help {
	font-size: 85%;
}

/* buttons */

input.button {
	background: #14365C url(images/button-dark-blue.jpg) 0% 0% no-repeat;
	border: none;
	color: #ffffff;
	font-weight: bold;
}

input.button-submit {
	background: #288dba url(images/button-arrow-light-blue.jpg) 0% 0% no-repeat;
}

input.button-raf {
float:right;
	width:150px;
	background: #288dba url(images/button-arrow-light-blue.jpg) 0% 0% no-repeat;
}


#search					{color:#000000;font-size:80%;float:right;clear:both;padding-top:1.2em;padding-right:2em}

/* Left Content Styles*/ 
#leftcontent			{padding:0 0 0 4px;margin:0; float:left; width:200px; font-size: 70%;}


/* Center Content Style */
#middlecontent			{float:left;padding:0 0 0 16px;width:365px}

/* Right Content Style */
#rightcontent			{float:left;margin:0 0 0 15px;padding:0;width:166px;text-align:right}
#rightcontent img		{float:right}

/* Form Content Style */
#formcontent			{float:left;padding:0 0 0 20px;width:500px}
#middlecontentform		{float:left;clear:right;width:572px}
#formcontenthead 		{margin:0 0 0 20px}
#formcontentheadtitle		{float:left; width:350px}


/* Footer Style */
#footer				{padding:40px 0 0 4px;text-align:left;width:768px;font-size:80%;clear:both;}
.footersmallprint	{color:#999999;font-size:75%;font-family:Verdana,Helvetica,Geneva,sans-serif}

#clearer			{clear:both;height:1px}
#homemiddlecontent		{float:left;padding:0 0 0 16px;width:543px}
#homeSpacer			{height:20px;width:100%;margin:6px 0 4px;border-bottom:1px solid #0884CE;padding:0}
#homeLowerChild			{float: left;}
#homeLowerText			{float:left;width:360px;padding-left:8px;}

#homeLower			{background-color:#EDF2F5; border-bottom: 1px solid #0884CE; border-top: 1px solid #0884CE; padding-left: 8px}
.homeLowerProductList		{background-color:#EDF2F5; border-bottom: 1px solid #0884CE;  padding-left: 8px;padding-top:8px;}
.homeLowerProductListTop	{background-color:#EDF2F5;  border-top: 1px solid #0884CE; padding-left: 8px;border-bottom: 1px solid #0884CE;padding-top:8px;margin-top:8px;}


.ifaPhone img		{margin-left: 10px;}
.ifaPhone			{font-weight: bold; color: #707070;}
.imgRight			{margin: 4px 0 0 auto; display: block;}
.imgFlRight			{float: right;}
#ctf				{margin: 8px 0 4px;}

#ifaLeft			{width: 240px; float: left; padding-right: 0px; padding-top: 8px;}
#ifaRight			{ width: 247px;margin-left:248px; padding-top: 8px; padding-right: 0px;}


#ifaLeft .imgRight		{margin: 0 0 0 auto; }

#fom				{padding-top: 55px;}
.ifaPhone			{font-size: 80%}
#spacer				{background-color:#CDE3F5; height: 20px; margin-top: 8px;clear:both;}



#topLayer			{ margin-top: 15px; }
#bottomLayer			{ margin-top: 1px; }


.leftSect			{ width: 49%; float: left; }
.rightSect			{ width: 49%; float: right}

#eligible 			{text-align: justify; margin-left:8px; padding-right: 12px;}
#eligibleImg		{margin: 12px 0 9px 0px;}
#lowerLinks			{background-color:#CDE3F5;margin-top:2px}
#lowerLinksContact	{float:right;margin:4px 11px 4px 76px}
#lowerLinksProducts	{float:right;margin:4px 0}
#bottomLink			{margin-top:15px;font-size:75%}
#bottomLinkImg		{vertical-align:middle}

/* SiteMap Styles */


/* Common Content Styles */

/* Form Styles */
.formbody 			{width:506px;padding:0;margin:0; font-size: 80%;}
.formheader 		{clear:both;font-weight:bold;  padding-left:8px; padding-top:5px; padding-bottom: 2px; border-bottom:2px solid #FBDEC0}


.formtext 			{clear:both;padding-left:22px; padding-right:22px; padding-top:3px;padding-bottom:3px}
.formtextbold		{clear:both;padding-left:22px;padding-right:22px;text-align:justify;font-size:80%;padding-top:5px;padding-bottom:5px;font-weight:bold}
.formtextsmall		{clear:both;padding-left:22px;padding-right:22px;text-align:justify;font-size:60%;padding-top:5px;padding-bottom:5px}
.formfooter 		{clear:both;height:32px;position:relative;padding-left:8px;padding-right:8px;padding-top:5px;border-top:2px solid #ffffff;text-align:right}
.formrow 			{clear:both;height:28px;padding-left:22px}
.formrowseparator 	{clear:both;padding-top:2px;margin-bottom:2px}
.formlabel 			{float:left;width:185px;padding-top:5px;padding-bottom:0}

.formfield 			{float:left;text-align:justify;padding-top:2px;width:270px}
.formvalue 			{float:left;text-align:justify;width:278px;padding-top:5px;padding-bottom:0;font-size:80%}
.formfieldvalidator	{float:left;padding-top:2px;width:18px}
.formlabelagreement {float:left;width:422px;padding:2px 3px 3px 0;text-align:left}
.formfieldagreement {float:left;padding:16px 0 1px}

.mandatory			{font-weight:bold}
.formblocked		{padding:0}
.formChildren		{color:#333333;font-size:80%;font-weight:bold;padding:0}
.textfield 			{width:265px}
.textfieldother 	{width:154px}
.formbutton			{border:1px solid black; font-family:Arial,Helvetica,Geneva,sans-serif; background-color:White;}

.formvalidation		{color:Red}
.hidden {visibility:hidden;}

/* Quote Request Form Styles */
.formheadersubtext 	{ font-size: 90%; display: block; }


/* CSS2 focus style for form fields */
input:focus,select:focus,textarea:focus {background:#ffff99}

/* Two column form style used for the Literature Request Form*/
#litreqform						{ border: 0; padding: 0; margin: 0; }
#litreqform td					{ background-color: #FBDEC0; border: 0; padding: 0; margin: 0; }
#litreqform td.formheader 		{ background-color: #F8A873; clear:both;font-weight:bold; font-size:100%; height: 22px; padding-left:5px; padding-bottom: 3px;}
#litreqform td.formsubheading 	{ float: right; color: #333333; font-size: 80%; font-weight: bold; padding-left: 3px; text-align: right;}
#litreqform td.formcolumnlabel	{ color: #333333; font-size:80%; padding: 0px 5px 0px 5px; text-align: right; }
#litreqform td.formcolumntext	{ padding-right: 3px; height: 22px; }
#litreqform td.formcolumnselect	{ width: 50px; }
#litreqform select				{ font-size: 80%; }

.formclearer		{clear:both;padding-top:10px}
.formrowclearer		{clear:both;border-top:6px solid #ffffff}

/* Information tables in the copy */
.infotable					{font-size:120%;width:100%;border-top:1px solid #666666;border-left:1px solid #666666;margin:0}
.infotable th				{font-weight:bold;border-right:1px solid #666666;border-bottom:1px solid #666666;text-align:left;padding:4px;font-size:70%;vertical-align:top;background-color:#7BD3F9;}
.infotable td				{padding:0;border-right:1px solid #666666;border-bottom:1px solid #666666;padding:4px;font-size:70%;vertical-align:top;background-color:#CBECFD;}

 

#image						{float:left;width:100px;text-align:right;padding-right:10px; }
#image img					{padding:20px 0 0;display:block}

	



/* Other common HTML Tags that need to be styled for all browsers*/
img 					{ border: 0; }

body{
	background-color:#ffffff;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

@media print {

	
	#formcontent			{float: left; clear: none; padding: 0px 0 0 10px; width: 375px; }
	#middlecontentform		{float: left; clear: none; width: 375px;  }

}

/* error message
=============================================== */

#error-message {

}

	div#error-message div#error-message-inner {
		border: 2px solid #E00000;
		margin: 1em 0 1.75em 0;
		padding: 0.5em 0.5em 0 0.5em;
	}
		
		#error-message h2 {
			background: url(/images/icon-error-marker.gif) no-repeat 0% 50%;
			color: #E00000;
			font-size: 80%;
			margin: 0 0 1em 0;
			padding: 0.25em 0 0.25em 27px; /* extra padding to display image */
		}
		
		#error-message p {
			color: #E00000;
		}
		
		#error-message ul {
			margin: 0 0 0.5em 1.5em;
			padding: 0;
		}
			
			#error-message ul li {
				color: #E00000;
				font-size: 80%;
				list-style-image: url(/images/icon-error-bullet.gif);
				margin: 0;
				padding: 0 0 0.25em 0;
			}
				
				#error-message ul li label {
					color: #E00000;
					cursor: pointer;
					font-size: 100%;
					text-decoration: underline;
				}