html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}

body {
	background-color: #fff;
	color: #4d4d62;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	text-align: center;
       font-size: .8em;
}

p {	
       line-height: 1.6em;
       font-size: 11px;
       	margin: 0;
	padding-bottom: 8px;
}

a {
        
	color: #775562;
}

a:hover {
        
	color: #d3ccc0;
       text-decoration: none;
}

ul {	
       line-height: 1.6em;
       font-size: 11px;
       	margin: 0;
	padding-bottom: 8px;
}

ol {	
       line-height: 1.6em;
       font-size: 11px;
       	margin: 0;
	padding-bottom: 8px;
}

h1 {
        
	font-size: 1.3em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #66738F;
	margin: 0;
	padding-bottom: 5px;
       border-bottom: 1px solid #94A0B3;
}

h1 a {
        
	color: #66738F;
       text-decoration: none;
}

h2 {
        
	font-size: 0.9em;
	font-family: Arial, sans-serif;
	color: #6A9587;
	text-transform: uppercase;
	margin: 0;
}

h2 a {
        
	font-size: 0.9em;
	font-family: Arial, sans-serif;
	color: #6A9587;
	text-transform: uppercase;
	margin: 0;
}

h3 {
	font-size: 0.9em;
	font-family: Arial, sans-serif;
	margin: 0;
	padding-bottom: 8px;
}

h4 {
	font-size: 0.8em;
	font-family: Arial, sans-serif;
        
	color: #8CA1AA;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 8px;
}


hr {
	clear: both;
	height: 1px;
	color: #94A0B3;
       background-color: #94A0B3;
       border: 0;
}

img {
	border: none;
                padding: 3px;
}

#wrapper {
	margin: 0 auto;
	width: 733px;
	text-align: left;
	height: 100%;
}

#head {
	background-color: #E1E4EA;
	height: 50px;
	color: #595577;
        font-family: "Trebuchet MS", Arial, sans-serif;
}

#head div {
	float: left;
	clear: right;
	height: 30px;
}

#logo {
	width: 180px;
}

#logo a {
	display: block;
	padding: 5px 0 0 14px;
	font-size: 11px;
	letter-spacing: 0;
	text-decoration: none;      
        color: #595577;
}

#slogan {
	width: 479px;
	border-left: 1px solid #595577;
}

#slogan span {
	display: block;
	padding: 5px 0 0 14px;
	font-size: 38px;
	letter-spacing: -2px;      
	color: #595577;
}

#slogan a {
       text-decoration: none;    
       color: #595577;
}

#body {
	float: right;
       margin-top: 3px;
	width: 548px;
	clear: both;
}

#visual {
       margin: 0 0 16px 0;
	height: 150px;
	background-image: url(/images/38.jpg);
	background-repeat: no-repeat;
       color: white;
}

#content {	
       float: left;
	padding-right: 5px;
       padding-left: 10px; 
	width: 340px;
	
}

#joinus {
      float: right;
	
	width: 165px;
       font-family: "Trebuchet MS", Arial, sans-serif;
       border: 1px solid #b4bacb;
}

#joinus h1 {
        text-align: center;
        border-bottom: none;
        background-color: #b4bacb;
        color: #ffffff;
        padding-bottom: 0px;
}

#joinus dl {
       margin-top: 0px;
       padding-left: 5px;
       padding-right: 5px;
}

#joinus dt {
       padding-top: 5px;	
	margin: 0;
	font-weight: bold;
	color: #6a9587;
}

#joinus dd {
	padding: 0;
	margin: 0;
	font-size: .8em;
}

#joinus h5 {
	margin: 0;
	padding-bottom: 2px;
	font-size: 1.0em;
	font-weight: normal;
}

#joinus p {
       text-align: center;
       line-height: 1em;
}

#threecells {
	clear: both;
       padding-top: 10px;
       padding-left: 10px;
}

#threecells div {
	float: left;
	font-size: .9em;
	clear: right;
}

#threecells span {
	display: none;
}

#threecells a {
       font-size: 1.2em;
       font-weight: bold;
       text-decoration: none;
}

.cells {
	width: 176px;
	border-top: 1px solid #94A0B3;
}

.cells p {
       margin: 0px 9px;
}

#side {
	padding-bottom: 8px;
	width: 180px;
	background-color: #e1e4ea;
	height: 100%;
       font-family: "Trebuchet MS", Arial, sans-serif;
}

#menu {
	padding: 0;
	margin: 0;
}

#menu a {
	text-decoration: none;
	display:block;   
       color: #595577;
}

#menu a:hover {
       
        color:#775562;
        background-color:#99a3b8;
} 

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial, sans-serif;
}

