body {
 background: #fffeff url(images/bg.gif) repeat-x top left;
 font: normal 11px  Tahoma, Verdana, Arial, MS;
 color: #7c7c7c;
 margin: 0px;
 padding: 0px 10px 20px 10px;
 text-align: center;
 behavior: url(hover.htc);
}
td {
 font: normal 11px  Tahoma, Verdana, Arial, MS;
 color: #7c7c7c;
}
a {
 color: #2e68b6;
 text-decoration: underline;
}
a:hover {
 color: #4281d7;
}
form {
 margin: 0px;
 padding: 0px;
}

h1, h2, h3, h4, h5, h6, p {
 margin: 0px;
 padding: 0px;
}
input, select, textarea{
 margin: 0px;
 padding: 3px 5px 3px 3px;
 color: #888;
 font: 11px Verdana;
 border: 1px solid #e0e0e0;
}
input, select {
 height: 23px;
}
input {
 float: left;
}

input.button {
 border: none;
 padding: 0px;
 display: block;
 margin-left: -5px;
}
h1 {
 font-weight: bold;
 font-size: 16px;
 display: block;
 margin: 0px 0px 10px 0px;
} 
h2 {
 font-weight: bold;
 font-size: 14px;
 display: block;
 margin: 0px 0px 10px 0px;
}

div {
 text-align: left;
}
img {
 border: none;
}
a.more {
 display: block; 
 float: right;
 margin: 0px 15px 10px 0px;
}

.image_container {
 float: left;
 width: 98px;
 height: 66px;
}
div.date {
 float: left;
 font-weight: bold;
 color: #729dcf;
 font: bold 11px Tahoma;
 margin: 0px;
}

#root {
 width: 900px;
 background-color: #eaeaea;
 padding-bottom: 16px;
 margin: 0px auto;
}
#root.popup_root {
 width: 623px;
}

#top {
 width: 900px;
 background: url(images/topbg.gif) repeat-y top center;
 padding-top: 5px;
}
#top.popup_top {
 width: 623px;
}
#logo_search {
 background-color: #000;
 width: 900px;
 height: 90px;
}
#logo_search.popup_logo_search {
 width: 623px; 
}
#logo_search img{
 width: 313px;
 height: 90px;
 float: left;
}
#topmenu {
 clear: both;
 border-left: 1px solid #404040;
 border-right: 1px solid #404040;
 background: url(images/menubg.gif) repeat-x top left;
 height: 46px;
}
#topmenu ul{
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
#topmenu li {
 display: block;
 float: left;
 padding: 0px;
 margin: 0px;
 padding-top: 5px;
 background: url(images/menusep.gif) no-repeat right top;
}
#topmenu li.last {
 background: none;
}

#topmenu li a, #topmenu li span{
 display: block;
 margin: 0px 2px 0px 0px;
}
#topmenu li a:hover, #topmenu li span {
 background: url(images/menuhlight.gif) repeat-x bottom left;
 color: #fff;
 font-weight: bold;
 display: block;
}
/*-----------------------------------------------*/

#topmenu li:hover ul {
 display: block;
}
#topmenu li.over ul {
 display: block;
}
#topmenu li li ul, #topmenu li:hover li ul {
 display: none;
}
#topmenu li.over li ul {
 display: none;
}
#topmenu li li:hover ul {
 display: block;
}
#topmenu li li.over ul {
 display: block;
}
#topmenu li ul {
    position: absolute;
    display: none;
    width: 160px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
   }
#topmenu li ul li  {
    position: relative;
    margin: 0;
    padding: 0;
    background: none;
   }
#topmenu li li ul {
    top: 0;
    left: 160px;
    z-index: 1;
   }
#topmenu li li a {
    display: block;
    width: 160px; 
    padding: 5px;
    border: 1px solid #777777;
    border-bottom: none;
    background: #2b2b2b;
    text-decoration: none;
    text-transform: uppercase;
    color: #d8d8d8;
    font-size: 10px;
    font-weight: bold;
   }
#topmenu li li li a {
    display: block;
    width: 200px; 
}
#topmenu li li a:hover {
    color: #fff;
    background: #2b2b2b;
   }

