html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font: normal 12px Verdana,Arial,Helvetica,sans-serif;
    color: #333;
    background: #fff;
}

a {
	font-weight: bold;
	color: #004687;
	text-decoration: none;
}

	a.table {
		font-weight: normal;
	}

	a.out {
		padding-right: 14px;
		background: url(images/icon_out.png) no-repeat bottom right;
	}

	a:hover {
		text-decoration: underline;
	}

#page {
    position: relative;
    height: auto !important;
    min-height: 100%;
}

.wrap {
	position: relative;
    margin: 0 auto;
    width: 960px;
}

#header {
    height: 80px;
	border-bottom: 3px solid #004687;
}

	#header .wrap {
		height: 100%;
		background: #fff url(images/header.png) no-repeat top right;
	}

		h1 {
			position: absolute;
			top: 21px;
			left: 190px;
			font: bold 24px 'PT Sans','Trebuchet MS',Tahoma,Geneva,sans-serif;
			color: #004687;
		}

		.logo img {
			position: absolute;
			top: 10px;
			left: 5px;
			border: none;
		}

#main {}

	#main .wrap {
		padding-bottom: 40px;
	}

		ul#menu {
			position: absolute;
			top: 0;
			left: 0;
			width: 180px;
			margin: 0;
			padding: 0;
			list-style: none;
			font: bold 12px Verdana,Arial,Helvetica,sans-serif;
		}

			ul#menu li {
				margin: 0;
				padding: 2px 0;
				color: #616161;
			}

				ul#menu li.act {
					padding-left: 1em;
					text-indent: -1em;
					color: #004687;
					cursor: default;
				}

			ul#menu ul {
				margin: 0;
				padding-left: 10px;
				list-style: none;
			}

			ul#menu a {
				display: block;
				padding-left: 1em;
				text-indent: -1em;
				color: #6690B7;
			}

				ul#menu a:hover {
					color: #004687;
					text-decoration: none;
				}

		#content {
			margin: 10px 0 0 190px;
		}

			#content h2 {
				margin: 0 0 .5em 0;
				padding: 0;
				font: bold 18px 'PT Sans','Trebuchet MS',Tahoma,Geneva,sans-serif;
				color: #004687;
			}

				#content h2.inside {
					margin-top: 1em;
				}

			#content h3 {
				margin: 0 0 .25em 0;
				padding: 0;
				color: #424242;
			}

			#content h4 {
				margin: 0;
				padding: 0;
				color: #424242;
			}

			#content p {
				margin: 0 0 1em 0;
				line-height: 1.5;
				text-align: justify;
			}

				#content p.cont {
					margin-bottom: 0;
				}

				#content p.center {
					text-align: center;
				}

				#content p.gallerylink {
					font-size: 18px;
					font-weight: bold;
					text-align: center;
				}

					#content p.gallerylink img {
						margin: 0 5px;
						height: 32px;
						vertical-align: middle;
					}

			#content ul {
				margin: 0;
				padding: 0 0 0 1.2em;
				list-style-type: square;
			}

				#content ul ul {
					list-style-type: disc;
				}

			#content ol.themes {
				margin: 0;
				padding: 0 0 0 1.2em;
			}

				#content ol.themes li {
					margin-top: 1em;
					font-weight: bold;
				}

				#content ol.themes ul li {
					margin-top: 0;
					font-weight: normal;
					list-style-type: disc;
				}

			#content li {
				line-height: 1.5;
			}

			#content .book2009 {
				overflow: auto;
				margin-bottom: 1em;
				line-height: 1.6;
				clear: left;
			}

				#content .book2009 img {
					float: left;
					height: 60px;
					margin-right: 10px;
					border: 0;
				}

			#content table.contact {
				border-collapse: collapse;
			}

				#content table.contact th {
					font-weight: normal;
					text-align: left;
					vertical-align: top;
					padding-right: 1em;
				}

				#content table.contact td {
					text-align: left;
					line-height: 150%;
				}

			#content table.results {
				border-collapse: collapse;
				margin-bottom: 1em;
			}

				#content table.results th {
					width: 4em;
					font-weight: bold;
					text-align: left;
					vertical-align: top;
				}

					#content table.results th.subtitle {
						padding: .5em 0;
					}

				#content table.results td {
					font-weight: normal;
					text-align: left;
					vertical-align: top;
				}

					#content table.results td img {
						padding: 0 1em 1em 1em;
						border: none;
					}

			#content ul.schools {
				margin-left: 1em;
				list-style: disc;
			}

			#content hr {
				margin: 0.5em auto;
				height: 0;
				border-width: 1px 0;
				border-style: outset;
				border-color: #004687;
			}

			#content div.book {
				overflow: auto;
			}

				#content div.book img {
					float: left;
					margin-right: 10px;
					width: 88px;
					border: 1px solid #ccc;
				}

				#content div.book p {
					margin-bottom: 10px;
				}

			#content table.volumetoc {
				border-collapse: collapse;
			}

			#content table.volumetoc a {
				display: block;
				padding: 0;
				text-decoration: none;
			}

			#content table.volumetoc th {
				padding-left: 0;
				padding-right: .5em;
				font-weight: normal;
				text-align: left;
				vertical-align: top;
			}

			#content table.volumetoc td {
				text-align: left;
				vertical-align: top;
			}

			#content table.volumetoc tr.level1 th,
			#content table.volumetoc tr.level1 td {
				padding-top: .5em;
				padding-bottom: .25em;
				font-size: 14px;
				font-weight: bold;
			}

			#content table.volumetoc tr.level1:hover th,
			#content table.volumetoc tr.level1:hover td {
				background-color: #ebf1f9;
			}

