/* General ------------------------------------------------- */

/* set page to landscape - 
	currently ignored by browsers except opera! :-( */
@page {
size: landscape;
}

/* font */
body {
		font-family : Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		color: #333333; /* dark grey */
		background-color:#FFFFFF;
}

/* for displaying QTime file */

/* hides the second object from all versions of IE */
* html object.mov {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
    display/**/: none;
}

/* images within links have no border, but 1px margin */
a img {
	border: none;
	margin: 1px;
	padding: 0px;
}

/* headers
	first and second level have the same font size as the rest of the document
	all headers have no padding or margins 
	all headers are black rather (rest of text is dark grey) */
h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

/* second level headers have light bottom border */
h2 {
	border-bottom: solid 1px silver;
	color: red;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	color: black;
}


/* title ------------------------------------------ */
/*	small top and bottom margins as padding for title 
	dark grey border at bottom to seperate from two column section */
div.title {
	padding: 0.33em 0;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	clear: both;
}

/* 2 column layout ------------------------------------------ */
/* left column 50% wide */
div.leftcolumn {
	float: left;
	margin: 0px;
	padding: 0px;
	width:50%;
	text-align: center;
	background-color:#E0E0E0;
}

/* right column 50% wide + paragraph internal padding to seperate columns */
.rightcolumn {
	margin-left: 50%;
	padding-left: 1.12em;
	border: 0px;
}

div.logos {
	float: left;
	margin: 0px;
	padding: 0px;
	width:50%;
}

.conditions {
	margin-left: 50%;
	padding-top: 75px;
	border: 0px;
	text-align: right;
	color: #666666;
}

div.leftaggregated {
	float: left;
	margin: 0px;
	padding: 0px;
	width:50%;
}

/* columns footer places dark border under the longest of the two columns */
div.columns-footer {
	clear: both;
	border-top: 1px solid #999999;
	margin: 0px;
	padding: 0px;
	text-align: center;
	page-break-after: always;
	font-size: 8pt;
}

.footer-bold {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}


/* resource section ------------------------------------------ */
/*	centre align the resource 
	padding of 10px around resource */
div.resource {
	text-align: center;
	border: 0px;
	margin-bottom:10px;
	margin-top: 10px;
}

img.resource {
	margin-top: 5%;
	margin-bottom: 5%;
	background-color: #CCCCCC;
} 

div.aggregated {
	display: block;
	padding: 0px;
	padding-top: 1.12em;
	padding-bottom: 1px; /* to ensure bottom shows in print out! */
}

/* information section ------------------------------------------ */
/* 	contains description and educational value sections
	paragraph padding as top padding
	dark border below to seperate from metadata section */
div.information {
	padding-top: 1.12em;
	padding-bottom: 1px; /* to ensure bottom shows in print out! */
	background-color: #FFFFFF;
}

/* align lists with other left hand edge of rest of text */
.information ul {
	margin-left: 2.12em;
}

/* metadata section ------------------------------------------ */
/* 	use table to layout metadata
	small font size
	paragraph padding as top and botton margin
*/

div.metadata {
	text-align: center;
	padding: 1.12em 0px;
}

table.metadata {
	width: 80%;
	margin-top: 1.12em;
	font-size: 0.95em;
	padding-top: 1em;
}

th, td {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* align logos in metadata with top of text */
span img {
	vertical-align: top;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* minimum width for metadata attribute names */
th {
	width: 6em;
}

img.icon {
	vertical-align:middle;
}