@charset "utf-8";
/* --- Buttons --- */
/* Code from http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
.menu { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
	display:block;
}

a.button {
    background: transparent url('buttonA.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('buttonSpan.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* --- Positioning --- */
.P1, .P2, .P3, .P4, .menu, .text {
	position: absolute;
	background-repeat: no-repeat;
}

.P1 {
	left: 12px;
	top: 8px;
	width: 225px;
	height: 161px;
}

.P2 {
	left: 251px;
	top: 7px;
	width: 600px;
	height: 161px;
	margin: 0;
}

.whiteLine {
	background-color: white;
	position: absolute;
	left: 251px;
	top: 145px;
	width: 600px;
	height: 4px;
}

.menu {
	left: 251px;
	top: 187px;
	width: 733px;
}

.P3 {
	left: 12px;
	top: 188px;
	width: 225px;
	height: 176px;
}

.P4 {
	left: 752px;
	top: 36px;
	width: 606px;
	height: 131px;
}

.text {
	left: 251px;
	top: 220px;
	width: 600px;
	padding-bottom: 4em;
}

@media print {
	.P1, .P2, .P3, .P4, .menu, .text, .whiteLine {
		background-image: none;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
	}
}

/* --- Typography --- */

h1, h2 { 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: xx-large;
	text-align: center;
	font-weight: normal;
}

p {
	font-family: Verdana, Geneva, sans-serif;
}

small { font-size: small }

/* --- Images -- */

.ImageLeft {
	float: left;
	clear: left;
	padding-right: 1.5em;
}
.ImageRight {
	float: right;
	clear: right;
	padding-left: 1.5em;
}