html {
    margin: 0px;
    padding: 0px;
    height: 100%
}
body {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    height: 100%
}
div#navigation {
    background: #e9e9e9 url("../images/header.png") repeat-x left bottom;
    padding-bottom: 18px;
    text-align: center
}
div#navigation a {
    border: none;
    margin: 0px 6px 0px 6px
}
div#content {
    margin: 12px
}
div#lightbox {
    margin: 0px;
    background-color: #000;
    height: 100%
}
@media all and (min-width: 822px) {
    div#navigation {
	background: none;
	float: left;
	left: 0px;
	margin: 0px 0px 0px 0px;
	position: fixed;
	top: 0px;
	width: 102px
    }
    div#navigation h1,
    div#navigation a {
	display: block;
	text-align: center
    }
    div#navigation a {
	color: #333;
	margin: 6px 0px 6px 0px
    }
    div#content {
	margin: 0px 0px 0px 100px;
	padding: 0px 36px 0px 36px;
	width: 648px
    }
    div#lightbox {
	margin: 0px 0px 0px 155px
    }

    div#attrib {
	float: right;
    }
}