/***********************************/
/**   Shared Page Style           **/
/***********************************/

body {
background-color: #000000;
margin:0px;
padding: 0px;
font-family:Verdana;
font-size:12px;
color:#863E01;
}

.indent {
padding-left: 20px;
}

.align-center {
text-align: center;
}

a {
color: #014D51;
}

img {
border:0px;
}

#menu-wrap {
background-image:url('images/menu.png');
background-repeat: no-repeat;
background-position: top center;
width: 897px;
height: 40px;
margin-left:auto;
margin-right:auto;
margin-top: 78px;
padding-top:2px;
}

#menu-wrap-inside {
background-image:url('images/menu-inside.png');
background-repeat: no-repeat;
background-position: top center;
background-color: #863E01;
width: 897px;
height: 40px;
margin-left:auto;
margin-right:auto;
margin-top: 3px;
padding-top:2px;
clear: both;
}

#submenu-wrap {
overflow:hidden;
clear:both;
margin-left:auto;
margin-right:auto;
width: 887px;
background-color: #863E01;
padding-bottom:3px;
padding-left:10px;
}

#menu {
margin-left:12px;
}

.menu-item {
float:left;
padding-top: 8px;
padding-bottom: 7px;
padding-left:12px;
padding-right:12px;
height: 22px;
}

.menu-item  a {
text-decoration:none;
color:#FFFFFF;
font-size:15px;
}

.menu-item a:hover {
text-decoration:underline;
}

.act {
background-color:#863E01;
}

.submenu-item {
float:left;
}

.submenu-item a {
text-decoration:none;
color:#ffffff;
}

.submenu-item a:hover {
text-decoration:underline;
}

#submenu .submenu-divider {
float:left;
color:#ffffff;
padding-left: 10px;
padding-right: 10px;
}
/***********************************/
/**   Home Page Style             **/
/***********************************/
#page-wrap {
background-image:url('images/background.png');
background-repeat: no-repeat;
background-position: top center;
border: 1px solid #000000;
width:987px;
margin-left:auto;
margin-right:auto;
}

#banner-wrap {
overflow:hidden;
width: 897px;
height: 222px;
margin-left:auto;
margin-right:auto;
margin-top: 1px;
padding:0px;
}

#logo {
background-image:url('images/logo.png');
background-repeat: no-repeat;
background-position: top center;
float:left;
width: 255px;
height: 222px;
margin:0px;
padding:0px;
}

#rotate-picture {
background-color: #E7A36A;
width: 295px;
height: 222px;
float:left;
margin:0px;
padding:0px;
}

#sermon-series {
background-image:url('images/sermonseries/sermon-series-home.png');
background-repeat: no-repeat;
background-position: top center;
width:344px;
height:222px;
background-color: #6B2E01;
float:left;
margin-left: 3px;
}

#main-content-wrap {
overflow:hidden;
background-image:url('images/content-wrap-bg.png');
background-repeat: repeat-y;
background-position: top center;
width:897px;
margin-top: 2px;
margin-left:auto;
margin-right:auto;
}

#new-to-stmark {
width:278px;
padding-left: 5px;
padding-right: 5px;
float:left;
color:#000000;
}

#sunday-school-header {
font-size: 16px;
font-weight: bold;
color:#860401;
}

#new-to-stmark .csc-header {
background-image:url('images/new-to-stmark-header.png');
background-repeat: no-repeat;
background-position: top center;
width: 288px;
height: 35px;
float:left;
margin-left: -5px;
text-align:center;
color:#860301;
}

#new-to-stmark .csc-header a {
color:#860301;
text-decoration:none;
}

#new-to-stmark .csc-header a:hover {
text-decoration:underline;
}

#news {
float:left;
width: 194px;
padding-left: 5px;
padding-right: 5px;
}

