/* stylesheet for devzero.co.uk */
body {
	background-color : white;
	font-family : 'trebuchet ms', 'bitstream vera serif', sans-serif;
	font-size : 1.0em;
	margin : 0;
}

a {
	color : green;
	text-shadow : 0 0 0.1em teal;
	font-weight : bold;
	text-decoration : none;
}

a:hover {
	background-color : yellow;
	text-shadow : 0 0 0.2em teal;
}

div.main a:after {
	content:url('link.png');
}

li {
	padding-bottom : 0.5em;
	clear : both;
}

ul li {
	list-style-type : disc;
}

h1,h2,h3 {
	padding-top : 0.8em;
	text-shadow : 0.1em 0.1em 0.2em #999999;
	color : #CB4236;
	clear : both;
}

h2 {
	font-size : 14pt;
}

h3 {
	font-size : 12pt;
}

img {
	border : 0;
}

dfn {
	border-bottom : 1px dotted gray;
	font-variant : normal;
	font-style : italic;
	cursor : pointer;
}

div {
	text-align : justify;
	padding-left : 20px;
	padding-right : 20px;
	clear : both;
}

ul {
	text-align : justify;
	padding-left : 50px;
}

div.main {
	/* IE hack */
	padding : 0 20px 0 20px;
}

body>div.main {
        padding : 6em 20px 5em 20px;
}

div#opaque {
	/* IE hack */
	position : absolute;
	position : fixed;

	top : 0px; right : 0px; bottom : auto; left : 0px;

	margin : 0;
	padding : 0;
	background-color : white;
}

.flow {
	clear : none;
}

ul.flow li {
	clear : none;
}

h1#top {
	text-align : right;
	letter-spacing : 2px;
	display : block;
	background-color : black;
	color : #11FF00;
	font-family : 'courier new', courier, monospace;
	font-weight : bold;
	font-size : 1.8em;
	margin : 5px;
	padding : 5px;
}

div#w3logo {
	float : right;
	margin : 20px 5px 5px 20px;
	border : 0;
	padding : 0;
	clear : right;
}

div#menu {
	font-family : 'trebuchet ms', 'bitstream vera serif', sans-serif;
	font-size : 1.0em;
	border : 1px dotted gray;
	text-align : center;
	background-color : rgb(240,240,240);
	display : block;
	padding : 5px;
	margin : 5px;
}

div#menu a {
	padding : 5px;
}

img.imgright {
	float : right;
	border : 2px dashed black;
	margin : 20px;
}

img.imgleft {
	float : left;
	border : 2px dashed black;
	margin : 20px;
}

ul.instructions {
	padding : 0px 20px 0px 20px;
	color : white;
}

ul.instructions div {
	color : black;
	padding-bottom : 1em;
}

ul.instructions img.right {
	float : right;
	margin-left : 20px;
	margin-bottom : 10px;
	padding : 0;
	border : 2px dashed gray;
}

ul.instructions img.left {
	float : left;
	margin-right : 20px;
	margin-bottom : 10px;
	padding : 0;
	border : 2px dashed gray;
}

ul.instructions li {
	border : 1px dashed gray;
	background-color : rgb(245,245,245);
	padding : 10px 10px 0px 10px;
	margin : 5px;
}