/*
	CssTitle=Navigation below
	CssMedia=screen
	!
*/

/* LAYOUT */

body 
{
	margin:0;
	border:0;
	padding:0;
	height:100%; 
	max-height:100%;
	overflow: hidden;
}

.Main
{
	width:100%;
	position:fixed;
	top:0px;
	bottom: 40px;
	overflow:auto;
}

#Navigation,#Logos
{
	position:absolute;
	bottom:0;
	height: 40px;
}

#Navigation
{
	left:0;
	right:0;
}

#Logos
{
	position:absolute;
	right:0;
	bottom:0;
}

.NavigationEntry, .NavigationHeader
{
	display:inline;
}

#W3C
{
	display:none;
}

#StdCC
{
	display:none;
}

/* STYLE */

body
{
/*	font-family:Tahoma,Sans-Serif;	*/
	font-family: Nina, Arial Narrow,Sans-Serif;
	font-size: 80%;
}

img
{
	border:0;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial Black,Sans-Serif;
	font-weight: normal;
	color: #d2691e;
}

h1
{
	letter-spacing: -3px;
	font-size:200%;
	margin-top:30px;
	margin-bottom:15px;
}
h2
{
	letter-spacing: -3px;
	font-size:180%;
	margin-top:20px;
	margin-bottom:10px;
}
h3
{
	letter-spacing: -2px;
	font-size:160%;
	margin-top:15px;
	margin-bottom:8px;
}
h4
{
	letter-spacing: -2px;
	font-size:140%;
	margin-top:10px;
	margin-bottom:5px;
}
h5
{
	letter-spacing: -1px;
	font-size:120%;
	margin-top:3px;
	margin-bottom:1px;
}
h6
{
	letter-spacing: -1px;
	font-size: 110%;
	margin-top:0px;
	margin-bottom:0px;
}

ul
{
	margin:0;
	padding:0;
}

li
{
	list-style-type: square;
	margin-left: 20px;
	padding-left:0;
	list-style-position: outside;
}

.Main
{
	padding-left: 40px;
	padding-right:60px;
}

#Navigation
{
	padding-top: 5px;
}

#Logos
{
	padding-top:8px;
	padding-right:20px;
}

#Navigation
{
	border-top: gray 2px dotted; 
	background-color:#FFE000;
}

.NavigationBreak
{
	display:none;
}

a
{
	text-decoration: none;
	font-weight: bold;
	color: #444;
}

a:hover
{
	color: #FFF;
	background-color: #444;
}

.aimg
{
	border:none;
}

.aimg:hover
{
	background-color:Transparent;
}

.smiley
{
	vertical-align:middle;
}

.titleimg
{
	vertical-align:middle;
}

.NavigationHeader
{
	margin-left: 10px;
}

.NavigationEntry
{
	list-style-type: circle;
	margin-left: 10px;
	list-style-position: outside;
}
.code
{
	font-family: Consolas, Andale Mono, Lucida Console, Monospace;
}

.Features
{
	display:table;
}

.FeatureLine
{
	display:table-row;
}

.Feature
{
	width:200px;
	text-align:right;
	padding-right:10px;
	display:table-cell;
}

.FeatureStatus
{
	display:table-cell;
}

.FeatureStatusComplete0,
.FeatureStatusComplete10,
.FeatureStatusComplete20,
.FeatureStatusComplete30,
.FeatureStatusComplete40,
.FeatureStatusComplete50,
.FeatureStatusComplete60,
.FeatureStatusComplete70,
.FeatureStatusComplete80,
.FeatureStatusComplete90,
.FeatureStatusComplete100
{
	border-top: solid 1px white;
	width: 60px;
	color: white;
	text-align:right;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;
	display:table-cell;
}

.FeatureStatusComplete0   { background-color:#F00; }
.FeatureStatusComplete10  { background-color:#F30; }
.FeatureStatusComplete20  { background-color:#F60; }
.FeatureStatusComplete30  { background-color:#F90; }
.FeatureStatusComplete40  { background-color:#FC0; }
.FeatureStatusComplete50  { background-color:#FF0; }
.FeatureStatusComplete60  { background-color:#CE0; }
.FeatureStatusComplete70  { background-color:#9D0; }
.FeatureStatusComplete80  { background-color:#6C0; }
.FeatureStatusComplete90  { background-color:#3B0; }
.FeatureStatusComplete100 { background-color:#0A0; }

.FeatureMore
{
	padding-left:10px;
	display:table-cell;
}

