/*********************************/
/* override the usual annoyances */
/*********************************/
ul,li,table,th,td,h1,h2,h3,h4,form,p {
	margin:0px;
	padding:0px;
	}
table {
	border-collapse:collapse;
	}
td {
	vertical-align:top;
	}
img {
	border:none;
	}

/***********************************************************************/
/* positioning, sizing/padding and backgrounds of main layout elements */
/***********************************************************************/
body {
	padding:0px;
	margin:0px;
	}
#body {
	margin-left:auto;
	margin-right:auto;
	}
#body,#b,#header {
	width:1044px;
	}
#content,#footer,#home {
	padding-left:73px;
	}
#content {
	width:971px;
	}
#footer,#home {
	width:891px;
	padding-right:73px;
	}
#home {
	padding-top:155px;
	padding-bottom:155px;
	text-align:center;
	}
#home a {
	text-decoration:none;
	}
#b,#bb,#header,#content,#footer,#home {
	float:left;
	}
	/**********/
	/* header */
	/**********/
	h1,#menu {
		float:left;
		}
	h1 {
		padding-left:73px;
		}
	#login {
		float:right;
		}
	#login.loggedin,#funds {
		width:277px;
		}
	/**********/
	/* content */
	/**********/
	#logo {
		display:block;
		margin-bottom:41px;
		}
	#logo,#intro {
		float:left;
		}
	#intro {
		width:697px;
		padding:0px 40px;
		}
	#intro.withfunds {
		width:500px;
		padding-left:40px;
		padding-right:40px;
		}
	#funds {
		float:right;
		}
	#data {
		width:891px;
		}
	
	
