@font-face { font-family: "Cantarell"; src: url('Cantarell-Regular.ttf') format("truetype"); }
@font-face { font-family: "Cantarell"; font-weight: bold; src: url('Cantarell-Bold.ttf') format("truetype"); }

* { font-family: 'Cantarell', sans-serif; }
body { height: 100%; width: 970px; margin: auto; }

#header { height: 50px; background: grey; margin: 10px 0 10px 0; 
		background: url('header.png');
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: white;
}

#footer { height: 29px; background: grey; margin: 10px 0 10px 0;
		background: url('footer.png');
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: white;
}

#footer ul li { vertical-align: middle; font-weight: bold; color: #FFFFFF; margin-right: 15px; display: inline-block; }
#footer ul    { display: inline-block; margin: 5px; float: right; }
#footer p { vertical-align: middle; font-weight: bold; color: #FFFFFF; margin: 6px 0 0 10px; display: inline-block; }

#logo { display: inline; margin: 5px; }
#main { background: url('empty.png'); display: inline-block; margin: 0; width: 970px; height: 510px; }

#navigation a  { font-weight: bold; color: #FFFFFF; text-decoration: none; }
#navigation a:hover  { font-weight: bold; color: #FF0000; }
#navigation li { vertical-align: middle; font-weight: bold; color: #FFFFFF; margin-left: 15px; display: inline-block; }
#navigation ul    { display: inline-block; }

/* Typographic hierarchy */
body { font-family: helvetica, arial, verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, verdana, sans-serif; font-weight: normal; }
h1 { font-size: 218%; line-height: 36px; margin-bottom: 18px; }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; }

dt { font-weight: bold; line-height: 150%; margin-top: 10px; }
dd { margin-left: 5px; margin-bottom: 5px; text-align: justify; }