html,body { margin:0; padding:0; height:100%;}
body {font: normal 0.9em/1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

#container { min-height:100%; position:relative;}
#content { padding-bottom:20px; max-width:900px; }
#footer { position:absolute; bottom:0; width:100%; height:20px; border-top:1px solid black;font-size:80%; }
#footer span {padding-left:8px;}


.color1 {background-color:#A4BA8C;}
.color2 {background-color:#F6CF74;}
.color3 {background-color:#C74350;}
.color4 {background-color:#000305;}
.color5 {background-color:#CFDB79;}
.fcolor1 {color:#A4BA8C;}
.fcolor2 {color:#F6CF74;}
.fcolor3 {color:#C74350;}
.fcolor4 {color:#000305;}
.fcolor5 {color:#CFDB79;}

.menuhilite { color:white;}

.funky {background: #fff url('/images/pixx.png') repeat;}
.box { margin:10px 10px 0px 10px; border:1px solid black; display: inline-block;}
.box div {padding:8px; background-color:white; font-size:90%; }
.box h2 {padding:5px; font-size:120%;}
.box img {margin:3px;}
.box p { padding-bottom:5px;}
.box h5 a img { vertical-align:middle;}
.box h5 span { vertical-align:middle;}
.title {text-align: left; padding:5px;}
.title b {font-size: 2em;}
.title i {font-size: 1.2em;}
.footer {text-align: left; padding-left:8px; border-top:1px solid black; border-bottom:1px solid black; font-size:80%;}
.menubar { padding:8px; font-weight: bold; font-size:110%;}
.menubar li {list-style: none; display: inline-block; padding-right:0.6em;}
.menubar li a {text-decoration: none;}
.menubar li a:hover {color:white;}
.menubar ul {margin:0;padding:0;}