/*
	EDUCATION FOR CHANGE PRINT CSS
	CREATED: 12.09.06
	MODIFIED: 22.10.06
	AUTHOR: ANDY FIELD @ KUBRICA
*/

/*
	COLOURS
	CLARET: #a5003a
	DARK GREY: #848384
	MID GREY: #dedede
	TEXT GREY: #555
*/


/* 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;
}

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: 62.5%/100% 'lucida grande', verdana, sans-serif;
	text-align: left;
	margin: 0.6em;
	padding: 0.6em;
}

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

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

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

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

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

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

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

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

#header h1 a
{
	line-height: 1em;
	color: #000;
	padding-bottom: 0;
}

#header h2
{
	font-size: 2em;
	line-height: 1.1em;
	color: #000;
	padding-bottom: 0;
}

#header h2 span
{
	color: #a5003a;
}

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

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

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

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

h5
{
	font-size: 1.3em;
}

h6
{
	font-size: 1.2em;
}

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

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

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

#content ul.roman
{
	list-style: lower-roman;
	list-style-image: none;
}

#content ul.alpha
{
	list-style: lower-alpha;
	list-style-image: none;
}

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

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

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

#content 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;
}

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

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

#comments
{
	padding: 1em 0;
}

#header
{
	background: #fff;
	margin-bottom: 1em;
	padding: 1em 0;
	border-top: 4px solid #000;
	border-bottom: 1px solid #555;
}

#content,
#footer
{
	background: #fff;
	padding: 1em 0 0 0;
}

.skip,
#breadcrumbs,
#hrhs,
#widgets,
ul#nav,
#footer ul,
#frhs
{
	display: none;
}

/* 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;
}

#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;
}

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

.panel
{
	clear: both;
	display: none;
	padding: 1em;
	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.2em 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;
}