body {
	margin: 1.2em;
	font-family: Verdana, Arial, Georgia;
	font-size: 80%;	
}

/* Generic pre, span#date and pre#screen for use everywhere. */

pre {
	text-align: left;
	font-size: 100%;
	font-family: Courier New;
}

span.date {
	background: transparent;
	color: #2c5663;
	font-style: italic;
}

.broken {
	background: inherit;
	color: #ccc;
}

.broken:after {
	content: " [broken]";
	color: red;
	font-weight: bold;
}

pre.dialogue, pre.screen {
	background: #eee;
	color: black;
	font-family: Courier New;
	padding: 1em;
	width: 80%;
	margin-left: 4em;
}

p.question {
	color: blue;	
}

div.answer {
	margin: 2%;
}

code {
	color: rgb(0,128,90);
	background: inherit;
	font-weight: bold;
	font-family: Courier New;
	font-size: 100%;
}

/* Table styles as used by e.g. /site/module-owners */
table {
	width: 100%;
	background: #eee;
}

table tr th {
	background: #eee;
	color: black;
}

table tr td {
	background: white;
	color: gray;
	padding-left: .5em;
}

/* headlines in left-hand navigation menu */
li.navhead {
	background: transparent;
	color: rgb(0,128,90); 
	font-weight: bold;
	padding-left: 2px;
	margin-left: 3px;
	text-align: center;
}

div.header {
	background: #b7dbd5;
	width: 100%;
	height: 45px;
}

h1.mongers {
	margin-left: 1%;
	color: rgb(0,128,90);
	background: inherit;
}

/* styles used for hrefs site-wide */

a:visited:hover { 
	color: green; 
	background: inherit;
}

a:visited { 
	color: black; 
	background: inherit;
}

a:link { 
	color: rgb(0,128,90);
	background: inherit; }

a:link:hover { 
	color: green; 
	background: inherit;
}

/* styles used for a hrefs on navigation items */
a.navitem:visited, a.navitem:link  {
	text-decoration: none;
}

a.navitem:link:hover  {
	text-decoration: underline;
	color: rgb(0,128,90);
	background: transparent;
}

a.navitem:visited:hover {
	text-decoration: underline;
	background: transparent;
}

div.navigate-pane {
	width: 15%;
	text-align: left;
	float: left;
}

div.newspane {
	width: 75%; 
	text-align: left;
	float: right;
	margin-right: 3%;
}

div.quicknav {
	color: #b7dbd5;
	background:  rgb(0,128,90);
	text-align: right;
	font-size: small;
	padding: 1px;
	margin-right: 0px;
}

/* quicknav items same colour, even if visited */
a.quicknavitem:link, a.quicknavitem:visited {
	color: #b7dbd5;
	background: inherit;
	text-decoration: none;
}

a.quicknavitem:link:hover, a.quicknavitem:visited:hover {
	text-decoration: underline;
}

li.navlist {
	background: #b7dbd5;
	margin-left: 3px;
	padding: 1px;
	border: thin solid white;
	list-style-type: none;
}

li.copyright {
	text-align: center;
	color: #b7dbd5;
	background: inherit;
}

.title {
	font-style: italic;
}

ul.no-bullet {
	list-style-type: square;
}

/* #services sitemap */
/*
#services ul {
	list-style-type: none;
}

#services ul li {
	background-color: #eeeeee;
	margin: 1px;
	padding: 0px 0px 2px 2px;
	text-align: center;
}

#services ul ul li {
	background-color: white;
	padding: 0; 
	text-align: left;
}

#services ul a:link:hover, #services ul a:visited:hover {
	text-decoration: none;;
}
*/
/* breadcrumbs styling stolen mostly from alistapart.com */
#bread {
	color: #ccc;
	background: inherit;
	padding: 3px;
	margin-bottom: 25px;
}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
}

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

#bread ul li:before {
	content: "\0020 \0020 \00BB \0020";
	color: #ccc;
	background: inherit;
}

#bread ul li.first:before {
	content: " ";
}


#bread a {
	color: inherit;
	background: inherit;
	text-decoration: none;
}

#bread a:hover {
	text-decoration: underline;
}