/*#topmenu li ul {
 display: none;
 position: absolute;
 margin-top: -5px;
 border-top: 5px solid #5986c2;
}
#topmenu li:hover ul {
 display: block;
}
#topmenu li.over ul {
 display: block;
}
#topmenu li ul li ul {
  top: 0px;
  left: 160px;
}
#topmenu li ul li ul, #topmenu li:hover ul li ul {
 display: none;
}
#topmenu li.over ul li ul {
 display: none;
}
#topmenu li ul li:hover ul {
 display: block;
}
#topmenu li ul li.over ul {
 display: block;
}
#topmenu li ul li{
 position: relative;
 background-color: #2b2b2b;
 margin: 0px;
 padding: 0px;
 border-top: 1px solid #404040;
 border-bottom: none;
 float: none;
}
#topmenu li ul li a {
 display: block;
 padding: 5px 10px;
 border: 1px solid red;
 background: none;
 text-align: left;
 text-decoration: none;
 text-transform: uppercase;
 color: #d8d8d8;
 font-size: 10px;
 font-weight: bold;
}

#topmenu li ul li a:hover {
 text-decoration: none;
 background: none;
}

#topmenu li ul {
 width: 160px;
 white-space: nowrap;
}*/
/*
* html #topmenu li ul {
 width:expression(this.offsetWidth > 160? "100%":"160px");
 white-space: nowrap;
} */

#main {
 background-color: #fff;
 margin: 15px;
 border: 1px solid #fff;
}
#welcome {
 clear: both;
 background: #fff url(images/welcomebg0.gif) no-repeat top left;
 padding-left: 6px;
 height: 316px;
}

#welcome_inner {
 width: 263px;
 float: left;  
 font-size: 14px;
 line-height: 24px;
 background: url(images/welcomebg.gif) repeat-x top left;
 overflow: hidden;
}
#welcome_inner img {
 margin: 15px 0px 0px 15px;
 padding: 0px;
}
#welcome_inner p {
 margin: 20px;
}
#collage {
 float: right;
 width: 599px;
 height: 316px;
 background: url(images/collage.jpg) no-repeat top right;
}
#search {
 float: right;
 margin-top: 52px;
 padding-left: 74px;
 background: url(images/searchbg.gif) no-repeat top left;
 white-space: nowrap;
}
#search input {
 background-color: #fff;
 border: 1px solid #3a3a3a;
 margin-right: 3px;
}
#search select {
 float: left;
 background-color: #fff;
 border: 1px solid #3a3a3a;
}
#search option {
 height: auto;
}
#search input.button {
 border: none;
 margin-left: 3px;
}

#left {
 float: left;
 width: 271px; 
 margin-top: 7px;
}
#video, .recent_sermons, .menu_categories {
 width: 265px;
 float: right;
 margin-bottom: 10px;
 padding-top: 10px;
 background-color: #eee;
}


#video, .recent_sermons, .list {
 background: url(images/blockbg.gif) repeat-x top left; 
}
#video_object {
 margin: 0px;
 margin-left: 10px;
}
.recent_sermons p {
 margin: 5px 15px 10px 10px;
}
.recent_sermons p.last {
 background: url(images/sep1.gif) repeat-x left bottom;
 padding-bottom: 15px;
}

.recent_sermons div.sermon {
 float: left;
 width: 150px;
 color: #6c6c6c;
 margin: 5px 0px 10px 0px;
}
.recent_sermons div.date {
 float: left;
 font-weight: bold;
 color: #729dcf;
 font: bold 11px Tahoma;
 margin: 5px 15px 10px 10px;
}
.recent_sermons span {
 font-weight: bold;
 color: #729dcf;
 font: bold 11px Tahoma;
}
.recent_sermons a{
 font-weight:  bold;
 color: #6c6c6c;
 text-decoration: none;
}
.recent_sermons  a:hover{
 color: #7c7c7c;
}
.recent_sermons_innerpage {
 background: url(images/titles/sermons_.gif) no-repeat top left;
 padding-top: 47px;
 margin-left: 0px;
}

