* {
margin:0;
padding:0;   
}
html {
background:#FFFFFF url('../images/gradientx.jpg') repeat-x center top;
}
body {
color:black;
margin:0 auto;
font-family:arial;
}
h1 {
color:silver;
font-family:arial;
margin-bottom:20px;
margin-left:15px;
margin-top:10px;
}
h2 {
color:black;
font-family:arial;
margin-left:15px;
}

#banner {
background:url('images/church-frontpage2.jpg') no-repeat 347px 0;
clear:left;
height:248px;
margin:0 auto;
width:660px;
}
#header {
background-repeat:no-repeat;
clear:both;
font-family:georgia;
height:114px;
margin:0 auto;
width:660px;
}
#header em {
clear:none;
font-size:1.5em;
font-weight:200;
}
.top {
color:white;
height:27px;
}
.top a {
color:white;
text-decoration:none;
}
.top a:link {
color:white;
text-decoration:none;
}
.top a:visited {
color:white;
text-decoration:none;
}


#container {
margin:0 auto;
min-height:230px;
width:660px;
}
#leftcontent {
background:#C6BEE7 none repeat scroll 0 0;
float:left;
min-height:400px;
width:347px;
}
.slogan{
font-family: arial;
vertical-align:top;
text-align:center;
font-size:.7em;
bottom:4px;
letter-spacing:4px;
color:#cecece;
}

#subcontainer {
margin:0 auto;
width:660px;
}
.subleftcontent {
float:left;
width:190px;
}
.subleftcontent p {
margin:15px;
}
.submaincontent {
float:right;
font-size:0.75em;
width:470px;
}
.submaincontent p {
font-size:11px;
line-height:14px;
margin:15px;
}

.submaincontent a:link {
color:Gray;
text-decoration:none;
}
.submaincontent a:active {
color:Gray;
text-decoration:none;
}
.submaincontent a:hover {
color:Gray;
text-decoration:none;
}
.submaincontent a:visited {
color:Gray;
text-decoration:none;
}
#maincontent {
background:white none repeat scroll 0 0;
float:right;
font-size:0.75em;
min-height:400px;
width:613px;
}
#maincontent p {
line-height:1.6em;
}
.left {
float:left;
margin:7px;
width:183px;
}
.right {
float:right;
width:473px;
margin:7px;
}

.left2col {float:left;
margin:7px;
width:205px;
}

.right2col{
float:right;
width:200px;
}


#nav {
clear:both;
height:29px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
position:relative;
width:660px;
}

#subnav {
float:right;
}
#subnav li{
text-align:right;
padding-right:5px;
background: #f1de8d;
list-style-image:none;
list-style-type:none;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
font-weight:bold;
margin-bottom:2px;
}

#subnav li a{
display: block;
text-decoration:none;
}


#subnav a:link{
color:Black;
text-decoration:none;
}
#subnav a:active{
color:Black;
text-decoration:none;
}
#subnav a:visited{
color:Black;
text-decoration:none;
}
#subnav a:hover{
color:Black;
text-decoration:none;
}
#subnav ul{
line-height:24px;
}

#nav ul {
margin:0;
}
#nav li {
display:block;
float:left;
padding-right:2px;
}
#nav a:link {
color:white;
text-decoration:none;
}
#nav a:visited {
color:white;
text-decoration:none;
}
#footer {
font-family:Arial;
font-size:10px;
color:#9e9e9e;
margin:0 auto;
width:660px;
}
#footer a:link {
color:#9e9e9e;
text-decoration:none;
}
#footer a:visited {
color:#cccccc;
text-decoration:none;
}
#footer a:hover {
color:#cccccc;
text-decoration:none;
}

#listofitems
{
margin:15px;
font-size:11px;
  margin-bottom: 1em;
}
#listofitems ul
{
  width: 440px;  /* room for 3 columns */
}
#listofitems li
{
list-style-position:inside;
  float: left;
  width: 146px  /* accommodate the widest item */
}

#listofitems2col
{
margin:15px;
font-size:11px;
margin-bottom: 1em;
}
#listofitems2col ul
{
  width: 440px;  /* room for 3 columns */
}
#listofitems2col li
{
list-style-position:inside;
  float: left;
  width: 220px  /* accommodate the widest item */
}


#home-icons{
margin-left:15px;margin-top:2px;width:80px; height:215px; float:left}

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */