/*
	EDUCATION FOR CHANGE CSS
	CREATED: 12.09.06
	MODIFIED: 18.06.08
	AUTHOR: ANDY FIELD
*/

/*
	COLOURS
	CLARET OLD: #d8519a
	CLARET NEW: #a5003a
	DARK GREY: #848384
	MID GREY: #dedede
	TEXT GREY: #555
	SIDEBAR BLUE: #809cc9
*/

/* UNDO CSS ********************************************************************/

dl,ul,ol,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{
	margin: 0;
	padding: 0;
	text-align: left;
}

a img,:link img,:visited img
{
	border: none;
}

address,abbr
{
	font-style: normal;
}

img
{
	border: none;
}

h1,h2,h3,h4,h5,h6,pre,code
{
	font-size: 1em;
	line-height: 1em;
}

ul,ol,dl
{
	list-style: none;
}

:link,:visited
{
	text-decoration: none;
}

.divider
{
	margin-top: 0.4em;
	padding: 0 0 1.4em 0;
	border-top: 1px solid #dedede;
}

/* GENERIC CONTROLS ************************************************************/

body
{
	font-family: 'lucida grande', verdana, sans-serif;
	font-size: 62.5%;
	line-height: 100%;
	text-align: left;
	border-top: 4px solid #848384;

}

