body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	color: black;
	background-color: #fefefe;
}

img {
	border-width: 0px;
}

.header {
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	sheight: 101px; /* 14px + 17px + 2px = 33px */
	width: 100%;
	border-style: solid;
	border-color: #06c;
	border-width: 1px;
	background-color: #ffc;
	padding-top: 30px;
	padding-bottom: 15px;
	color: #06c;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
        voice-family: "\"}\"";
        voice-family:inherit;
        hseight:100px; /* the correct height */
        }
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>.header {hseight:100px;}

.navigation {
	font-weight: bolder;
	font-size: 14px;
	color: #ffc;
	background-color: #06c;
	border-color: #06c;
	border-style: solid;
	border-width: 1px;
	margin: 0px;
}

.navigation table { 
	margin: 0px;
	padding: 0px; 
	border-width: 1px;
	border-color: #ffc;
	width: 100%;
}
.navigation td { text-align: left; margin: 0px; border: 0px; width: 100%;}
.navigation td .sitemap { text-align: right; }
.navigation a {
	text-decoration: underline;
	background-color: #06c;
	color: #ffc;
}

.navigation a:hover { background-color: #ffc; color: #06c; }

.decoline {
	border-color: #ffc;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding: 0px 3px 1px 6px;
	height: 20px;
}

#content {
	width: 100%;
}

#content h1 {
	margin: 0px 0px 8px 0px;
	padding: 12px 3px 8px 32px;
	font-size: 24px;
	line-height:28px;
	font-weight: bolder;
	color: #ffc;
	background-color: #06c;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #ffc;
}

#content h2 {
	margin: 24px 0px 8px 0px;
	padding: 8px 3px 6px 32px;
	font-size: 18px;
	line-height:20px;
	font-weight: bolder;
	color: #06c;
	background: #ffc;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #06c;
}

#content h3 {
	margin: 8px 0px 0px 0px;
	padding: 8px 3px 0px 32px;
	color: #06c;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #06c;
}

.contentbox {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 8px 0px;
	border-color: #06c;
	border-style: solid;
	border-width: 1px;
	line-height: 20px;
}

.contentbox div {
	padding: 12px 32px 0px 32px;
}

.contentbox p { margin-bottom: 8px; }

.footer {
	font-weight: bolder;
	margin: 0px 0px 10px 0px;
	border-color: #06c;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	color: #ffc;
	background-color:#06c;
	font-size:smaller;
}

.footer div {
	border-color: #ffc;
	border-style: solid;
	border-width: 1px;
	padding: 3px;
}

.footer a { text-decoration:underline; color: #ffc; }

.contentbox a { text-decoration:underline; color: #06c; }
.contentbox a:hover { text-decoration:underline; background-color: #ffc; color: #06c; }

.contentbox .image { text-align: center; }
.contentbox .image p { font-style: italic; }
.contentbox .image img {
	border-color:#06c;
	border-width: 1px;
	border-style: solid;
}

.sidebar {
	font-weight: bolder;
	font-size: 14px;
	width: 170px;
	border-width:1px 1px 1px 1px;
	border-style: solid;
	border-color: #06c;
}

.sidebar #headline {
	background-color: #ffc;
	color: #06c;
	border-width: 0px 0px 1px 0px;
	padding: 0px 3px 3px 6px;
}

.sidebar .insidebox {
	margin: 0px;
	padding: 0px;
	border-color: #ffc;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #06c;
	color: #ffc;
	list-style-type: none;
}

.sidebar .insidebox a {
	display: block; 
	padding: 2px 0px 1px 6px; 
	margin-top: 0px;
	margin-bottom: 0px;
	height: 18px;
	color: #ffc;
	text-decoration: none;
}

.sidebar .insidebox ul a {
	padding: 0px 0px 0px 23px;
	list-style-type: none;
}

.sidebar .active {
	background-repeat: no-repeat;
	background-position: 8px 0px;
	padding-left: 0px;
	color: #06c;
	background-color: #ffc;
}

.sidebar ul ul .active {
	background-posfition: 23px 0px;
	padding-left: 33px;
	list-style-type: none;
}

.sidebar .insidebox ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
}
	

.sidebar .insidebox a span { display: none; }
.sidebar .insidebox a:hover { background-color: #ffc; color: #06c; }
.sidebar .insidebox a:hover span {
	display: block;
   
	position: absolute; 
	top: 330px; 
	left: 20px; 
	width: 154px;
	margin: 0px; 
	color: #06c; 
	border-width: 0px 0px 0px 0px;
	border-color: #06c;
	border-style: solid;
	padding: 34px 10px 0px 6px;
}

.sidebar .insidebox .ftwolines a:hover span { padding: 52px 10px 0px 6px; }

#content li {
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
}

body td { border-width: 0px; }

table {
	margin: 20px 20px 0px 20px;
	border-color: #06c;
	border-style: solid;
	border-width: 0px;
	border-collapse: collapse;
}

#content table {
	border-color: #06c;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-collapse: collapse;
}

#content td {
	border-width: 1px 1px 1px 1px;
	padding: 3px;
	border-collapse: collapse;
}

td {
	border-color: #06c;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	vertical-align: top;
}

.sidebar td { vertical-align: top; }

th {
	border-color: #06c;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	color: #ffc;
	background: #06c;
	text-align: left;
	padding: 2px;
}

hr { display: none; }

b { color: #06c; }

.pending { font-weight: bold; background-color: white; color: black; }
.buggy { font-weight: bold; background-color: red; color: white; }
.incomplete { font-weight: bold; background-color: yellow; color: black; }
.done { font-weight: bold; background-color: green; color: white; }
.scratched { font-weight: bold; background-color: #FF66FF;  color: white; }
.planned { font-weight: bold; background-color: white; color: #06c; }
.remark { padding: 8px 8px 6px 8px; margin: 0px; background-color: #ffc; color: black; }

.version {
	border-color: #06c;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-collapse: collapse;
	padding: 3px;
}

table.features {
	border-width: 0px;
	margin: 0px;
	border-collapse: collapse;
}