html {
   background: #ffe8f5;
}
body {
   margin:0;
   padding:0;
}
#hd {
}

#welcome {
    display: inline;
}

#doc {
   border:1px solid silver;
   padding: 10px;
   margin-top: 10px;
   color: #444444;
   background-color: #FFFFFF;
}
#doc a:link {
   color: #444444
}
#bd {
    background-color: white;
    padding-top: 10px;
}

#bd p {
margin-bottom: 10px;
}
#ft {
    background-color: #ffb7e0;
    color: white;
    text-align: center;
}
#ft a:link {
   color: #FFFFFF
}
#navigation {
   background:#ffb7e0 none repeat scroll 0% 0%;
   border-top:1px solid #FFFFFF;
   clear:both;
   height:25px;
}
#navigation ul {
   font-size:1.1em;
   height:25px;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
}
#navigation ul li {
   display:inline;
   text-align: right;
}
#navigation ul li a {
   border-right:1px solid #FFFFFF;
   color:#FFFFFF;
   display:block;
   float:left;
   line-height:25px;
   padding:0pt 16px;
   text-decoration:none;
}
#navigation ul li a:link {
   color: #FFFFFF;
}
#navigation ul li a:hover {
   background:#ff0000 none repeat scroll 0% 0%;
}
#headshot {
   display: inline;
   float: right;
   padding-left: 10px;
   border:1px solid #FFFFFF;
}
#menu {
   background:#F9FCFC none repeat scroll 0% 0%;
   border:0px solid #D8E3EE;
   font-family:Arial,Helvetica,sans-serif;
   font-size:11px;
   font-weight:bold;
   margin-top:10px;
   padding:2px;
   text-align:center;
   display: inline;
}
#menu a {
   color:#3B85CA;
   padding:10px;
   text-decoration:none;
}
#menu a:hover {
   color:#000000;
}

#Event {
   position: relative;
   }

#EventDate {
   position: absolute;
   left: 0;
   }

#EventLocation {
   position: absolute;
   right: 0;
   text-align: right; /* depends on element width */
   } 

#EventTitle {
    position : absolute;
    text-align: center;
}