/*
 *
 */

body {
	margin: 0.5em;
	/* The border settings are inserted by the JavaScript in order to
	 * achieve graceful degradation when JavaScript is not available.
	 */
	/*border: 1px solid #990000;*/
	/*line-height: 125%;*/
	font-family: sans-serif;
}

div.header, div.footer {
	color: white;
	background-color: #990000;
	clear: right;
	font-family: serif;
}

div.header {
	padding: 0.5em;
	padding-right: 64px;
	/* Can't use transparent png due to bugs in IE */
	/*background-image: url(images/white_cheetah_leftfacing-56x24.png);*/
	background-image: url(images/white_cheetah_leftfacing_on_red_bg-56x24.png);
	background-repeat: no-repeat;
	/*background-position: center right;*/
	background-position: 98% 50%;
}

/* Make the links in the header very subtle. Their functionality is duplicated by
 * both the users back button and the naviagation on the right hand side. For this
 * reason we make them a 'power-user' feature rather then let them spoil the
 * cosmetic appearence of the title.
 */
.header a:link { color: white; text-decoration: none; }
.header a:visited { color: white; text-decoration: none; }
.header a:hover { color: white; text-decoration: underline; }
/*a.footer:active {color: red; }*/

.header h1 {
	padding: 0;
	margin: 0;
	font-size: medium;
}

div.footer {
	padding: 0.5em;
	text-align: center;
	font-size: small;
}

/* make the links in the footer very subtle (just because) */
.footer a:link { color: white; text-decoration: none; }
.footer a:visited { color: white; text-decoration: none; }
.footer a:hover { color: white; text-decoration: underline; }
/*a.footer:active {color: red; }*/

div.sidebar {
	float: right;
	width:160px;
	margin:0;
	padding:1em;
	font-family: serif;
}

.sidebar h2 {
	font-size: medium;
	border: 0;
	padding: 0;
	margin: .83em 0;
}

.sidebar ul {
	padding: 0;
	padding-left: 6px;
	margin: 0;
	list-style-type: none;
	font-size: 90%;
}

div.content {
	margin-right: 190px;
	border-right: 1px solid #990000;
	padding: 1em;
}

div.purecontent {
	padding: 1em;
	font-family: sans-serif;
}

.content h1 {
	text-align: center;
	/*padding-bottom: 0.5em;*/
	color: #990000;
}

/* TODO: need to work harder on positioning (so we scale well) */
h2 {
	border-bottom: 1px solid #990000;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

img {
	float: right;
	border: 0;
	margin: 12px 0 12px 12px;
}

img.nofloat {
	float: none;
}

img.bordered {
	border: 2px ridge #990000;
	padding: 2px;
}

dl {
	margin: 3px 0;
	padding: 0;
}

dt {
	position: relative;
	top: 1.2em;
	width: 4em;
	font-weight: bold;
}

dd {
	border-left: 1px solid #990000;
	margin: 0 0 0 6em;
	padding: 0 0 .5em .5em;
	top: 1.1em;
}

/* make the links match the other screen furniture */
a:link { color: #660000; text-decoration: underline; }
a:visited { color: #660066; text-decoration: underline; }
/*a.footer:active {color: red; }*/