/***********************/
/* colours, font sizes */
/***********************/
	/****************************/
	/* main structural elements */
	/****************************/
	body {
		font-size:0.75em; /* a.k.a. typically 12px */
		font-family:"Lucida Sans","Lucida Grande",Arial, Helvetica,Lucida,sans-serif; /* http://www.codestyle.org/css/font-family/BuildBetterCSSFontStacks.shtml */
		color:#1a140a;
		background-color:#5C9038;
		}
	#b {
		background-image:url(images/b_bg.png);
		background-repeat:repeat-y;
		margin:50px 0px;
		}
	#bb {
		background-image:url(images/bb_bg.png);
		background-repeat:no-repeat;
		}
		
		/**********/
		/* header */
		/**********/
		#header {
			padding-top:26px;
			}
			/* menu box */
			#menu {
				color:#777777;
				font-weight:bold;
				margin-bottom:26px;
				}
			#menu .top,#menu .left,#menu .content,#menu .bottom,#menu .right {
				background-color:#000000;
				}
			#menu .topright {
				background-image:url(images/menu_topright.png);
				width:11px;
				height:11px;
				background-repeat:no-repeat;
				}
			#menu .content {
				vertical-align:middle;
				padding:1px 77px 3px 63px;
				}
			#menu .bottomright {
				width:11px;
				height:11px;
				background-image:url(images/menu_bottomright.png);
				background-repeat:no-repeat;
				background-position:bottom;
				}
			#menu .bottomleft {
				width:10px;
				height:10px;
				background-image:url(images/menu_flap.png);
				background-repeat:no-repeat;
				background-position:bottom right;
				}
			#menu a {
				color:#ffffff;
				text-decoration:none;
				margin:0px 3px;
				}
			#menu a.first {
				margin-left:0px;
				}
			#menu a.final {
				margin-right:0px;
				}
			#menu a.current {
				color:#FFF600;
				}
			/* login box */
			#login .top,#login .left,#login .content,#login .bottom,#login .right {
				background-color:#296210;
				}
			#login .topleft {
				background-image:url(images/login_topleft.png);
				width:11px;
				height:10px;
				background-repeat:no-repeat;
				}
			#login .bottomleft {
				width:11px;
				height:10px;
				background-image:url(images/login_bottomleft.png);
				background-repeat:no-repeat;
				background-position:bottom;
				}
			#login .bottomright {
				width:10px;
				height:10px;
				background-image:url(images/login_flap.png);
				background-repeat:no-repeat;
				background-position:bottom right;
				}
			/* login box - not logged in */
			#login table {
				margin-right:19px;
				}
			#login td {
				vertical-align:bottom;
				}
			#login td.first {
				padding-left:6px;;
				}
			#login h2 {
				color:#ffffff;
				font-weight:normal;
				font-family:"Chaparral Pro","Courier New", Courier, monospace;
				font-size:1.75em;
				}
			#login label {
				color:#ffffff;
				font-weight:bold;
				font-size:0.917em
				}
			#username,#password {
				width:123px;
				}
			#username {
				margin:2px 15px 2px 0px;
				}
			#password {
				margin:2px 17px 2px 0px;
				}
			
			/* login box - logged in */
			#login.loggedin p {
				line-height:1.4em;
				float:left;
				color:#ffffff;
				font-weight:bold;
				}
			#login.loggedin .user,#login.loggedin .user a {
				color:#fff600;
				}
			#login.loggedin .user a {
				font-size:0.917em;
				font-style:italic;
				}
			#login.loggedin a.logout {
				color:#ffffff;
				display:block;
				float:right;
				height:28px;
				width:66px;
				background-image:url(images/logout-bg.png);
				background-repeat:no-repeat;
				text-align:center;
				padding-top:5px;
				font-size:1.167em;
				font-weight:bold;
				text-decoration:none;
				}
		/**********/
		/* content */
		/**********/
			/* intro */
			#intro {
				font-size:1.167em;
				padding-bottom:41px;
				}
			#intro p,#intro ul {
				margin-bottom:19px;
				}
			#intro .highlight,#disclaimer .highlight {
				font-weight:bold;
				}
			
			/* login form */
			#intro label,#loginsubmit {
				display:block;
				margin-bottom:10px;
				}
			
			
			/* disclaimer */
			#disclaimer {
				float:left;
				width:737px;
				margin-left:114px;
				font-size:0.917em;
				padding:0px 0px 41px 40px;
				}
			#d {
				padding:24px 0px 0px 0px;
				border-top:1px solid #646464;
				}
			#disclaimer h2 {
				font-size:2em;
				font-weight:bold;
				}
			#disclaimer p {
				margin-bottom:14px;
				}
			
			/* funds box */
			#funds .top,#funds .left,#funds .content,#funds .bottom,#funds .right {
				background-color:#03558e;
				}
			#funds .topleft {
				background-image:url(images/funds_topleft.png);
				width:11px;
				height:11px;
				background-repeat:no-repeat;
				}
			#funds .content {
				padding:3px 0px 4px 5px;
				}
			#funds .bottomleft {
				width:11px;
				height:11px;
				background-image:url(images/funds_bottomleft.png);
				background-repeat:no-repeat;
				background-position:bottom;
				}
			#funds .bottomright {
				width:10px;
				height:10px;
				background-image:url(images/funds_flap.png);
				background-repeat:no-repeat;
				background-position:bottom right;
				}
			#funds {
				font-size:1.083em;
				font-weight:bold;
				}
			#funds h2 {
				display:none; /* it's only there for semantics, not for display */
				}
			#funds li {
				padding-bottom:4px;
				}
			#funds h3 {
				margin-bottom:3px;
				}
			#funds .current a {
				color:#fff600;
				}
			#funds .fund {
				margin:7px 0px;
				padding-left:15px;
				font-size:0.846em;
				font-weight:normal;
				background-image:url(images/bullet_white.png);
				background-repeat:no-repeat;
				}
			#funds .fund a {
				color:#ffffff;
				}
			#funds .fund.final {
				margin-bottom:0px;
				}
			#funds,#funds h3,#funds a {
				color:#ffffff;
				text-decoration:none;
				}
			#funds .fund a {
				margin:0px 4px;
				}
			#funds .fund h3 a {
				margin:0px;
				}
			#funds a.first {
				margin-left:0px;
				}
			#funds a.final {
				margin-right:0px;
				}
			#funds div.current h3 a, #funds a:hover, #funds a.current {
				color:#fff600;
				}
			#funds a:hover, #funds a.current {
				text-decoration:underline;
				}
  			
			/* funds list on /funds/ */
			#fund_intros li {
				padding-bottom:19px;
				}
			#fund_intros a {
				font-weight:bold;
				}
			
		/*************/
		/* data area */
		/*************/
		#data,#datasettings,#ytd,#table,#chart {
			float:left;
			}
		#data {
			border-top:1px solid #c6c6c6;
			}
		
		/* the data settings area */
		#datasettings {
			border-bottom:1px solid #646464;
			padding:20px 22px 15px 21px;
			width:848px;
			}
		#datasettings h3 {
			color:#1a140a;
			font-size:1.167em;
			margin:11px 0px 17px;
			}
		#datasettings td {
			padding-top:10px;
			}
		#datasettings tr.first td {
			padding-top:0px;
			}
		#datasettings td.heading {
			padding-right:6px;
			}
		#datasettings td.option {
			padding-right:59px;
			}
		#datasettings td.option.first {
			padding-right:21px;
			}
		#datasettings td,#datasettings label,#display-data {
			vertical-align:bottom; /* I don't particularly *want* things bottom-aligned (all cells are single-line), but this is the only option that makes all the elements actually line up! */
			}
		#display-data {
			margin-left:14px;
			}
		#datasettings .configuration,#datasettings .indented {
			padding-left:20px;
			}
		#datasettings .configuration {
			background-image:url(images/triangle_bullet.png);
			background-repeat:no-repeat;
			background-position:1px bottom;
			}
		
		/* the data table itself (and the YTD holder which goes with it) */
		#ytd,#table {
			margin:20px 20px 0px;
			}
		#ytd {
			padding:1px 5px;
			}
		#table,#table td,#table th {
			border:1px solid #5C9038;
			}
		#table td,#table th {
			padding:5px 30px;
			}
		#data #pdf_reader {
			margin:20px;
			}
		#table th {
			font-weight:bold;
			background-color:#03558E;
			color:#ffffff;
			text-align:left;
			}
		#table th.center {
			text-align:center;
			}
		#table a {
			background-image:url(images/document.png);
			background-repeat:no-repeat;
			background-position:center left;
			padding-left:10px;
			text-decoration:none;
			}
		#data #pdf_reader {
			float:left;
			}

		/* the chart itself */
		#chart {
			padding:25px 22px 30px 21px;
			}
		
		/***********************/
		/*      Funds page     */
		/***********************/
		
		table#fund_details
		{
			font-size : 1em;
			margin-bottom : 19px;
		}
		
		table#fund_details th
		{
			padding : 2px;
			padding-right : 4px;
			text-align : right;
		}
		
		table#fund_details td
		{
			padding : 2px;
		}
		
		div.fund_class_links
		{
			float : left;
			width : 200px;
		}
		
		div.fund_docs
		{
			float : left;
			width : 300px;
		}
		
		/***********************/
		/* Latest reports page */
		/***********************/
		#reports {
			margin-bottom:30px;
			}
		#reports a {
			text-decoration:none;
			}
		#reports a:hover {
			text-decoration:underline;
			}
		#reports a span {
			color:#5C9038;
			}
		
		
		/************/
		/* The team */
		/************/
		#the-team {
			margin-top:30px;
			}
		#the-team img {
			float:right;
			}
		#the-team h3 {
			margin-bottom:10px;
			}
		#the-team li {
			border-bottom:1px solid #646464;
			}
		
		
		/**********/
		/* footer */
		/**********/
		#footer .content {
			float:left;
			width:891px;
			border-top:1px solid #646464;
			padding:9px 0px 18px;
			}
		#footer a {
			color:#5c9038;
			}
		#oxburgh {
			float:left;
			font-size:0.917em;
			}
		#tjs {
			float:right;
			font-size:0.833em;
			}
		#tjs a,#copyright {
			font-weight:bold;
			}
		#footdisc {
			clear : both;
			font-size : 0.833em;
			margin-bottom : 10px;
			}
		
		
	/******************************/
	/* common items in any column */
	/******************************/
	h1 {
		font-size:5em;
		font-weight:normal;
		padding-bottom:18px;
		font-family:"Chaparral Pro","Courier New", Courier, monospace;
		}
	h2 {
		font-size:1.286em;
		font-weight:bold;
		margin-bottom:18px;
		}
	h3 {
		font-size:1em;
		}
	#intro h3 {
		margin-top:16px;
		}
	a {
		color:#03558e;
		}
	a:hover {
		text-decoration:none;
		}
		/************************/
		/* commonly-used styles */
		/************************/
		.clear {
			clear:both;
			display:block;
			}
		/* er, I've used .left and .right for various things that aren't to be floated, so don't resurrect these class names! */
		/*.left {
			float:left; 
			}
		.right {
			float:right;
			}*/
		/* er, I've used .left and .right for various things that aren't to be floated, so don't resurrect these class names! */
		.error,.info {
			font-size:1.5em;
			color:#ca6121;
			}
		.note {
			font-size:0.833em;
			}
		#intro .note {
			font-size:0.786em;
			}
		.debug {
			border:3px solid red;
			color:red;
			}
		/*******************************/
		/* horizontal unbulleted lists */
		/*******************************/
		/* don't move these down as things in the "common items in the middle column" section "overload" styles defined here */
		#something li {
			list-style:none;
			display:inline;
			}
		/***********************************************************/
		/* horizontal unbulleted lists WITH BLOCK ELEMENTS IN THEM */ /* can't use display:inline */
		/***********************************************************/
		/* don't move these down as things in the "common items in the middle column" section "overload" styles defined here */
		#something_else li {
			list-style:none;
			float:left;
			}
		/********************/
		/* unbulleted lists */
		/********************/
		/* don't move these down as things in the "common items in the middle column" section "overload" styles defined here */
		#reports li,#the-team li,#funds li,#fund_intros li {
			list-style:none;
			}





/****************************************************/
/* horrible bright colours - useful when developing */
/****************************************************/
/*#header {
	background-color:cyan;
	}
#content {
	background-color:red;
	}
#footer {
	background-color:magenta;
	}
#menu {
	background-color:yellow;
	}
#intro {
	background-color:pink;
	}
#content {
	background-color:lime;
	}
#signposts {
	background-color:red;
	}
#signposts li {
	background-color:yellow;
	}
#enquiry {
	background-color:green;
	}
#footer {
	background-color:cyan;
	}
#footer li {
	background-color:red;
	}*/