body {
	font-size: 13px;
	background-color: #333;
	color: #ddd;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #eee;
	padding: 10px;
	background-color: #555;
	border-bottom: 1px solid #ccc;
}
html>body div#header {
	padding: 10px 10px 32px 10px;
	background: url(images/gradient.png) repeat-x bottom;
	border: 0;
}
#header #language {
position: absolute;
right: 30px;
top: 10px;
font-size: 11px;
}
div#footer{
	position:absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #eee;
	background-color: #555;
	border-top: 1px solid #ccc;
	padding: 10px;
	font-size: .9em;
}
html>body div#footer {
	padding: 27px 10px 10px 10px;
	background: url(images/gradient2.png) repeat-x top;
	border: 0;
}
#body {
	padding: 0 15px;
	height: 100%;
	overflow: auto;
	line-height: 1.7em;
}
html>body div#body {
	padding: 15px;
}
#body h2 {
font-size: 1.3em;
clear: both;
}
#body a, #footer a {
color: #fff;
text-decoration: none;
border-bottom: 1px dotted #ccc;
}
#body a:hover, #footer a:hover {
color: #f90;
border-bottom: 1px dotted #f90;
}
/* hack courtesy of Anne Van Kesteren */
@media screen{
	body>div#header{
		position:fixed;
	}
	body>div#footer{
		position:fixed;
	}
}
* html body{
	overflow:hidden;
} 
* html div#body{
	height:100%;
	overflow:auto;
}
 

#header h1 {
	font-size: 1.4em;
	font-weight: bold;
	display: inline;
	padding-right: 5px;
}
#header h2 {
	color: #ccc;
	font-size: 1.4em;
	font-weight: bold;
	display: inline;
	font-style: italic;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}

div#header h1 a {
	text-decoration: none;
	color: #eaeaea;
}
div#header h1 a:hover {
	text-decoration: underline;
	color: #fff;
}

/* navigation  */
#topnav, #subnav, #subsubnav {
clear: both;
font-size: .95em;
margin: 10px 0 0 0;
}
#subnav, #subsubnav {
text-align: center;
}
#topnav ul, #subnav ul, #subsubnav ul {
display: inline;
padding: 0 10px 0 0;
margin: 0;
}
#topnav li, #subnav li, #subsubnav li {
list-style: none;
display: inline;
}
#topnav li a, #subnav li a, #subsubnav li a, #language a {
padding: 3px;
color: #ccc;
text-decoration: none;
}
html>body div#topnav li a, html>body div#subnav li a, html>body div#subsubnav li a {
width: auto;
}
#topnav li a:hover, #subnav li a:hover, #subsubnav li a:hover, #language a:hover {
background-color: #999;
color: #fff;
}
div#topnav .selected a, div#subnav .selected a, div#subsubnav .selected a {
background-color: #666;
color:#fff;
}


div.imgcenter, div.imgright {
color: #ddd;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
line-height: 1.5em;
}
#body div.imgcenter a, #body div.imgright a {
border: none;
}
div.imgcenter {
margin-left: auto;
margin-right: auto;
}
div.imgright {
float: right;
}
img.imglarge {
margin: 0 0 20px 0;
}

/* default tags */
code {
	color: #fff;
	background-color: #363;
	border: 1px solid #696;
}
img {
border: 5px solid #eee;
margin: 5px;
}