/*** layout and element sizes ***/

html {
	height: 100%;
}

body {
	height: 100%;
}

#wrap {
	width: 95%;

	margin: auto;
}

#head {
	width: 99.7%;
	height: 75px;
}

.blank {
	width: 100%;
	height: 5px;
}

/*** font sizes and families, colors, borders, paddings... ***/

body {
	background: url('../pictures/body-background-25x600.png') repeat-x;

	color: #22503c;

	font-size: 14px;
	font-family: verdana, sans-serif, arial;
}

a, a:visited, a:active {
	color: inherit;
	text-decoration: underline;
}

a:hover {
	color: inherit;
	background-color: #eee;
}

a:hover.graphic-link {
	background-color: transparent;

	padding: 0px;
}

p {
	text-align: justify;
}

h3, h4 {
	border-top: 1px solid #22503c;
	border-bottom: 1px solid #22503c;

	padding: 2px;
}

#wrap {
	background-color: white;
	border: 1px dotted #ccc;

	padding: 5px;
}

#head {
	background: url('../pictures/header-background-2075x80.jpeg') no-repeat;

	font-weight: bold;
	font-size: 80%;
	font-family: verdana, sans-serif, helvetica, arial;

	padding: 2px;
}

#laborate-logo {
	border: 1px solid #003b7e;
}

#big-title {
	color: #003b7e;

	font-size: 225%;
	font-weight: bold;

	text-align: center;
}

#where-is {
	font-size: 95%;

	text-align: right;
}

.external-link {
	background: url('../pictures/external-link-12x12.gif') no-repeat 100% 50%;
	padding: 0 12px 0 0;		/* width of the img */
	display: inline-block;		/* IE correction to show the icon */
	cursor: pointer;		/* IE correction to show hand instead of arrow */
	vertical-align: bottom;		/* Opera correction to get the last word vertical aligned */

}