html {height:100%;}
body { margin:0; height:100%;}
* html #wrap {height:100%;}

a { color: #063; font-weight:bold; text-decoration: none; }
a:hover { color: white; background: #063; }
#header { float: right; text-align:right; padding:.5em 10px 0 0; color: #063; font-weight: bold; }
#navbar { clear: both; width:100%; background:#063; font-weight: bold; color: white; }
#navbar a { background: #063; color: white;}
#navbar a:hover { background: #084; }
#intro { font-weight: bold; text-align:center; padding: 15px;}
h1, h2, h3, h4, h5 { margin-bottom: 0; }
h3 { font-style: italic; }
#left { position: relative; bottom:0; left: 10px; width:45%; float:left;}
#right { position: relative;; bottom:0; right: 10px; width:45%; float: right;}
#footer {  clear: both; font-weight:bold; color:white; width: 100%; background: #063;text-align:right; font-size:.8em;

height: 40px;
position: relative;
margin-top: -40px;
}

#wrap {
position:relative;
min-height:100%;

}

#inner-wrap { margin-left:4em;position: relative;}