.menu
{
   width: 100%;
   margin: 0.2em 0px;
   padding: 0px 0.5em;
}

.menu ul
{
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}

.menu li
{
   margin: 0px 0.15em;
   width: 16%;
   text-align: center;
   float: left;
}
            
.menu a
{
   width: 8em;
   height: 2em;
   line-height: 2em;
   text-decoration: none;
   text-align: center;
   font-style: normal;
   background: url(background.gif) #fDfDfD bottom left repeat-x;
   display: block;
   border: 0.1em solid #dcdce9;
   color: #2277AA;
   float: left;
}
            
.menu a:hover
{
   background: #FFFF9B none;
   font-weight: bold;
   color: #2299EE;
   font-style: normal;
}

.menu li a
{
   float: none
}

.main-container
{
   width: 90%;
   margin-top: 10px;
   margin-left, margin-right: 5%;
   border: 0px solid gray;
   line-height: 130%;
   text-align: center;
   text-decoration: none;
   font-family: Georgia, serif, times, courier, arial
   background-color: #FFFFC0;
   color: #030303;
}

.main-title
{
   padding: 0.5em;
   line-height: 0.5cm;
   border: 0px solid gray;
}

.main-title h1
{
   padding: 0px;
   margin: 0px;
}

.main-stgiles
{
   width: 200px;
   margin: 0px;
   padding: 11px;
   border: 0px solid gray;
   float: left;
}

.main-stmarys
{
   width: 200px;
   margin: 0px;
   padding: 11px;
   border: 0px solid gray;
   float: right;
}

.main-stgiles p, .main-stmarys p { margin: 0 0 1em 0;}

.main-margaret
{
   margin-left: 216px;
   margin-right: 216px;
   padding: 10px;
   min-width: 216px;
   max-width: 512px;
   border: 0px solid gray;
} 

.main-margaret h2 { margin: 0px 0px 0.5em 0px; }

.main-links
{
   clear: both;
   margin: 0px;
   padding: 0.5em;
   color: #333;
   border: 0px solid gray;
} 

.main-links-list
{
   text-align: left;
}

.centertable
{
   margin-left: auto;
   margin-right: auto;
}