html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}

#header {
   background:orange;
   padding:8px;
   padding-left:10%;
   padding-right:10%;
}

#header img{
/*padding-left:10%;*/
width:134.4px;
height:32px;
vertical-align:middle;
display:inline;
}

#header .menu { float:right; }

.menu{
padding-left:20%;
display:inline-block;
vertical-align:middle;
}

.menu li{
display:inline;
color:white;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
padding-left:1em;
}

ul.menu li a:hover,ul.menu li.active a{
color:black;
}

.menu a{
text-decoration:none;
color:white;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#body {
   padding-left:10%;
   padding-right:10%;
   padding-bottom:32px;   /* Height of the footer */
}

#body p{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
color:black;
text-align:left;
}

#body h1{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:18px;
color:orange;
text-align:left;
}

#body .p1{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
color:black;
text-align:left;
}

#body .p1{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
color:black;
text-align:left;
}

#body .p2{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
font-weight:bold;
color:orange;
text-align:left;
}

#body a{
text-decoration:none;
color:grey;
font-weight:bold;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#footer {
   position:fixed;
   bottom:0;
   width:100%;
   height:32px;   /* Height of the footer */
   background:orange;
   text-align:center;
}

#footer p {
color:white;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
}