/* Print stylesheet */
body {
	color: black;
	background: white;
	padding: 0;
	margin: 0;
	font-size: 80%;
}

body {
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

/* Stuff which hides on printing */
div#topnav, p#subnav, p.division, .screen {
	display: none;
}

h1, h2, h3, h4 {
	margin: 0;
	font-weight: normal;
	font-size: 100%;
}

/* The top bar */
h1, h2 {
	background: #000063;
	color: white;
}

h1 {
	padding: 10px 0 0 0;
}
	h1 img {
		display: block;
		margin: 0 auto 0 0;
	}

h2 {
	padding: 0 0 10px 0;
	font-size: 150%;
}
	h2 em {
		color: #f90;
		font-style: normal;
		font-weight: bold;
	}

/* General rules */
a img {
	border: none;
}
a {
	color: #000063;
}
p {
	margin: 0 0 1em 0;
}
hr {
	height: 1px;
	padding: 0 0 10px 0;
	border: 0;
	border-top: 1px solid #EAEAEA;
	color: #fff;
}

/* Graphic heading on inside pages */
h3 {
	margin: 0 0 10px 0;
}

/* This is the paragraph which holds the screengrab(s) */
p#grab {
	border: solid 7px #ccc;
}
	#grab img {
		border: solid 1px white;
	}

/* These are the boxes with text in them */
div.notes, div.info {
	padding: 13px 13px 0 13px;
	border: solid 1px #666;
	margin: 0 0 1em 0;
}
div.info {
	border: solid 1px #ccc;
}
	.notes h4, .info h4 {
		margin: 0 0 10px 0;
		font-size: 200%;
		font-weight: bold;
		color: #444;
	}
	.notes ul, .info ul {
		list-style-image: url(/elinktraining/img/bullet-notes.gif);
		margin: 0 0 14px 0.7em;
		padding: 0 0 0 0.7em;
	}
		.notes li, .info li {
			margin: 0 0 0.7em 0;
		}
	/* These fit together like jigsaw pieces */
	.notes p, .info p {
		margin-bottom: 14px;
	}