#news .csc-header {
background-image:url('images/content-header.png');
background-repeat: no-repeat;
background-position: top center;
width: 204px;
height: 35px;
float:left;
color:#FFFFFF;
text-align:center;
background-color:#E7AF3C;
margin-left:-5px;
}

.csc-header h1, .csc-header h2, .csc-header h3, .csc-header h4, .csc-header h5, .csc-header h6 {
margin-top:8px;
}

#events {
float:left;
width: 196px;
padding-left: 5px;
padding-right: 5px;
}

#events .csc-header {
background-image:url('images/content-header.png');
background-repeat: no-repeat;
background-position: top center;
width: 206px;
height: 35px;
float:left;
color:#FFFFFF;
text-align:center;
background-color:#E7AF3C;
margin-left: -5px;
}

#resources {
float:left;
width: 189px;
padding-left: 5px;
padding-right: 5px;
}

#resources .csc-header {
background-image:url('images/content-header.png');
background-repeat: no-repeat;
background-position: top center;
width: 197px;
height: 35px;
float:left;
margin-left:1px;
color:#FFFFFF;
text-align:center;
background-color:#E7AF3C;
margin-left: -5px;
}

#footer-wrap {
background-image:url('images/footer-background.png');
background-repeat: no-repeat;
background-position: top center;
width: 897px;
height: 86px;
margin-left:auto;
margin-right:auto;
padding:0px;
color:#FFFFFF;
text-align:center;
font-size:12px;
padding-top:40px;
}


/***********************************/
/**   Inside Page Style           **/
/***********************************/
.body-background-inside {
background-image:url('images/background-inside.png');
background-repeat: no-repeat;
background-position: top center;
}

#banner-top {
width: 897px;
height: 30px;
background-color: #2a1704;
margin-top: 30px;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;
}

#search-box {
margin-top:6px;
margin-left:5px;
margin-right:5px;
float:right;
}

#search-box input[ type="text"] {
float:left;
border:0px;
padding:0px;
font-size:14px;
height: 18px;
margin-top:1px;
margin-right:4px;
}

#site-map {
float:right;
margin-top:5px;
margin-bottom:5px;
margin-right:20px;
width:100px;
height: 20px;
}

#banner-wrap-inside {
overflow:hidden;
width: 897px;
height: 159px;
margin-left:auto;
margin-right:auto;
padding:0px;
}

#logo-inside {
background-image:url('images/logo-inside.png');
background-repeat: no-repeat;
background-position: top center;
float:left;
width: 182px;
height: 159px;
margin:0px;
padding:0px;
}

#picture-inside {
background-image:url('images/picture-inside.png');
background-repeat: no-repeat;
background-position: top center;
width: 372px;
height: 159px;
float:left;
margin:0px;
padding:0px;
}

#sermon-series-inside {
width:342px;
height:159px;
background-color: #6B2E01;
float:left;
}

#breadcrumb-wrap {
clear:both;
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
margin-top:2px;
height:27px;
width: 892px;
padding-top: 3px;
padding-left: 5px;
}

#inside-content-wrap {
clear:both;
overflow:hidden;
background-image:url('images/inside-content-bg.png');
background-repeat: repeat-y;
background-position: top center;
width:897px;
margin-left:auto;
margin-right:auto;
}

#left-content {
float:left;
clear:left;
width: 207px;
padding-left:15px;
padding-right:15px;
}

#left-content .csc-header {
background-image:url('images/inside-left-header.png');
background-repeat: no-repeat;
background-position: top center;
width: 237px;
height: 34px;
float:left;
margin:0px;
padding-top:5px;
text-align:center;
margin-left:-15px;
color:#860301;
}

#left-content h1, #left-content h2, #left-content h3, #left-content h4, #left-content h5, #left-content h6 {
font-size: 18px;
margin:0px;
color:#860401;
}

#main-content {
float:left;
width:640px;
padding-left:10px;
padding-right:10px;
}

