body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #ececff;}

h1 {display: none;}

img {border: 0;}

p a:link, p a:visited, .extras a:link, .extras a:visited, #footer a:link, #footer a:visited, h3 a:link, h3 a:visited {color: #003366; text-decoration: none; border-bottom: 1px solid #003366;}

p a:hover, p a:active, .extras a:hover, .extras a:active, #footer a:hover, #footer a:active, h3 a:hover, h3 a:active {background-color: #ececff; color: #000; text-decoration: none; border-bottom: 1px solid #000;}

 #container
{
width: 80%;
margin: 0 auto;
background-color: #fff;
color: #333;
border: 1px solid #6699cc;
line-height: 130%;
}

#top
{

background-color: #ffcc33;
border-bottom: 1px solid #6699cc;
}

.headRight {position: absolute; right: 11%;}

#top img
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;

margin: 0;
padding: 0;
}

#content
{
margin-left: 200px;
border-left: 1px solid #6699cc;
padding: 20px;
}

#content p {margin: 0 0 1em 0;}

#footer
{
clear: both;
text-align: right;
margin: 0;
padding: .5em;
color: #036;
background-color: #fde89f;
border-top: 1px solid #6699cc;
font-size: 0.7em;
}

#footer a:hover {background-color: #ffcc33;}

/* navigation */
#navcontainer
{
width: 200px;
padding: 0;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #333;

}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #ccc;
margin: 0;
font-size: 0.9em;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #467eaf;
background-color: #ffffcc;
color: #036;
text-decoration: none;

}

#navcontainer li a.on, ul#ul-default li a#li-home, ul#ul-home li a#li-home, ul#ul-people-groups li a#li-people-groups, ul#ul-the-rector-writes li a#li-the-rector-writes, ul#ul-services li a#li-services, ul#ul-weddings-baptisms-funerals li a#li-weddings-baptisms-funerals, ul#ul-events-meetings li a#li-events-meetings, ul#ul-news-articles li a#li-news-articles, ul#ul-library-corner li a#li-library-corner, ul#ul-about li a#li-about, ul#ul-visiting li a#li-visiting, ul#ul-resources li a#li-resources, ul#ul-links li a#li-links {border-left: 10px solid #036; background-color: #ffcc33; color: #000;}


html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #036;
background-color: #ffcc33;
color: #000;
}

#navcontainer img {padding-left: 40px; padding-top: 25px; margin-bottom: 0;}
img.side {padding-left: 10px; margin-top: -20px;}

/* main area */
.welcome, h3 {font-size: 1.1em; color: #000; text-transform: uppercase; font-weight: normal;}
h4 {font-weight: bold;}
img.left {float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ccc;}
img.right {float: right; margin-bottom: 10px; margin-left: 10px; border: 1px solid #ccc;}

.extras {text-align: center; font-size: 0.9em; width: 50%; padding: 10px; }

.information {border-bottom: 1px solid #ccc;}