body.ms div#content,
body.sm div#content {
	width: 490px;
}

body.ms div#sidebar,
body.sm div#sidebar {
	display: block;
	width: 200px;
}

body.ms div#content,
body.sm div#sidebar {
	float: left;
}

body.sm div#content,
body.ms div#sidebar {
	float: right;
}

body {
	background-color: #fc8;
}

div#body {
	margin: auto;
	width: 710px;
}

div#header {
	width: 500;
	text-align: center;
}

div#header h1 {
	color: #c30;
}

div#header h3 {
	color: #c60;
}

div#content {
}

div#sidebar {
	width: 8em;
	position: relative;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	margin-top: 1.2em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	}

div#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1em;
	border: none;
}

div#sidebar li {
	border-bottom: 1px solid #90bade;
	margin: 0;
}

div#sidebar li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #b20;
		border-right: 10px solid #d70;
		background-color: #c40;
		color: #fff;
		text-decoration: none;
		}

div#links {
	margin-top: 3em;
}

div#footer {
	clear: both;
	border: 2px solid #f00;
	height: 50px;
	text-align: center;
}

div#collections {
	clear: both;
	height: 50px;
	text-align: center;
	margin-top: 3em;
}

div#collections ul {
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

div#collections ul li {
	display: inline;
}
div#collections li a {
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #b20;
		border-right: 10px solid #d70;
		background-color: #c40;
		color: #fff;
		text-decoration: none;
}