.recent_news_innerpage {
 background: url(images/titles/recent_news_.gif) no-repeat top left;
 padding-top: 47px;
 margin-left: 0px;
}
/*
.recent_sermons_innerpage div.date, .recent_news_innerpage div.date {
 margin-left: 23px; 
} */

#subscribe {
 background: url(images/subscribebg.jpg) no-repeat top left;
 width: 265px;
 float: right;
 margin-bottom: 10px;
}
input.subscribe {
 border: 1px solid #86a9d5;
}
#subscribe div.inner{
 margin: 49px 10px 22px 16px;
 overflow: hidden;
}

* html #subscribe div.inner {
 margin: 49px 10px 22px 16px;
 overflow: visible;
 height:1%;
}

.menu_categories {
 background: url(images/blockbg.gif) repeat-x top left; 
}
.menu_categories h1{
 margin: 0px 15px 0px 10px;
 color: #333333;
 font-size: 14px;
}
.menu_categories h1 a{
 color: #333333;
 font-size: 14px;
 text-decoration: none;
}
.menu_categories ul {
 font-size:  12px;
 color: #333333;
 margin: 5px 0px 0px 16px;
 padding: 0px;
 list-style-type: none;
}
.menu_categories li {
 padding: 0px 0px 0px 10px;
 margin: 0px;
 background: url(images/menu_nodes/plus1.gif) no-repeat 0px 5px;
}
.menu_categories li ul{
 font-size:  12px;
 color: #333333;
 margin: 5px 0px 0px 0px;
 padding: 0px;
}
.menu_categories li li {
 font-size: 11px;
 color: #010101;
 padding: 0px 0px 0px 10px;
 margin: 0px;
 background: url(images/menu_nodes/bullet.gif) no-repeat 0px 6px;
}
.menu_categories li a {
 text-decoration: none;
 color: #333333;
}
.menu_node_div_ {
 float: left;
 padding-top: 3px;
 padding-right: 5px;
}
.menu_categories.our_news_cat{
 background: url(images/titles/our_news.gif) no-repeat top left;
 padding-top: 47px;
}
.menu_categories.gallery{
 background: url(images/titles/gallery.gif) no-repeat top left;
 padding-top: 47px;
}
#content {
 float: left;
 width: 597px;
 margin-top: 7px;
}
.list, .detail {
 width: 590px;
 float: left;
 margin-bottom: 10px;
 padding-top: 10px;
 background: url(images/titles/detail_header_bg.gif) no-repeat top left;
}
#weekly_church.list, #our_news.list, #our_sermons.list, #our_news.detail, 
#our_sermons.detail, #weekly_church.detail, #contact_us.detail, #events.list, 
#events.detail, #gallery.list, #gallery.detail, #search_results.list, #friend_contact.detail {
 padding-top: 0px;
 margin-top: 7px;
}
.list h1 {
 margin-left: 20px;
}
div.header{
 width: 590px;
}
.list div.header{
 height: 47px;
}
div.header h1{
 margin: 20px 20px 0px 20px;
 font-size: 18px;
}
#our_sermons div.header h1{
 margin: 0px 5px;
 padding: 15px 20px 10px 20px;
 font: bold 18px Tahoma;
 color: #fff;
 background: url(images/titles/sermons_detail_header_bg.gif) repeat-x top;
}
#our_sermons div.header h1 span{
 font-size: 12px;
 font-weight: normal;
}
#our_news.list div.header{
 background: url(images/titles/our_news.gif) no-repeat top left;
}
#our_sermons.list div.header{
 background: url(images/titles/our_sermons.gif) no-repeat top left;
}
#weekly_church.list div.header{
 background: url(images/titles/weekly_church.gif) no-repeat top left;
}
#contact_us.detail div.header{
 background: url(images/titles/contact_us.gif) no-repeat top left;
 height: 47px;
}
#gallery.list div.header{
 background: url(images/titles/gallery.gif) no-repeat top left;
 height: 47px;
}
#events.detail div.header{
 height: 47px;
}
#search_results.list div.header{
 background: url(images/titles/search_results.gif) no-repeat top left;
}

