/* This is the CSS for the BBC Climate Change Experiment stats pages */
/* Copyright Iain Inglis (2006) */

/* ColorBrewer: 5-class diverging RYG  */
/* RED:        (215,25,28)   (#d7191c) */
/* PUCE:       (253,174,97)  (#fdae61) */
/* WHITE       (255,255,191) (#ffffbf) */
/* LIGHT GREEN (166,217,106) (#a6d96a) */
/* GREEN       (26,150,65)   (#1a9641) */

/* used to set background colour for Web pages */
BODY
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* set font and colour for Web pages */
DT
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 24pt;
	font-weight: normal;
	color: #003366;
}
H1
{
	font-family: Verdana, Arial, Helvetica;
	color: #003366;
}
H2
{
	font-family: Verdana, Arial, Helvetica;
	color: #003366;
}
H3
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 14pt;
	color: #003366;
}
H3.banner
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 14pt;
	color: #003366;
}
H4
{
	font-family: Verdana, Arial, Helvetica;
	color: #003366;
}
H5
{
	font-family: Verdana, Arial, Helvetica;
	color: #003366;
}
H6
{
	font-family: Verdana, Arial, Helvetica;
	color: #003366;
}

/* set link styles: normal link */
a:link
{
	color: #003366;
}
a:visited
{
	color: #666699;
}

/* set menu styles: home selected */
a.home-menu:link
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
}
a.home-menu:visited
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
}
a.home-menu:hover
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #d7191c;
}
a.home-menu:active
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #d7191c;
}
td.home-menu
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
	background-color: #1a9641;
}

/* set menu styles: non-home not selected */
a.main-menu:link
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
}
a.main-menu:visited
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
}
a.main-menu:hover
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #a6d96a;
}
a.main-menu:active
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #a6d96a;
}
td.main-menu
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
	background-color: #d7191c;
}

/* set menu styles: non-home selected */
a.main-menu-open:link
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
}
a.main-menu-open:visited
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
}
a.main-menu-open:hover
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
}
a.main-menu-open:hover
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
}
a.main-menu-open:active
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
	color: #ffffbf;
}
td.main-menu-open
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	background-color: #fdae61;
	color: #ffffbf;
}

/* define small font for notes */
small 
{
	 font-size: 8pt;
}

/* set padding for tables */
table.whiteborder
{
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
}
td.whiteborder
{
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
}

/* SVG graph background for JPEG (as Internet Explorer has no alpha-blending on PNG) */
rect.svg
{
	fill: white;
	stroke: white;
}