#menu ul li a {       
	padding: 0 15px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
       border-top: 1px solid #94A0B3; 
	background-position: 13px 5px;
	background-repeat: no-repeat;
}

#menu ul li ul li a {
	margin-top: 0;
	height:19px;
        padding: 0 25px;
	line-height: 19px;
	font-weight: bold;
	text-transform: capitalize;
	background-color: #d2d6e0 ;
	background-position: 13px 5px;
	background-repeat: no-repeat;
	border-top: 1px solid #EEF5F7;
	border-bottom: 1px none #EEF5F7;
}

#menu ul li ul li ul li a {
       margin-top: 0;
	background-color: #c3c8d5;
	background-image: none;
        font-weight: normal;
        padding: 0 35px;
}

#menu li li li li a {
       margin-top: 0;
	padding-left: 40px;
}

#menu ul li ul li ul li ul li {
      background-color: #c3c8d5;
      padding-left: 40px;
}

#menu ul li ul li ul li ul li a {
       margin-top: 0;
	background-color: #b4bacb;
       padding-left: 10px;
       border-left: 1px solid #EEF5F7;
}

#foot {
	clear: both;
	padding: 1em;
	background-color: #fff;
	background-repeat: no-repeat;
	font-size: .8em;
	line-height: 1.4em;
	text-align: center;
	position: relative;
       border-top: 1px solid #E1E4EA;
       color: silver;
}

#foot a {
       color: gray;
       
}

.posted {
       text-align: right;
       font-size: .75em;
}

.sermonintro {
       vertical-align: bottom;
}

.sermonlist {
      border-bottom: 1px solid #94A0B3;
      padding-top: 10px;
}

.sermonlist img {
      float: left;
}

.sermonlist h1 {
     text-align: center;
     border-bottom: none;
}

.sermonexcerpt {
     margin-left: 168px;
}

.nextlinks {
      text-align: center;
      font-size: .9em;
      border-top: 1px solid #94A0B3;
}

.welcome {
     border-bottom: 1px solid #94A0B3;
}

.newsads {
     width: 167px;
     float: right;
     font-size: .85em;
     padding-top: 5px;
     padding-left: 5px;
}

.recent {
     width: 167px;
     float: left;
     font-size: .85em;
     padding-top: 5px;
}

#search {
    margin-top: -10px;
    border-bottom: 0px;
}

.login {
       color: #4d4d62;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	text-align: center;
       font-size: .8em;
       border: 1px solid #b4bacb;
       text-transform: none;
       font-weight: bold;
       margin: 30px;
       background-color: #b4bacb;
}

.login a {
      font-weight: normal;
      background-color: #ffffff;
      margin: 0px; 
}

.login a:hover {
      background-color: #ffffff;
      text-decoration: underline;
}

.podcast {
 
	text-align: center;
       font-size: .8em;
       border: 0px solid #b4bacb;
       text-transform: none;
       font-weight: bold;
       margin-left: 45px;
       margin-right: 45px;
       margin-top: 30px;
}

/* rssxpresschannel - the RSS channel is wrapped in a single <div> with this class. Changes to this will effect all of the channel */

.rssxpresschannel {
        color: #4d4d62;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
        background-color: #FFFFFF;
        border: 0;
}

/* rssxpresstable - the RSS channel is formatted (rightly or wrongly :-) ) using a table of this class. Changes here could effect text alignment, etc. */
.rssxpresstable {
        background-color: #FFFFFF;
        border: 0;
}

/* rssxpresschtitle - the RSS channel title */
.rssxpresschtitle {
        display: none;
        background-color: #FFFFFF;
}

/* rssxpresschdesc - the RSS channel description */
.rssxpresschdesc {
        display: none;
}

/* rssxpressittitle - each of the item titles have this class. Note that because each of these are links, there are limitations to their control. */
.rssxpressittitle {
       font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
       background-color: #FFFFFF;
       font-size: .9em;
}

/* rssxpressitdesc - the RSS item description */
.rssxpressitdesc {
     font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
     font-size: .85em;
     background-color: #ffffff;
     border-bottom: 1px solid #94A0B3;
}

/* rssxpressdivider - the items from the channel are separated from the main description at the top, and other things at the end, but a single pixel, single column, row in the RSS channel layout table. To change the colour of this alter the background colour attribute in the stylesheet */

.rssxpressdivider {
     display: none;
     background-color: #FFFFFF;
     border-top: 1px solid #94A0B3;
}

#accessibility
{
	position: absolute;
	top: -10000px;
}

.listtitle
{
       text-transform: none;
}

.readmore
{
       line-height: 1em;
       font-size: 11px;
       float: right;
       margin-top: -10px;
}