/* Rules just for the home page */

/* The four columns off the home page */
#main div {
	float: left;
	width: 245px;
}
	/* The mint green boxes  */
	#main div div, ul#linklist {
		float: none;
		width: auto;
		color: #004065;
		background: #b8cec4 url(/tpl/img/bg-main-div-div-home.png);
		margin: 0 0 0 18px;
		font-size: 85%;
	}
		/* .NET fix */
		#main div div div {
			background: none;
			margin: 0;
			font-size: 100%;
		}
		#main div div p {
			margin: 0 13px 1em 13px;
		}
		/* Killing lists */
		#main div div ul, #main div div li, #linklist, #linklist li {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#main div div ul {
			border-bottom: solid 1px #b8cec4;
			margin: 0 1px;
		}
		#main div div li {
			background: #b8cec4 url(/tpl/img/bg-main-div-div-li-home.png) top left no-repeat;
			margin: 0 12px 0.5em 15px;
			padding: 0 0 0 19px;
		}
			#main div div a {
				color: #004065;
			}

/* The second div - the introduction */
div#intro {
	padding: 1em 0 0 0;
	width: 238px;
}
	#intro h2 {
		margin: 0 0 1em 13px;
		font-size: 100%;
	}
	#intro p {
		margin: 0 0 1em 13px;
		text-align: justify;
	}
	#intro p.date {
		font-size: 80%;
		margin-bottom: 0;
	}
	#intro a {
		color: white;
		border-bottom: solid 1px white;
	}

#main div div h2 {
	margin: 1em 0;
	font-size: 100%;
}

#main div div h2 a {
	display: block;
	padding: 117px 0 0 0;
	text-align: center;
}

/* Institutional Investment */
div#institutional h2 a {
	background: url(/tpl/img/bg-institutional-h2-a.jpg) top no-repeat;
}

/* The login at the bottom of Institutional Investment */
#main div div fieldset, #main div div legend {
	border: none;
	padding: 0;
	margin: 0;
}
#main div div p.cap, ul#linklist {
	background: #b8cec4 url(/tpl/img/bg-main-div-div-cap.png) bottom no-repeat;
}
/* This might be needed for the CMS */
#main div div p.cap {
	margin: 0;
}
#main div div fieldset {
	background: url(/tpl/img/bg-main-div-div-cap.png) bottom no-repeat;
	margin: 0.7em 0 0 0;
}
	#main div div legend {
		font-weight: bold;
		padding: 0 7px 0.5em 7px;
	}
	/* Sorry, IE7, you were out-voted */
	html>/**/body #main div div legend {
		padding: 0 13px 0.5em 13px;
	}
		#main div div fieldset input {
			vertical-align: top;
		}
		#main > div div fieldset input {
			margin: 0 0 4px 0;
		}
		input[id="homepagelogin1_txtUserName"], input[id="homepagelogin1_txtPassword"] {
			padding: 5px 0 6px 0;
		}
		input#homepagelogin1_txtUserName, input#homepagelogin1_txtPassword {
			border: none;
		}
		/* Username */
		input#homepagelogin1_txtUserName {
			width: 198px;
			background: url(/tpl/img/bg-securetext.png) top no-repeat;
		}
		/* Password */
		input#homepagelogin1_txtPassword {
			width: 167px;
			background: url(/tpl/img/bg-securepass.png) top no-repeat;
		}

/* Institutional Trusts */
div#investment-trusts h2 a {
	background: url(/tpl/img/bg-investment-trusts-h2-a.jpg) top no-repeat;
}

/* The list of investment trusts */
ul#linklist {
	padding: 0 0 0.7em 0;
}
	/* This is kind of hacky, as it relies on a very specific mark-up.
	But, hey, it works, and probably won't offend a purist.*/
	ul#linklist li {
		background: url(/tpl/img/bg-linklist-li.png) top no-repeat;
		padding: 26px 0 0 0;
	}
		#linklist a {
			display: block;
			background: #b8cec4 url(/tpl/img/bg-main-div-div-home.png);
			padding: 0.4em 13px;
			color: #004065;
		}
			#linklist a strong {
				background: url(/tpl/img/bg-linklist-strong.png) top left no-repeat;
				padding: 0 0 0 25px;
				display: block;
			}

div#disclaimer a {color: white;}