html,
body {
   margin:0;
   padding:0;
   height:100%;
   background: #d3d7e3;
}

html>body #wrap {
  height:100%;
}

#wrap {
   width:58em;
   margin:0 auto;
}

#header {
   width:58em;
   height: 120px;
   padding: 2.2em 0 0 0;
   background: #414a74;
   text-align: center;
}

html>body #header {
   position:fixed;
   z-index:10;
}

#title {
   margin: .5em 0 0 0;
   padding: .5em 0 .01em 0;
   text-align: center;
   background: #edead3; 
   border-top-width: medium;
   border-top-style: ridge;
   border-top-color: #ffd015;
   border-bottom-width: medium;
   border-bottom-style: ridge;
   border-bottom-color: #ffd015;
}

html>body #content-wrap {
   height:100%;
}
html>body #content {
   /* pad for height of header + footer + bottom blank to ensure full height */
   padding: 14em 2em 25em 2em;  
}

#content-wrap,
#content {
   display:inline-block;
   background:#ffffff;
}

#footer {
   width:58em;
   height: 2em;
   padding: .25em 0 0 0;
   font: 100%/1.5 Arial, Verdana,  Georgia, Helvetica, Arial, sans-serif;
   word-spacing: 3em;
   text-align:center; 
   border-top-width: medium;
   border-top-style: ridge;
   border-top-color: #ffd015;
   background: #6c7699;
}

html>body #footer {
   position:fixed;
   bottom:0;
   z-index:10; /* Prevent certain problems with form controls */
}

body {
   font: 80%/1.5  Verdana, Georgia, Helvetica, Arial, sans-serif;
}

p {
   margin:1em 0;
}

p.center {
  text-align: center;
}

.info {
   position:relative;
   padding:0.5em;
   border:2px solid #999;
   background:#fff;
}

img {
    border: 0;
}

#menu {
   text-align: center;
   font: Arial, Verdana,  Georgia, Helvetica, Arial, sans-serif;
   font-size: 12px;
   word-spacing: 2.5em;
   padding: 1.55em 0 0 0;
}

#photo-l {
   float: left; 
   text-align: left;
   margin: .5em 2em 1em 0;
/*   padding: .5em .5em .5em .5em;
   background: #ecedd8; */
}

#photo {
   float: right;
   margin: 0 1em 1em 2em;
/*   padding: 1em 1em 1em 1em;
   background: #ecedd8; */
}

#copyright {
   height: 1.5em;
   padding: 0 0 3em 0;
   bottom: 0em;
   clear: both;
   margin-top: 5em;
   text-align: left;
   font-size: 0.7em;
}


a:link,
a:visited {
   font-weight:bold;
   text-decoration:none;
}

a:link { color: #003399; }
a:visited { color: #3a64ca; }
a:focus, a:hover { color: #ffcc00; }

#menu a:link { color: #E7E9F1; }
#menu a:visited { color: #E7E9F1; }
#menu a:hover { color: #FED114; }

#footer a:link { color: #E7E9F1; }
#footer a:visited { color: #E7E9F1; }
#footer a:hover { color:  #FED114; }

ul {
    margin-left: 2em;
    padding: 0;
}

ul.none {
   margin-top: 3em;
   list-style-type: none;
}

li {
   margin-bottom: 2px;
   margin-left: 3em;
}

object {
     margin: 0;
     padding: 0 0 0 0;
}