body {
	background: #00CCFF; 
	font-family: Verdana, "Trebuchet MS", sans-serif;
}
body.hasJS {
	font-size: 62.5%;
}
p#noJS {
	padding: .5em;
	font-size: .8em;
	border: 1px dotted #666;
	color: red;
}

/*
from here down, styles are scoped within body.hasJS to allow for styling differently for JS-enabled users.
*/
body.hasJS p#noJS {
	display: none;
}
body.hasJS div#contain {
	width: 1000em;
	background: none;
}
body.hasJS ul#sitemap {
	float: none;
	margin: 0 auto;
}
body.hasJS ul {
	clear: left;
	margin: 2em 0 0 0;
	padding: 0;
	background: #00CCFF;
}
body.hasJS ul ul {
	border-top: 1px solid #000;
	width: auto;
}
body.hasJS ul.solo {
	border-top: 0;
}
body.hasJS li {
	float: left;
	list-style: none;
	position: relative;
}
body.hasJS li li {
	margin: -1px 0 0 0;
}
body.hasJS div {
	background: url(../images/vLine.gif) 50% repeat-y;
	padding: 2em 5px 0 5px;
	margin: 0 .3em -2em .3em;
}
body.hasJS div.section {
	padding: 2em 5px 2em 5px;
}
body.hasJS div.first {
	background: url(../images/first.gif) 50% repeat-y;
	margin-left: 0;
}
body.hasJS div.last {
	background: url(../images/last.gif) 50% repeat-y;
	margin-right: 0;
}
body.hasJS div.root {
	padding-top: 0;
}
body.hasJS a {
	display: block;
	background: #00ff33;
	border: 1px solid #000;
	padding: .25em .5em .5em .5em;
	color: #222;
	text-decoration: none;
	margin: 0 auto;
	width: 10em;
	line-height: 2em;
	text-align: center;
	font-size: 1.2em;
}
body.hasJS a:hover {
	background: #eee;
}
/*IE 6 (when comma-separated, IE6 didn't work, so these are duped for IE7)*/
*html body.hasJS {text-align: center;}
*html body.hasJS a {margin: 0; position: relative;}
/*IE 7*/
*:first-child+html body.hasJS {text-align: center;}
*:first-child+html body.hasJS a {margin: 0; position: relative;}