body {
	background-color: white;
	color: black;
	font: 11pt verdana, sans-serif;
	margin: 0;
	text-align: center;
}

#header {
	background: #1F5A9B;
	color: white;
	margin: 0 auto 0 auto;
	height: 90px;
}

#header #logo {
	position: absolute;
	margin-left: -395px;
	left: 50%;
	top: 0;
	width: 144px;
	height: 120px;
}

#header #sitetitle {
	margin-top: 23px;
}

#navbar {
	padding-top: 0.5em;
	background: white url(../images/header_shad.png) repeat-x top;
}

#navbar #mainnav {
	font-size: 12pt;
	margin-bottom: 0.2em;
}

#navbar #subnav {
	font-size: 10pt;
	margin: 0.2em 0 0.2em 0;
}

#navbar #subsubnav {
	font-size: 10pt;
	margin: 0.25em 0 0.27em 0;
}

#navbar #subsubnav a {
	font-weight: normal;
}

#navbar a {
	padding: 0.26em 0.54em;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	line-height: 1.8;
}

#navbar a:hover, .nav-sel {
	background-color: #9fa0a6;
	text-decoration: none;
	color: white;
}

#content {
	width: 40em;
	margin: 2em auto 0 auto;
	padding: 0 1em;
	text-align: left;
	line-height: 1.3;
}

a {
	color: #1F5A9B;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font: 20pt arial;
	color: #1F5A9B;
	font-weight: normal;
	margin: 0.2em 0 0.6em 0;
}

h2 {
	font: 14pt arial;
	color: #1F5A9B;
	font-weight: normal;
	margin: 1.4em 0 0.8em 0;
}

h3 {
	color: #1F5A9B;
	font-weight: normal;
	font: 13pt arial;
}

img {
	border: 0;
}

img.flowed {
	float: right;
	margin: 0 0 0.8em 0.8em;
}

form {
	margin: 0;
}

ul {
	margin-top: 0.5em;
	margin-left: 0;
	padding-left: 1.5em;
}

li {
	margin-top: 0.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 0.5em;
}

table {
	border-collapse: collapse;
}

table th, table td {
	border: 1px solid #9fa0a6;
	padding: 0.5em;
}

div.news {
	margin-bottom: 3em;
}

div.smallnews {
	margin-bottom: 2em;
}

div.news div.newsinfo, div.smallnews div.newsinfo {
	font-size: 8pt;
	margin-top: 0.8em;
}

div.news div.newsinfo span.tags {
	padding-left: 1em;
}

#footer {
	margin-top: 4em;
	border-top: 1px solid #5b97d8;
	background-color: #1F5A9B;
	color: white;
	padding: 1em;
	vertical-align: bottom;
}

#footer #innerfoot {
	width: 40em;
	margin: 0 auto 0 auto;
	text-align: left;
	margin-top: 1em;
}

#footer #innerfoot p {
	margin-top: 0;
}

#footer a {
	color: white;
	border-bottom: 1px dotted white;
}

#footer a:hover {
	text-decoration: none;
	border-bottom: 1px solid white;
}

input, textarea, select {
	font: 11pt verdana, sans-serif;
}

input.submit {
	font-weight: bold;
	padding: 0.4em;
}

/* CSS Styles for code types */

code {
	font-size: 10pt;
}

code.block {
	display: block;
	line-height: 1.2;
	white-space: nowrap;
	overflow: auto;
	overflow-y: hidden;
}

code.inline {
	color: #dd0000;
}

/* CSS Styles for Download Buttons */

#downloadpanel {
	/* Cause the download panel to assume the height of the floated contents */
	overflow: hidden;
	width: 100%; /* Make the above work in IE6 */
}

.dldbutton {
	float: left;
	margin: 0;
	overflow: hidden;
}

.dldbutton a {
	display: block;
	width: 179px;
	height: 96px;
	color: white;
	text-decoration: none;
	margin: 0;
	padding-left: 85px;
}

.dldbutton a #dldbuttext {
	padding: 15px 0 0 0;
	font: 20pt arial;
	display: block;
}

#dldalternative {
	padding-top: 10px;
	padding-left: 280px;
}

/* CSS Styles for Radio Downloader */

#radiodldbtn a {
	background: #2C639D url(../tools/radiodld/images/dld_button.png) no-repeat 0 0;
}

#radiodldbtn a:hover {
	background: #4178B9 url(../tools/radiodld/images/dld_button.png) no-repeat -264px 0;
}

/* CSS Styles for BBC Graphics Viewer */

#beebviewbtn a {
	background: #2C639D url(../tools/beebview/images/dld_button.png) no-repeat 0 0;
}

#beebviewbtn a:hover {
	background: #4178B9 url(../tools/beebview/images/dld_button.png) no-repeat -264px 0;
}

/* CSS Styles for Changelogs */

#changelog h3 {
	font: 11pt arial;
	font-weight: bold;
	margin: 1em 0 0.3em 0;
	color: black;
}

#changelog div.severity {
	float: left;
	padding: 0 0.05em 0 0.05em;
}

#changelog div.severity.blocker { background-color: #ffa0a0; }
#changelog div.severity.critical { background-color: #ffc0a0; }
#changelog div.severity.major { background-color: #ffffa0; }
#changelog div.severity.normal { background-color: #e0e0e0; }
#changelog div.severity.enhancement { color: grey; }

#changelog div.severity acronym {
	border: 0;
}

#changelog div.shortdesc {
	margin-left: 2.5em;
}

/* CSS Styles for the Contact form */

#contactform {
	margin-top: 2em;
}

#contactform div {
	clear: both;
	margin-top: 0.23em;
}

#contactform div label {
	display: block;
	float: left;
}

#contactform div input, #contactform div select {
	margin-left: 8em;
	display: block;
}

#contactform div.message {
	margin: 1em 0 0.5em 0;
}

#contactform div.message textarea {
	width: 100%;
	margin-top: 0.4em;
}

#contactform div input.submit {
	margin-left: 0;
}