.clearme
{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

.skip
{
	position: relative;
	text-indent: -3000px;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
}

a:link,
a:visited
{
	color: #a5003a;
	text-decoration: none;
}

a:hover,
a:active
{
	color: #a5003a;
	text-decoration: underline;
}

p img.ir
{
	float: left;
	margin: 0 1em 1em 0;
}

p img.il
{
	float: right;
	margin: 0 0 1em 1em;
}

/* TYPOGRAPHIC CONTROLS ********************************************************/

p, ul, dl, ol
{
	font-size: 1.2em;
	line-height: 1.4em;
	padding-bottom: 0.8em;
}

p.date
{
	font-size: 1em;
	color: #555;
	padding-bottom: 0.2em;
}

p.notes
{
	font-size: 1.3em;
	font-weight: bold;
	color: #a5003a;
	padding-bottom: 0.2em;
	
}


p.small
{
	font-size: 1em;
}

p.result
{
	padding: 0 0 1.4em 0;
}

span.alert
{
	font-weight: bold;
	color: #a5003a;
}

h1, h2, h3, h4, h5, h6
{
	font-family: georgia;
	font-weight: normal;
	color: #a5003a;
}

h1
{
	font-size: 2.4em;
	line-height: 1.2em;
	padding-bottom: 0.6em;
}

h2
{
	font-size: 2.2em;
	line-height: 1.1em;
	padding-bottom: 0.4em;
}

h3
{
	font-size: 1.8em;
	line-height: 1.2em;
	padding-bottom: 0.4em;
}

h3.rhd
{
	padding-bottom: 0.2em;
}

h4
{
	font-size: 1.5em;
	padding-bottom: 0.4em;
}

h5
{
	font-size: 1.3em;
	padding-bottom: 0.4em;
}

h6
{
	font-size: 1.2em;
	padding-bottom: 0.4em;
}

#header h1 a
{
	position: relative;
	display: block;
	float: left;
	width: 132px;
	height: 120px;
	text-indent: -3000px;
	background: url(/collateral/logo.png) 0 0 no-repeat;
	overflow: hidden;
}

#header h1 a:hover
{
	text-decoration: none;
}

#header h2
{
	font-size: 2.4em;
	color: #555;
	padding: 1.3em 0 0 0;
}

#header h2 span
{
	color: #a5003a;
	/* vertical-align: text-bottom; */
}

#header ul
{
	font-size: 1em;
	line-height: 1em;
}

#footer p,
#footer ul
{
	font-size: 1em;
	line-height: 1em;
	color: #555;
	padding: 0 0 0.6em 0;
}

.top
{
	float: right;
}

#content ul,
#colmainrhs ul
{
	list-style: disc url(/collateral/bullet.png) outside;
	margin: 0 4em;
}

#content ul ul,
#colmainrhs ul ul,
#content ul ul ul,
#colmainrhs ul ul ul,
#content ul ol,
#colmainrhs ul ol,
#content ul ul ol,
#colmainrhs ul ul ol,
#content ol ol,
#colmainrhs ol ol,
#content ol ol ol,
#colmainrhs ol ol ol
{
	font-size: 100%;
	margin: 0 2em;
	padding: 1em 0 0 0;
}

#content ol,
#colmainrhs ol
{
	list-style-image: none;
	list-style-type: decimal;
	margin: 0 4em;
}

#content ul.decimal,
#colmainrhs ul.decimal
{
	list-style-type: decimal;	
	list-style-image: none;
}

#content ul.roman,
#colmainrhs ul.roman,
#content ol.roman,
#colmainrhs ol.roman
{
	list-style-type: lower-roman;
	list-style-image: none;
}

#content ul.alpha,
#colmainrhs ul.alpha,
#content ol.alpha,
#colmainrhs ol.alpha
{
	list-style-type: lower-alpha;
	list-style-image: none;
}

#content li,
#colmainrhs li
{
	padding: 0 0 0.4em 0;
}

#content dl,
#colmainrhs dl
{
	list-style-type: none;
	padding-top: 1em;
}

#content dt,
#content dd a.level00,
#content dd a.level01,
#colmainrhs dt,
#colmainrhs dd a.level00,
#colmainrhs dd a.level01
{
	font-weight: bold;
}

#content dd,
#colmainrhs dd
{
	display: block;
	padding: 0.3em 0;
	border-bottom: 1px solid #dedede;
}

blockquote
{
	margin: 1em 4em;
	padding: 0 0 0 1em;
	border-left: 2px solid #a5003a;
}

blockquote p
{
	font-size: 1.4em;
	font-style: italic;
	color: #848384;
	padding: 0 0 0.4em 0;
}

cite
{
	font-style: normal;
	line-height: 1em;
	color: #848384;
}

/* BREADCRUMB CONTROLS *********************************************************/

#breadcrumbs
{
	color: #848384;
	margin: 0 0 1.4em 0;
	padding: 0 0 0.6em 0;
	border-bottom: 1px solid #dedede;
}

/* SIDEBAR CONTROLS ************************************************************/

#sidebar blockquote
{
	margin: 0;
	padding: 0.8em;
	border: none;
}

#sidebar h3
{
	color: #fff;
}

#sidebar blockquote p
{
	font-size: 1.1em;
	font-style: normal;
	color: #fff;
	padding: 0;
}

#sidebar blockquote a,
#sidebar blockquote a:hover
{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 0.4em 1em 0;
	background: url(/collateral/sidebararrow.png) right top no-repeat;
}

/* NAVIGATION CONTROLS *********************************************************/

#header ul
{
	display: block;
	float: right;
	height: 2em;
	padding-bottom: 2em;
}

#header li
{
	float: left;
	display: inline;
}

#header li a
{
	display: block;
	color: #555;
	padding: 1em 0.6em 0 0.6em;
	border-left: 1px solid #555;
}

#header li a.end
{
	padding-right: 0;
}

ul#nav
{
	display: block;
	list-style: none;
	list-style-image: none;
	width: 140px;
	font-size: 100%;
	margin: 0;
}

ul#nav li
{
	font-size: 1.1em;
	line-height: 1em;
	border-bottom: 1px solid #fff;
	padding: 0;
}

ul#nav li a.level00,
ul#nav li a.level01
{
	display: block;
	color: #fff;
	padding: 4px 10px 4px 6px;
	background: #848384 url(/collateral/nav.png) 0 0 no-repeat;
}

ul#nav li a.level00:hover,
ul#nav li a.level01:hover
{
	display: block;
	color: #fff;
	padding: 4px 10px 4px 6px;
	background: #a5003a url(/collateral/nav.png) 0 -50px no-repeat;
	text-decoration: none;
}

/* ul#nav li a.level02
{
	display: block;
	color: #a5003a;
	padding: 4px 3px 4px 18px;
	background: url(/collateral/navlevel02.png) 0 0 no-repeat;
}

ul#nav li a.level02:hover
{
	display: block;
	color: #fff;
	padding: 4px 3px 4px 18px;
	background: #a5003a url(/collateral/navlevel02.png) 0 -50px no-repeat;
	text-decoration: none;
} */

ul#nav li a.level02
{
	display: block;
	font-weight: bold;
	color: #a5003a;
	padding: 4px 3px 4px 4px;
}

ul#nav li a.level02:hover
{
	display: block;
	color: #fff;
	text-decoration: none;
	background: #a5003a;
}

ul#nav li a.level03
{
	display: block;
	color: #a5003a;
	padding: 4px 3px 4px 18px;
	background: url(/collateral/navlevel03.png) 0 0 no-repeat;
}

ul#nav li a.level03:hover
{
	display: block;
	color: #fff;
	padding: 4px 3px 4px 18px;
	background: #a5003a url(/collateral/navlevel03.png) 0 -50px no-repeat;
	text-decoration: none;
}


ul#nav li a.level04
{
	display: block;
	color: #a5003a;
	padding: 4px 3px 4px 28px;
	background: url(/collateral/navlevel03.png) 10px 0 no-repeat;
}

ul#nav li a.level04:hover
{
	display: block;
	color: #fff;
	padding: 4px 3px 4px 28px;
	background: #a5003a url(/collateral/navlevel03.png) 10px -50px no-repeat;
	text-decoration: none;
}

#footer ul
{
	display: block;
	margin-bottom: 1.6em;
}

#footer li
{
	float: left;
	display: inline;
}

#footer li a
{
	display: block;
	padding: 0 0.4em;
	border-left: 1px solid #555;
}

#footer li a.start
{
	padding-left: 0;
	border: none;
}

/* WIDGET CONTROLS *************************************************************/

ul#widgets
{
	display: block;
	list-style: none;
	list-style-image: none;
	width: 140px;
	font-size: 100%;
	margin: 0;
	padding: 10px 0 0 0;
}

ul#widgets li
{
	font-size: 1.1em;
	line-height: 1em;
}

ul#widgets li a.printme
{
	display: block;
	height: 16px;
	color: #848384;
	padding: 2px 0 0 20px;
	background: #fff url(/collateral/icons.png) 0 0 no-repeat;
}

ul#widgets li a.printme:hover
{
	color: #a5003a;
	background: #fff url(/collateral/icons.png) -144px 0 no-repeat;
}

ul#widgets li a.emailme
{
	display: block;
	height: 16px;
	color: #848384;
	padding: 2px 0 0 20px;
	background: #fff url(/collateral/icons.png) 0 -30px no-repeat;
}

ul#widgets li a.emailme:hover
{
	color: #a5003a;
	background: #fff url(/collateral/icons.png) -144px -30px no-repeat;
}

/* LAYOUT CONTROLS *************************************************************/

#headercontainer,
#contentcontainer,
#footercontainer
{
	/* width: 760px; */
	width: 92%;
	margin: 0 auto;
	padding: 0 0 0 1em;
	text-align: left;
}

#header
{
	/* height: 14em; */
	padding: 0 0 1.4em 0;
	background: #fff url(/collateral/hbg.png) center top no-repeat;
}

#headercontainer
{
	background: url(/collateral/headerbg.png) 0 0 no-repeat;
}

#hlhs
{
	float: left;
	/* width: 580px; */
	/* width: auto; */
	width:70%;
	/* height: 10em; */
}

#hrhs
{
	float: right;
	/* width: 180px; */
	width: 18em;
}

#content
{
	padding: 16px 0;
	background: #fff url(/collateral/grad.jpg) 0 0 repeat-x;
	border-top: 3px solid #a5003a;
}

#collhs
{
	float: left;
	/* width: 160px; */
	width: 16em;
}

#wrapper
{
	float: right;
	width: 100%;
	/* float: left; */
	/* width: 600px; */
	/* width: 60em; */
	margin: 0 0 0 -17em;
}

#colmain
{
	margin: 0 0 0 17em;
}

#frapr
{
	float: left;
	width: 100%;
	margin: 0 -19em 0 0;
}

#colmainlhs
{
	margin: 0 19em 0 0;
}

#colmainrhs
{
	float: right;
	width: 18em;
}

#news
{
	float: left;
	width: 39em;
}

#sidebar
{
	float: right;
	width: 18em;
	background: #809cc9 url(/collateral/sidebar.jpg) 0 0 no-repeat;
	border: 1px solid #809cc9;
}

#altcolmain
{
	float: left;
	/* width: 420px; */
	width: 38em;
}

#colrhs
{
	float: right;
	/* width: 200px; */
	width: 20em;
}

#footer
{
	margin: 10px 0 0 0;
	padding: 16px 0;
	background: #fafafa;
	border-top: 1px solid #a5003a;
}

#flhs
{
	float: left;
}

#frhs
{
	float: right;
}

/* FORM CONTROLS ***************************************************************/

fieldset
{
	border: none;
	margin: 0 0 1em 0;
}

form,
input,
select,
textarea
{
	font-family: 'lucida grande', verdana, sans-serif;
	font-size: 100%;
}

#header fieldset
{
	float: right;
}

input,
select,
textarea
{
	padding: 0.1em;
	vertical-align: middle;
}

input.short
{
	width: 10em;
	font-size: 1.1em;
}

input.long,
textarea.long
{
	width: 22em;
}

textarea.long
{
	height: 10em;
}

#header label
{
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #555;
	padding: 0 0 0.6em 0;
}

fieldset p
{
	font-size: 1.2em;
	line-height: 1em;
	padding: 0 0 0.6em 0;
}

fieldset p.end
{
	padding: 0 0 0 0;
}

label
{
	display: block;
	font-weight: bold;
	padding: 0 0 0.4em 0;
}

label.alt
{
	font-weight: normal;
	padding: 0;
}

.btn
{
	text-align: center;
}

/* TAB CONTROLS ****************************************************************/

.panel
{
	clear: both;
	display: none;
	padding: 1em;
	background: #fff;
	border: 1px solid #dedede;
}

.panel.active-tab-body
{
	display: block;
}

ul#tabs
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#tabs li
{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

#tabs li a
{
	display: block;
	color: #fff;
	padding: 0.3em 0.4em;
	background: #848384;
	border-right: 1px solid #fff;
	text-decoration: none;
}

#tabs li a:hover,
#tabs li a.active-tab
{
	color: #fff;
	background: #a5003a;
	text-decoration: none;
}

dl#map
{
	position: relative;
	width: 477px;
	height: 240px;
	background: #fff url(/collateral/map.png) 0 0 no-repeat;
}

dl#map dd
{
	position: absolute;
	margin: 0;
	padding: 0;
	border: none;
}

#uk
{
	position: relative;
	left: 201px;
	top: 64px;
	width: 21px;
	height: 21px;
}

#uk a,
#uk span
{
	display: block;
	width: 21px;
	height: 21px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* text-indent: -3000px; */
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
}

/* #uk a:hover
{
	text-decoration: none;
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
} */

#europe
{
	left: 222px;
	top: 78px;
	width: 21px;
	height: 21px;
}

#europe span
{
	position: absolute;
	display: block;
	width: 21px;
	height: 21px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* text-indent: -3000px; */
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
}

/* #europe a:hover
{
	text-decoration: none;
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
} */

#cee
{
	left: 241px;
	top: 72px;
	width: 21px;
	height: 21px;
}

#cee span
{
	position: absolute;
	display: block;
	width: 21px;
	height: 21px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* text-indent: -3000px; */
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
}

/* #cee a:hover
{
	text-decoration: none;
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
} */

dd#africa
{
	left: 235px;
	top: 125px;
	width: 21px;
	height: 21px;
}

dd#africa span
{
	position: absolute;
	display: block;
	width: 21px;
	height: 21px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* text-indent: -3000px; */
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
}

/* dd#africa a:hover
{
	text-decoration: none;
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
} */

dd#southamerica
{
	left: 135px;
	top: 160px;
	width: 21px;
	height: 21px;
}

dd#southamerica span
{
	position: absolute;
	display: block;
	width: 21px;
	height: 21px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* text-indent: -3000px; */
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
}

/* dd#southamerica a:hover
{
	text-decoration: none;
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
} */

dd#middleeast
{
	left: 280px;
	top: 105px;
	width: 21px;
	height: 21px;
}

dd#middleeast span
{
	position: absolute;
	display: block;
	width: 21px;
	height: 21px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* text-indent: -3000px; */
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
}

/* dd#middleeast a:hover
{
	text-decoration: none;
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
} */

dd#centralasia
{
	left: 303px;
	top: 80px;
	width: 21px;
	height: 21px;
}

dd#centralasia span
{
	position: absolute;
	display: block;
	width: 21px;
	height: 21px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* text-indent: -3000px; */
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
}

/* dd#centralasia a:hover
{
	text-decoration: none;
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
} */

dd#southasia
{
	left: 316px;
	top: 110px;
	width: 21px;
	height: 21px;
}

dd#southasia span
{
	position: absolute;
	display: block;
	width: 21px;
	height: 21px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* text-indent: -3000px; */
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
}

/* dd#southasia a:hover
{
	text-decoration: none;
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
} */

dd#southeastasia
{
	left: 363px;
	top: 136px;
	width: 21px;
	height: 21px;
}

dd#southeastasia span
{
	position: absolute;
	display: block;
	width: 21px;
	height: 21px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* text-indent: -3000px; */
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
}

/* dd#southeastasia a:hover
{
	text-decoration: none;
	background: url(/collateral/hotspot.png) 0 -21px no-repeat;
} */

/* TABLE CONTROLS **************************************************************/

table
{
	font-size: 100%;
	margin-bottom: 2em;
	border-collapse: collapse;
}

th, td
{
	font-size: 1.2em;
	line-height: 1.4em;
	vertical-align: top;
	padding: 0.2em 1em 0.2em 0.4em;
	border-right: 1px solid #fff;
}

thead th
{
	font-weight: bold;
	color: #fff;
	background: #a5003a;
	/* background: #848384; */
}

tbody th
{
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}

tbody td
{
	border-bottom: 1px solid #ddd;
}

/* STYLE GUIDE CONTROLS ********************************************************/

.stylebox
{
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #dedede;
}

.styleboxlhs
{
	float: left;
	width: 24em;
	margin-right: 2em;
}

.styleboxrhs
{
	float: left;
	width: 24em;
}