body {
	background: white url(/style/bgtop.gif) top left repeat-x;
	font: 1em "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

a:link { color: #06c; text-decoration: none; border-bottom: 1px solid #def; }
a:visited { color: #09c; text-decoration: none; border-bottom: 1px solid #ddd; }
a:hover { color: #900; text-decoration: none; border-bottom: 1px solid #666; }

a img { border: 0; }
.clear { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; }
.hide { visibility: hidden; }
.none { display: none; }
pre { color: #666; font-size: 90%; }
code { font-size: 1.1em; color: #666; }

#container {
	text-align: left;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	padding-top: 27px;
	height: 80px;
}

	#header #title {
		float: left;
		width: 320px;
		height: 75px;
		background: url(/style/jopogo.gif) top left no-repeat;
	}

	#header h1, #header h2 {
		margin: 0;
		margin-left: -9999em;
		font-size: 1em;
	}
		#header h1 a {
			display: block;
			height: 50px;
			width: 100%;
			border: 0;
		}

#main p {
	margin-top: 0;
	margin-bottom: 1em;
}

#main h3, #main h4 { margin: 5px 0; }
	#main h3 { font-size: 1.3em; color: #06c; }
	#main h4 { font-size: 1.1em; }

#content {
	float: left;
	width: 590px;
	line-height: 1.4em;
}

#sidebar {
	margin-left: 600px;
	font-size: .9em;
	line-height: 1.5em;
}
	#sidebar ul {
		list-style: none outside;
		margin: 0;
		padding: 0;
		margin-bottom: 1em;
	}

#footer {
	font-size: .8em;
	color: #999;
	padding: 1em 0;
	text-align: right;
}


/* other stuff */
#welcome {
	background: #f0f3f6;
	border: 1px solid #cde;
	padding: .5em;
	padding-bottom: 0;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
}

.resource {
	float: left;
	width: 48%;
	margin-right: 1%;
}
	.resource ul { margin-top: 0; }

#contact address {
	font-style: normal;
	margin-right: 2em;
	margin-bottom: 1em;
	float: left;
}
	#contact address strong {
		color: #999;
		font-size: 1.1em;
	}