body {
	/* IE workaround */
	text-align: center;
}

#wrapper {
	width: 980px;
	margin: 0px auto;
	border: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, non serif;
	font-size: 12px;
	background-color: black;

	/* IE workaround */
	text-align: left;
}

#header {
	border: 0px;
	padding: 0px;
}

#header img {
	border: 0;
}

#content {
	background-image:  url(images/content_bk.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	padding-bottom: 0px;
	height: 400px;
}

#content div {
	padding: 0px;
	float: left;
}

#left {
	width: 427px;
}

#rss {
	background-image:  url(images/rssfeed_bk.gif);
	background-repeat: repeat-y;
	line-height: 17px;
}

#rss p {
	/* IE, you are a bane to happy web page creation. Force a width or IE word wraps every
	 * word. This width is equal to the space available (427) minus the
	 * margins (4+4)
	 */
	width: 419px;

	margin-left: 4px;
	margin-right: 4px;
}

#rss ul {
	/* This if for you, IE.
	 *
	 * The width given here is equal to the space available (427) minus the
	 * margins (4+4).  Also, for some reason, IE discards the list markers
	 * unless I explicitly specify them here.
	 */
	width: 413px;
	list-style: disc inside;

	margin-left: 10px;
	margin-right: 4px;
}
html>body #rss ul {
	/* IE doesn't understand html>body. This is for all other browsers */
	padding-left: 4px;
	margin-left: 4px;
	margin-right: 4px;
}

#tabs {
}

#welcome {
	width: 363px;
	background-image:  url(images/welcome_bk.gif);
	background-repeat: repeat-y;
	line-height: 17px;
}

#welcome p {
	margin-left: 8px;
	margin-right: 8px;
}

#welcome li {
	list-style-image: url(images/plus.png);
}

#new {
	width: 190px;
	background-image:  url(images/whatsnew_bk.gif);
	background-repeat: repeat-y;
}
#new p {
	margin: 4px;
}
#new ul {
	margin-left: 2em;
	margin-right: 2em;
}
html>body #new ul {
	margin-left: -1em;
}

#footer {
	float: left;
	width: 980px;
}