body {
	background		: #998;
	font-family		: sans-serif;
	color			: #554;
	margin			: 0px 0px 0px 0px;
	text-align		: center; #for IE only, reset in main content div
	}

a {text-decoration:none; color:#55c;}
a:visited {text-decoration:none; color:#b55;}
a:hover {text-decoration:underline;}
img {margin: 1em;}

div#allcontent {
	background		: #fff;
	width			: 80%;
	text-align		: left;
	margin-right		: auto;
	margin-left		: auto;
	margin-top		: 20px;
	margin-bottom		: 10px;
	border			: 1px solid #554;
	}

div#menu {
	width			: 30%;
	float			: left;
	background		: #fff;
	margin-right : 10px;
	}

.menus {
	background		: #eed;
	border-top		: 1px solid #554;
	border-left		: 10px solid #554;
	border-right		: 1px solid #554;
	border-bottom		: 1px solid #554;
	margin-top		: 10px;
	margin-right		: 10px;
	margin-left		: -5px;
	padding			: 0.5em;
	padding-left		: 20px;
	}

div#maincontent {
	background		: #fff;
	margin			: 10px 10px 10px 10px;
	}

.archivetable {
	width			: full;
	text-align		: center;
	}

.archivetable td {
	background		: #fff;
	border			: 1px solid #554;
	}

p,h1,pre {
	margin			: 0px 10px 10px 10px;
	}

h1 {
	padding-top		: 10px;
	}

.wrap1, .wrap2, .wrap3 { display: block; }
.wrap3 img { display: block; }

.wrap1 { 
	background		: url(images/shadow.gif) no-repeat scroll right bottom; 
	}

.wrap2 { 
	background		: url(images/corner_bl.gif) no-repeat scroll left bottom; 
	}

.wrap3 { 
	padding			: 0pt 0px 10px 0pt; 
	background		: url(images/corner_tr.gif) no-repeat scroll right top; 
	}

.wrap3 img { display: block; }

.rating { 
	width : 103px;
	height : 10px;
	cellspacing : 0px;
	}
	
.dot-on { 
	background		: url(images/dot-light.gif) right bottom; 
	}
.dot-off { 
	background		: url(images/dot-dark.gif) left bottom;
	}

.ratings-list-item {
	background		: #eed;
	width			: "100%";
	border			: 1px solid #554;
	padding			: 0.5em;
	}