#share_button {
 float: right;
 margin: 0px 0px 10px 20px;
}
#news_result {
 float: right;
 margin-right: 10px;
 margin-top: 15px;
 white-space: nowrap;
 font-size: 12px;
 color: #919191;
}
#news_result select{
 padding: 2px;
}


table.item {
 width: 560px;
 float: right;
 margin: 0px 10px 5px 0px;
 padding-left: 3px;
 padding-bottom: 5px;
 background: url(images/sep1.gif) repeat-x bottom;
 height: 80px;
}
table.item.wide{
 width: 830px;
 float: left;
}
table.item td {
 vertical-align: top;
}
table.item td.news_text {
 width: 448px;
}
#weekly_church table.item td.news_text {
 width: 640px;
}
table.item.wide td.news_text {
 width: 700px;
}
.news_text h2 a {
 color: #6c6c6c;
 text-decoration: none;
}
.news_text h2 a:hover {
 color: #9a9a9a;
 text-decoration: none;
}

table.item td h2 {
 display: block;
 float: left;
 color: #6c6c6c;
 font: bold 11px Tahoma;
 margin: 0px 10px 5px 16px;
}
table.item td div.date {
 float: right;
 clear: right;
 color: #7798c0;
 font: bold 10px Tahoma;
}
table.item td p {
 clear: both;
 color: #6c6c6c;
 margin: 0px 0px 5px 16px;
}
table.item td a.more {
 display: block;
 float: left;
 margin: 0px 10px 5px 16px;
}
table.item.last {
 background: none;
}


#events {
 float: left;
 background: url(images/titles/events.gif) no-repeat top left;
 width: 590px;
}
#events div.item {
 float: left;
 background: url(images/sep2.gif) no-repeat top right; 
 margin-left: 15px;
 margin: 0px 0px 10px 10px;
 padding: 0px 10px 0px 0px;
 height: 150px;
 overflow: visible;
}
#events div.item div.inner {
 width: 260px;
}
#events div.item img{
 margin-right: 10px;
 float: left;
}
#events div.item span{
 font-weight: bold;
 padding-bottom: 5px;
}
#events div.item a{
 margin-left: 0px;
 padding-top: 5px;
}

#events div.item.last {
 background: none;
}


#gallery1 {
 float: left;
 width: 590px;
}

#gallery1 div.item1 {
 float: left;
 background: url(images/sep2.gif) no-repeat top right; 
 margin-left: 15px;
 margin: 0px 0px 10px 10px;
 padding: 0px 10px 0px 0px;
// height: 150px;
 overflow: visible;
}
#gallery1 div.item1 div.inner {

}
#gallery1 div.item1 img{
 margin-right: 10px;
 float: left;
}
#gallery1 div.item1 span{
 font-weight: bold;
 padding-bottom: 5px;
}
#gallery1 div.item1 a{
 margin-left: 0px;
 padding-top: 5px;
}

#gallery1 div.item1.last {
 background: none;
}

#gallery div.header a{

 float:right; 
 display:block; 
 margin-top:-20px;
 font-size:12px;
}


#calendar {
 height: 50px;
 clear: both;
 width: 130px;
 float: right;
}

#bottom {
 clear: both;
 margin: 16px;                                 
 margin-bottom: 0px;
 color: #9a9a9a;
 font-family: Verdana;
}
#bottom a {
 color: #6f6f6f;
}
#bottom a:hover {
 color: #9a9a9a;
}

.detail_content {
 padding: 10px 20px; 
 font-size: 12px;
 line-height: 16px;
}
.detail_content img {
 float: left;
 margin: 0px 20px 10px 0px;
}
.detail_content p {
margin-bottom: 10px;
}

.detail_content.sermon_detail{
 margin: 0px 5px 0px 10px;
 padding: 0px;
}
.detail_content.sermon_detail img{
 margin-right: 2px;
}
#sermon_video {
 margin: 0px 5px;
 padding: 0px;
 margin-bottom: 10px;
} 
.detail_content a.more {margin-right: 0px; font-size: 11px;}