#bmi {
	position: relative;
}

	#bmi.nojs {
		display: none;
	}

	#noscript {
		margin: 20px auto;
		padding: 5px 10px;
		line-height: 2;
		background: #fde0dc;
		border: 2px solid #d01716;
		border-radius: 5px;
	}

	#bmiCalc {
		width: 170px;
		padding: 5px 10px;
		border: 2px solid #004687;
		border-radius: 5px;
	}

		#bmiCalc div {
			position: relative;
			padding: 5px 0;
		}

			#bmiCalc div.text label, #bmiCalc div.radio span.label {
				display: inline-block;
				width: 70px;
			}

				@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
					#bmiCalc div.radio span.label { width: 65px; }
				}

			#bmiCalc div.text input {
				width: 40px;
				padding: 1px 3px;
				text-align: right;
				border: 1px solid #004687;
			}


			#bmiCalc div.radio input {
				margin: 0 2px 0 0;
			}

				#bmiCalc div.radio input#bmiSexM {
					margin-left: 8px;
				}

			#bmiCalc div.submit input {
				width: 170px;
			}

		#bmiResult {
			position: absolute;
			top: 0;
			right: 0;
			width: 530px;
			padding: 5px 10px;
			border: 2px solid #004687;
			border-radius: 5px;

			display: none;
		}

			#bmiResult div#bmiScale {
				position: relative;
				width: 100%;
				height: 50px;
			}

				#bmiResult #bmiBar {
					width: 100%;
					height: 100%;
				}

					#bmiResult #bmiBar b {
						display: block;
						float: left;
						height: 100%;
					}

						b.barUnder  { width: 28.33%; background: #039be5; }
						b.barNormal { width: 21.67%; background: #0a7e07; }
						b.barOver   { width: 16.67%; background: #f57c00; }
						b.barObese  { width: 33.33%; background: #c41411; }

				#bmiResult #bmiCover {
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;

					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(40%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome, Safari4+ */
					background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 100%); /* Chrome10+, Safari5.1+ */
					background:    -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
					background:     -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 100%); /* IE10+ */
					background:      -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
					background:         linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 100%); /* W3C */
				}

				#bmiResult #bmiIndi {
					position: absolute;
					top: 0;
					left: 20px;
					width: 3px;
					height: 100%;
					background: #fff;
					background: rgba(255,255,255,.8);
				}

			#bmiResult #bmiText {
				margin: 20px 0 2px 0;
			}

				#bmiResult span {
					font-weight: bold;
				}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30px;
	font: bold 12px/30px 'PT Sans','Trebuchet MS',Tahoma,Geneva,sans-serif;
	font-variant: small-caps;
	color: #999;
	text-align: center;
	border-top: 1px solid #004687;
}