/*
Water Treatment Handbook screen style sheet
(c)2007 LAVOISIER S.A.S.

Design: I. Godeneche, C. Cardinal
CSS design: L. Meynadier
XHTML integration: L. Borel
Perl programming: L. Borel, L. Meynadier
*/

body {
	background-color: #fff;
	width: 900px;
	margin: auto;
	font-family: Arial, 'Nimbus Sans L', sans-serif;
	font-size: 16px;
	color: #002C82;
}

a:link, a:visited {
	color: #002C82;
	text-decoration: none;
}

#header {
	position: fixed;
	top: 0;
	z-index: 10;
}

#wth {
	position: relative;
	color: #fff;
	background-color: #002C82;
	width: 900px;
	height: 100px;
}

#wth img {
	position: absolute;
	top: 17px;
	left: 50px;
	height: 66px;
}

#wth span {
	position: absolute;
	top: 28px;
	right: 50px;
	font-size: 36px;
	line-height: 36px;
}

#topmenu {
	position: relative;
	top: 0;
	left: 300px;
	width: 600px;
	background-color: #fff;
}

#topmenu li, #main.index #alphabet li {
	display: inline;
}

#topmenu .contents {
	position: relative;
	left: 10px;
}

#topmenu .publisher {
	position: relative;
	left: 50px;
}

#topmenu .authors {
	position: relative;
	left: 100px;
}

#topmenu .index {
	position: relative;
	left: 150px;
}

#topmenu .press {
	position: relative;
	left: 200px;
}

#leftmenu, #nomenu {
	position: fixed;
	width: 300px;
	text-align: center;
}

#leftmenu {
	top: 120px;
}

#nomenu {
	top: 140px;
}

#leftmenu ul {
	width: 150px;
	margin-left: 75px !important;
	margin-left: 0;
}

#leftmenu img {
	height: 162px;
}

#topmenu ul, #leftmenu ul, #main ul.contents {
	list-style: none;
}

#main.contents ul {
	padding: 0 0 0 1em;
	margin: 0;
}

#topmenu ul, #leftmenu ul, #main.index #alphabet ul {
	margin: 0;
	padding: 0;
}

#main #arrow {
	position: fixed;
	top: 125px;
	width: 25px;
	height: 25px;
	background: url("../images/triangular_arrow.png") no-repeat 0 0 !important;
	background-image: url("../images/triangular_arrow-IE.png");
	z-index: 10;
}

#main.contents #arrow {
	margin-left: 20px;
}

#main.publisher #arrow {
	margin-left: 130px;
}

#main.authors #arrow {
	margin-left: 245px;
}

#main.index #arrow {
	margin-left: 345px;
}

#main.press #arrow {
	margin-left: 460px;
}

#main, #home {
	position: relative;
	left: 300px;
	width: 550px;
}

#main {
	top: 145px !important;
	top: -330px;
	/*	margin: 145px 50px 10px 300px;*/
	padding: 0 20px 10px 20px;
	border: 1px solid #002C82;
}

#home {
	top: 140px !important;
	top: -270px;
	text-align: center;
}

#main h1 {
	font-size: 1em;
	color: #fff;
	background-color: #002C82;
	display: inline;
	padding: 0 1em 0 1em;
	margin: 0;
}

#main h2 {
	font-size: 111%;
	font-weight: bold;
}

#home h1 {
	font-size: 155%;
}

#home h1, #home h2 {
	margin: 0;
	font-weight: bold;
}

#home h2 {
	font-size: 95%;
}

#main h3 {
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
	margin: 1em 0 0 0;
}

#main ol {
	color: #009AAF;
}

#main p, #main ul {
	text-align: justify;
	margin-top: 1em;
}

#main ul li {
	list-style-type: square;
}

#main.contents ul.contents {
	text-align: left;
	margin-top: 1em;
}

#main ul.contents li {
	list-style-type: none;
}

#main.index #alphabet ul, #alphabet {
	background-color: #002C82;
	text-align: center;
	margin-bottom: 0.5em;
}

#main.index #alphabet li {
	color: #fff;
	padding: 0;
	margin: 0 0.15em 0 0.2em;
}
	
#main.index #alphabet ul a:link, #main.index #alphabet ul a:visited {
	color: #fff;
	font-weight: bold;
}

.a-page #a-letter,
.b-page #b-letter,
.c-page #c-letter,
.d-page #d-letter,
.e-page #e-letter,
.f-page #f-letter,
.g-page #g-letter,
.h-page #h-letter,
.i-page #i-letter,
.j-page #j-letter,
.k-page #k-letter,
.l-page #l-letter,
.m-page #m-letter,
.n-page #n-letter,
.o-page #o-letter,
.p-page #p-letter,
.q-page #q-letter,
.r-page #r-letter,
.s-page #s-letter,
.t-page #t-letter,
.u-page #u-letter,
.v-page #v-letter,
.w-page #w-letter,
.z-page #z-letter {
	border: 2px solid #009AAF;
}

#main img {
	position: relative;
	width: 245px;
	border: 1px solid #009AAF;
}

#main .firstcolumn {
	float: left;
}

#main .secondcolumn {
	float: right;
}

#main .firstcolumn, #main .secondcolumn {
	width: 245px;
	font-size: 85%;
}

#main .withoutcolumn {
	font-size: 90%;
}

#main .end {
	clear: both;
	text-align: right;
	font-size: 50%;
}

#footer, #largefooter {
	bottom: 0;
	color: #fff;
	background-color: #002C82;
	height: 46px;
	text-align: center;
}

#footer {
	position: fixed;
	width: 300px;
	border-bottom: 50px solid #fff;
}

#largefooter {
	position: absolute;
	width: 900px;
	border-bottom: 15px solid #fff;
}

#footer img {
	height: 26px;
	margin-top: 10px;
}

#largefooter img {
	height: 29px;
	margin-top: 8px;
}
	
.underline {
	border-bottom: 2px solid #009AAF;
}

.center {
	text-align: center;
}

.invisible {
	display: none;
}