/* CSS for JoyTree Software */

body {
	text-align: center;
	background-color: #666;
	margin-top: 0;
}
a {
	text-decoration: underline;
	color: #ccc;
}
a:hover {
	text-decoration: none;
	background-color: #ccc;
	color: #000;
}
#outer {
	width: 768px;
	margin: auto;
	margin-top: 0; margin-bottom: 0;
	background-color: #000;
}
#header {
	background-color: #fff;
	height: 64px;
}
#topnavbar {
	clear: both;
	text-align: right;
	background-color: #000;
	padding-right: 5px;
	color: #666;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666;
}
#content {
	background-color: #000; /*height: 500px;*/
	padding-bottom: 1em;
}
#main {
	float: right;
	width: 560px; /* 768-200 */
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .72em;
	background-color: #000;
	color: #ccc;
	text-align: left;
	padding: 6px;
	margin-top: 10px;
	line-height: 140%;
}
#main p {padding-left: 1em;}
#sidenavbar {
	float: left;
	width: 185px;
	height: 300px;
	background-color: #000;
	text-align: left;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #666;
}
#sidenavbar ul {
	padding-left: .5em;
	margin-left: .5em;
	list-style-type: none;
}
#sidenavbar ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}
#sidenavbar a {
	text-decoration: none;
	background-color: #000;
	color: #f00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .84em;
	font-weight: bold;
}
#sidenavbar a:hover {
	background-color: #333;
}
#sidenavbar a.note:hover {
	background-color: #000;
}
#topnavbar a {
	text-decoration: none;
	background-color: #000;
	color: #f00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weight: bold;
}
#topnavbar a:hover {
	text-decoration: underline;
}
#content table {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #fff;
	color: #333;
	text-align: left;
}
h1 {
	font-family: Garamond, Times new roman, serif;
	font-size: 1.9em;
	font-weight: bold;
	color: #ccc;
}
h2 {
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 1em;
	color: #ccc; /*c60*/
}
h3 {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #ccc;
	padding-left: 1em;
}
.focus {
	color: #c39;
	font-size: 1.2em;
	font-weight: bold;
}
#footer {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	background-color: #fff;
	color: #666;
	text-align: center;
	padding: 6px;
}

.quote {font-style: italic; border: 2px solid #900; padding: 5px; margin-bottom: 5px;}
