<style type="text/css">

a:link {color: #3333cc;}
a:visited {color: #4444cc;}
a:active {color: #3333ff;}
a:hover {color: #8888ff;}
a {text-decoration: none;}

h1 {
	color: gray; 
	font-size: 150%;
}
h2 {
    margin-top:40px;
	color: gray; 
	font-size: 130%;
    border-top: 1px solid #333333;    
    width: 100%;
    //padding-bottom:30px;
}
h3 {
    margin-top:20px;
    padding-top:20px;
	color: gray; 
    text-indent: 30px;
	font-size: 120%;
    border-top: 1px solid #333333;    
    width: 600px;
}

body {
//  text-align: center;
	margin: 30px;
	background-color: #f5f5f5;
}

p {
	text-indent: 20px;
	width: 600px;
}
ul, ol {
	width: 600px;
}


.small {
	font-size: 70%;
}
.dflt {
}

.keyword {
    color: #3333cc;
}
.comment {
    color: #22a022;
}
 
.code {
	text-indent: 0px;
	background-color: #eeeeee;
	padding-left: 15px;
	font-size: 90%;
	border:1px solid #aaaaaa;
	font-family: "Courier New", monospace;
	width: 600px;
} 
.toc {
	padding: 10px;
	font-size: 90%;
    font-weight: bold;
	font-family: "Verdana", monospace;
	width: 400px;
}
.inline_code {
	font-size: 90%;
    color: #3333b0;
	font-family: "Courier New", monospace;
}
.fixed_text {
	font-size: 90%;
	font-family: "Courier New", monospace;
}

.todo {
	background-color: #f0afaf;
	padding: 10px;
    text-indent: 0px;    
	font-size: 90%;
	border:1px solid #aaaaaa;
	width: 600px;
}
.status {
	background-color: #e0f0e0;
	padding: 10px;
	font-size: 90%;
    text-indent: 0px;    
	border:1px solid #aaaaaa;
	width: 600px;
}

.small {
	padding: 10px;
	font-size: 70%;
	width: 600px;
}

</style>