.detail_content.sermon_detail div.date {
 float: none;
 margin-top: 10px;
}

.pager {
 float: right;
 clear: both;
 margin: 10px 0px;
 width: 577px;
 overflow: auto;
 background: url(images/blockbg.gif) repeat-x top left; 
}
.pager div.first {
 float: left;
 padding: 15px;
}
.pager div.last {
 float: right;
 padding: 15px;
}
.pager div.pages{
 margin: 0px;
 padding: 15px 0px;
 float: left;
 width: 383px;
 text-align: center;
}
.pages a, .pages span {
 padding: 3px 5px;
 font-weight: bold;
}
.pages img {
 margin-bottom: -4px;
}
.pages a { color: #767676;}
.pages a:hover,.pages span { color: #252525;}

.footer {
 clear: both;
 margin: 10px 0px;
 padding-top: 10px;
 height: 1px;
 background: url(images/sep1.gif) repeat-x top;
}

.footer_ {
 clear: both;
 margin: 10px 0px;
 padding-top: 5px;
 height: 1px;
}

/* DynCalendar classes */

#calendar_left {
 float: right;
 margin-bottom: 10px;
 padding: 10px;
 margin-right: 5px;
 background-color: #f6f6f6;
}
.dynCalendar_table td{
 color: #454545;
}
.dynCalendar_dayname {
 text-align: center;
 width: 25px;
 color: #486fa5;
 font-weight: bold;
}
.dynCalendar_header {
 padding-bottom: 5px;
 background: #f6f6f6;
}
.dynCalendar_table {
 width: 240px;
 background: #fff;
}

#flashcontent {
 overflow-x: hidden;
 width: 580px;
}


/*---------------------POPUP---------------------*/
#conf_bubble{
 background-color: #D0D0D0;
 padding: 8px;
}

#conf_bubble td{
 background-color: #FFFFFF;
}

#conf_bubble #conf{
 margin: 5px 25px 25px 25px;
 background-color: #FFFFFF;
}

#conf h1{
 color: #339900;
 font-family: Arial;
 font-size: 15px;
 text-transform: uppercase;
 font-weight: bold;
}

#conf .row1 td{
 background-color: #F4F4F4;
 padding: 2px 5px 2px 5px;
 color: #666666;
 font-family: Arial;
 font-size: 11px;
}

#conf .row2 td{
 background-color: #FFFFFF;
 padding: 2px 5px 2px 5px;
 color: #666666;
 font-family: Arial;
}

#conf .error{
 color: #FF0000;
 font-size: 12px;
 font-family: Arial;
 font-weight: bold;
 text-transform: uppercase;
}
ul.downloads {
 display: block;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 width: 560px;
 clear: both;
} 
.downloads li {
 display: block;
 padding: 10px 5px 10px 30px;
 background: url(images/icon.gif) no-repeat left center;
 border-bottom: 1px dashed #ccc;
}
.downloads a {
 text-decoration: none;
 font-size: 14px;
 color: #7a7a7a;
 font-weight: bold;
}
.downloads a:hover {
 color: #bbb;
}

/*---------------------ENDPOPUP---------------------*/
.comments {
 clear: both;
}
.comments td {
 padding: 0px 10px 10px 20px;
}
.comments textarea {
 width: 400px;
}
.input_name {
 white-space: nowrap;
 font-weight: bold;
 padding-right: 20px;
}
.header {
 font-weight: bold;
}
.comments_apply {
 clear: both;
 margin-left: 20px;
}
.comments_apply input.button1{
 float: none;
 display: inline;
 text-align: center;
}

.comments_list {
 width: 580px;
 margin-bottom: 10px;
}
.comments_list td{
 padding: 5px 0px 5px 20px;
}
.comment_info {
 white-space: nowrap;
 font-weight: bold;
}
.comment_info span{
 color: #729dcf;
}
.comment_text {
 background: url(images/sep1.gif) repeat-x bottom;
}
.comments_header {
 padding-left: 20px;
 padding-bottom: 5px;
 font-size: 12px;
}