html
{
	padding: 0px; 
	border-width: 0px; 
	margin: 0px; 
}

body
{
	font-size: 100%;
	color: #000; 
	font-family: verdana, Arial, sans-serif; 
	background-color: moccasin; 
}

h1
{
	font-size: 22px; 
	padding-left: 3em; 
	padding-bottom: 3px; 
	padding-top: 3px; 
	border-bottom: #fff 3px solid; 
	color: #fff; 
	background-color: #000;
}

h2
{
	font-weight: bold; 
	font-size: 1.4em; 
	margin: 1.5em 10% 0.5em; 
	color: #640;
}

h3
{
	font-weight: bold; 
	font-size: 1.2em; 
	margin: 1.5em 10% 0.5em 13%; 
	color: #640;
}

h4
{
	font-weight: bold; 
	font-size: 1em; 
	margin: 1.5em 10% 0.5em 14%;
}

p
{
	margin: 0.8em 10% 0.6em 18%;
}

ul
{
	margin: 0.6em 15% 1.4em 10%;
}

ol
{
	margin: 0.6em 15% 1.4em 22%;
}

li
{
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 5px 0px; 
	padding-top: 0px;
}

a
{
	font-weight: bold; 
	color: #000;
}

pre
{
	clear: both; 
	border-right: #000 2px dotted; 
	padding-right: 20px; 
	border-top: #000 2px dotted; 
	padding-left: 50px; 
	font-size: 1.1em; 
	padding-bottom: 20px; 
	margin: 30px 12%; 
	border-left: #000 2px dotted; 
	padding-top: 20px; 
	border-bottom: #000 2px dotted; 
	background-color: #f8ddb8;
}

.darkblue
{
	color: #005;
}

.darkred
{
	color: #500;
}

.darkgreen
{
	color: #030;
}

.alignright
{
	margin: 0px 30px 20px 30%; 
	text-align: right;
}

.small
{
	font-size: 0.9em;
}

.float-p
{
	padding-right: 30px; 
	padding-left: 0px; 
	padding-bottom: 10px; 
	padding-top: 10px;
}

.float-p img
{
	float: left; 
	margin: 0px 20px 10px 0px;
}

.float-p-r img
{
	float: right; 
	margin: 0px 0px 10px 20px;
}

.clear
{
	clear: both; 
	margin-top: 2em;
}

.inlinecode
{
	background: #ddd; 
	color: #800; 
	font-family: monospace;
}

.inlineimp
{
	background: #e0e8f0;
}

.code
{
	border-right: #036 1px solid; 
	padding-right: 15px; 
	border-top: #036 1px solid; 
	display: block; 
	padding-left: 15px; 
	padding-bottom: 15px; 
	margin: 0.8em 10% 0.6em 18%; 
	font: 0.9em/1.3em "Lucida Console", "Courier New", Courier, monospace; 
	border-left: #036 1px solid; 
	padding-top: 15px; 
	border-bottom: #036 1px solid; 
	background-color: #fefcf5;
}

code
{
	border-right: #036 1px solid; 
	padding-right: 15px; 
	border-top: #036 1px solid; 
	display: block; 
	padding-left: 15px; 
	padding-bottom: 15px; 
	margin: 0.8em 10% 0.6em 18%; 
	font: 0.9em/1.3em "Lucida Console", "Courier New", Courier, monospace;
	border-left: #036 1px solid; 
	padding-top: 15px; 
	border-bottom: #036 1px solid; 
	background-color: #fefcf5;
}

.tip
{
	border-right: #036 1px solid; 
	padding-right: 5px; 
	border-top: #036 1px solid; 
	padding-left: 5px; 
	padding-bottom: 5px; 
	margin: 0.8em 10% 10px 18%; 
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; 
	border-left: #036 1px solid; 
	color: #000; 
	padding-top: 5px; 
	border-bottom: #036 1px solid; 
	background-color: #e0e8f0;
}

.float-box1
{
	border-right: black 1px solid; 
	padding-right: 10px; 
	border-top: black 1px solid; 
	display: inline; 
	padding-left: 10px; 
	background: #fffaeb; 
	float: left; 
	padding-bottom: 10px; 
	margin: 10px 20px 10px 18%; 
	border-left: black 1px solid; 
	width: 180px; 
	padding-top: 10px; 
	border-bottom: black 1px solid; 
	text-align: center;
}

.float-box2
{
	display: inline; 
	float: left; 
	margin: 10px 20px 10px 18%; 
	width: 11.5em; 
	height: 16em;
}

.floatdemo-multi DIV
{
	border-right: #48b348 3px solid; 
	padding-right: 0px; 
	border-top: #7d7 3px solid; 
	padding-left: 0px; 
	font-weight: bold; 
	font-size: 0.8em; 
	background: #55bb55; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px 5px 5px 0px; 
	border-left: #70d070 3px solid; 
	width: 44px; 
	color: #ff8; 
	padding-top: 6px; 
	border-bottom: #4a4 3px solid; 
	font-family: georgia, serif; 
	height: 38px; 
	text-align: center;
}

.floatdemo-multi
{
	margin: 15px 10% 10px 18%;
}

.opp-wrapper
{
	margin: 15px 10% 15px 18%;
}

.opp-float
{
	width: 100%;
}

.maincol
{
	margin: 0px 0px 0px 17.5em;
}

#jello h2
{
	margin-left: -20px;
}

#jello h3
{
	margin-left: -20px;
}

#jello h4
{
	margin-left: -20px;
}

#jello p
{
	margin-left: 0px;
}

ul p
{
	margin: 0.5em 0px;
}

ul h5
{
	margin: 2em 0px 0px;
}

dl
{
	margin: 0.6em 15% 1.4em 18%;
}

dl ul
{
	margin: 0px;
}

#dropshadows h3
{
	clear: both; 
	margin-top: 0px; 
	padding-top: 2em;
}

#dropshadows H4 {
	clear: both; 
	margin-top: 0px; 
	padding-top: 2em;
}

.sidenav
{
	margin-top: 20px; 
	left: 1em; 
	width: 14em; 
	position: fixed; 
	top: 10em;
}

.sidenav ul
{
	margin: 0px; 
	list-style-type: none;
}

.sidenav ol
{
	margin: 0px; 
	list-style-type: none;
}

.sidenav li
{
	margin: 4px 0px 0px; 
	list-style-type: none;
}

.sidenav li a
{
	border: #dcd3c2 2px solid; 
	
	padding: 4px 5px 4px 10px; 

	color: #500; 
	background-color: sandybrown;
	display: block; 

	font-weight: bold; 
	font-size: 1.1em; 
	font-family: verdana, arial, sans-serif; 
	text-decoration: none;
}

.sidenav li a:hover
{
	padding: 3px 6px 5px 9px; 

	background-position: -1px -1px; 
	background-color: Orange;

	border-top-color: #fef5e4; 
	border-right-color: #d4cab9;
	border-bottom-color: #c2b9a8; 
	border-left-color: #ece3d2; 
}

.sidenav li a:active
{
	padding: 4px 5px 4px 10px; 

	background-position: 0px 0px; 
	
	border-top-color: #c2b9a8; 
	border-right-color: #ece3d2;
	border-bottom-color: #fef5e4; 
	border-left-color: #d4cab9; 
}

html .sidenav li a
{
	zoom: 1;
}

html .sidenav
{
	position: absolute; 
	top: auto;
}