#main-content .csc-header {
background-image:url('images/header-bg.png');
background-repeat: no-repeat;
background-position: top left;
height: 47px;
float:left;
clear:both;
width:100%;
margin:0px;
margin-bottom:20px;
text-align:left;
}

#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 {
float:left;
color: #CE6103;
margin-top:2px;
margin-left:40px;
}

#inner-content-wrap {
width:609px;
float:left;
}

#footer-inside-wrap {
background-image:url('images/footer-inside-background.png');
background-repeat: no-repeat;
background-position: top center;
width: 897px;
height: 86px;
margin-left:auto;
margin-right:auto;
padding:0px;
color:#FFFFFF;
text-align:center;
font-size:12px;
padding-top:40px;
clear:both;
}

/***********************************/
/**   Cal Base Style              **/
/***********************************/

.tx-cal-controller dt {
margin-bottom: 10px;
}

.tx-cal-controller .even {
background-color: transparent;
}

.default_categoryheader, .default_catheader  {
background-color: transparent;
}

.tx-cal-controller a {
text-decoration: underline;
}

.event-title {
text-decoration: underline;
}

.tx-cal-controller .calendar-list {
float:left;
clear:both;
border:1px solid #863E01;
}

.tx-cal-controller .event-odd {
overflow:hidden;
clear: both;
}

.tx-cal-controller .event-even {
overflow:hidden;
float: left;
width:100%;
clear: both;
background-color:#e7BE6a;
}

.tx-cal-controller .cal-event-title {
float:left;
width:145px;
}

.tx-cal-controller .cal-event-desc {
float:left;
width:190px;
}

.tx-cal-controller .cal-event-date {
float:left;
width:100px;
}

.tx-cal-controller .cal-event-time {
float:left;
width:100px;
}

.tx-cal-controller .cal-event-cat {
float:left;
width:95px;
}

.tx-cal-controller .pagebrowser {
clear:both;
}

.tx-cal-controller .cal-header {
float:left;
clear:both;
background-color:#863E01;
color:#FFFFFF;
padding:4px;
}

.tx-cal-controller .cal-title-header {
float:left;
width:145px;
}

.tx-cal-controller .cal-desc-header {
float:left;
width:190px;
}

.tx-cal-controller .cal-date-header {
float:left;
width:100px;
}

.tx-cal-controller .cal-time-header {
float:left;
width:100px;
}

.tx-cal-controller .cal-cat-header {
float:left;
width:95px;
}

.tx-cal-controller .calendar-list-heading {
font-size: 18px;
font-weight: bold;
color: #860301
}

.tx-cal-controller .event-main-content {
clear:both;
float:left;
border:1px solid #863E01;
}

.tx-cal-controller .main-event-title {
clear:both;
float:left;
background-color:#863E01;
color:#FFFFFF;
padding:4px;
width:620px;
}

.tx-cal-controller .event-info {
clear:both;
float:left;
background-color:#CE8C03;
color:#014D51;
width:620px;
margin-top:1px;
padding: 4px;
}

.tx-cal-controller .event-startdate {
clear:left;
float:left;
width: 160px;
}

.tx-cal-controller .event-enddate {
float:left;
width:160px;
}

.tx-cal-controller .event-starttime {
float:left;
width: 160px;
}

.tx-cal-controller .event-endtime {
float:left;
width: 160px;
}

.tx-cal-controller .event-org {
clear:left;
float:left;
width:160px;
}

.tx-cal-controller .event-loc {
float:left;
width: 160px;
}

.tx-cal-controller .event-desc {
clear:both;
float:left;
width:640px;
background-color:#e7BE6a;
width:620px;
margin-top:1px;
padding: 4px;
}

.tx-cal-controller .event-heading {
font-size: 18px;
font-weight: bold;
color: #860301
}

/***********************************/
/**   tt_news Style               **/
/***********************************/

.news-header-list-container {
margin-top: 10px;
}