html, body {height:100%}
body {font-family: Calibri, "Trebuchet MS", sans-serif; font-size:85%; margin:0; background:#FFF; color:#444;}
#page {width:960px; background:white; margin:auto; min-height:100%; position:relative;}
#content {padding:0px;}
#footer {padding:0 30px; line-height:30px; position:absolute; left:0; bottom:0; text-align:right; width:900px}

.mt0 {margin-top: 0}

h1 {margin:0; padding: 10px 0 0;}
h3 {color:#E89F09; margin:10px 0; font-weight:normal; font-size:120%;}

p {margin: 0 0 10px 5px; line-height: 1.3em}

a {color: #AAA;}
a:visited {color:#555;}
a:hover {color:#F7B324;}
.clear {clear:both; height:0; overflow:hidden; font-size:1%}

.reference {margin:0; padding:0;}
.reference li {margin:0; padding: 0px; list-style-type:none; display: block; float:left;}

.reference a {display: block; padding:4px; border: 1px solid #DDD; margin:5px;}
.reference a:hover {border: 2px solid #F7B324; margin:4px;}
.reference img {border:none; display:block;}
.reference a:hover img {opacity:1}