@import url(main.css);
@import url(header.css);
@import url(footer.css);
@import url(top.css);
@import url(content.css);
@import url(left.css);
/* LSLS added to layout the right menu. */
@import url(right.css);
@import url(form.css);

#left-menu-box {
	margin: 0;
	padding: 6px 6px 0 6px;
}

#middle-marker-box {
	margin: 6px;
	padding: 0;
}

#left-marker-box  {
	margin: 0 6px;
	margin-top: 20px;
	padding: 0;
}

/* LSLS added #left-marker-search. */
#left-marker-search {
	margin: 0;
	margin-bottom: 20px;
	padding: 6px;
	background-color: #EDEDED;
}

/* LSLS added styles below. */
#left-marker-box #left-marker {
	background-color: #EDEDED;
	padding-top: 0px;
	padding-bottom: 0;
}
#left-marker-box #left-marker > div {
	padding-bottom: 6px;
}
#left-marker-box #left-marker > div.csc-header {
	padding-top: 6px;
	padding-bottom: 0;
}
#left-marker-box #left-marker > div.csc-frame {
	padding-top: 4px;
	padding-bottom: 0;
	margin: 4px;
	border-width: 0 0 1px 0;
}

#left-marker, #middle-marker {
	margin: 0;
	padding: 6px;
}

#left, #middle, #inner-content-wrapper {
	position: relative;
	overflow: visible;
}

#inner-content-wrapper {
	float: left;
	margin: 0;
	width: 775px;
}

#left {
	float: left;
	width: 185px;
	z-index: 4;
	background: #FFFFFF;
}

#left-content {
/*	position: relative;
	z-index: 5;*/
	width: 185px;
}

#middle {
	float: right;
	width: 590px;
	z-index: 2;
	background: #FFFFFF;
}

#middle-content {
/*	position: relative;
	z-index: 3;*/
	width: 540px;
  margin-left: 25px;
}

#header, #outer-wrapper, #footer {
	width: 775px;
}

#header-img {
	width: 769px;
}

.cleaner {
	clear:both;
/*	float: left;*/
	height: 1px;
	font-size: 1px;
	line-height: 0px;
	display: block;
	visibility: hidden;
	border: 0; 
	padding: 0;
	margin: -1.0em 0 0 0;
	background: transparent;
}

/* LSLS: Styles for monthly agenda. */
div.tx-lumophpinclude-pi1 table { border-collapse: collapse; }
div.tx-lumophpinclude-pi1 table.week { width: 100%; border-bottom: 2px solid #D1D2E4; }
div.tx-lumophpinclude-pi1 table.latest { width: 100%; }
div.tx-lumophpinclude-pi1 p#agenda_latest_more { text-align: right; }
div.tx-lumophpinclude-pi1 tr.week { border-bottom: 1px solid #D1D2E4; }
div.tx-lumophpinclude-pi1 tr.full0 { background: #EDEBF1; }
div.tx-lumophpinclude-pi1 tr.full1 { }
div.tx-lumophpinclude-pi1 td { vertical-align: top; padding-right: 0.5em; }
div.tx-lumophpinclude-pi1 td.weekday { width: 1.5em; font-weight: bold; padding-left: 0.7em; padding-top: 0.3em; }
div.tx-lumophpinclude-pi1 td.day { width: 1em; font-weight: bold; padding-top: 0.3em; }
div.tx-lumophpinclude-pi1 td.time { width: 6.8em; padding-left: 0.2em; padding-top: 0.3em; }
div.tx-lumophpinclude-pi1 td.summary { padding-top: 0.3em; }
div.tx-lumophpinclude-pi1 div.special { font-weight: bold; font-size: 120%; padding-top: 0.1em; }
div.tx-lumophpinclude-pi1 p { margin-top: 0.5em; }
div.tx-lumophpinclude-pi1 div.description { font-style: italic; }
div.tx-lumophpinclude-pi1 div.remarks { font-style: italic; }
div.tx-lumophpinclude-pi1 div.choir { }
div.tx-lumophpinclude-pi1 div.lecture span { margin-left: 0.5em; }
div.tx-lumophpinclude-pi1 div.lecture div { font-style: italic; margin-left: 1em; margin-right: 1em; }
div.tx-lumophpinclude-pi1 td p { margin: 0em; }
div.tx-lumophpinclude-pi1 h2 { background: #D1D2E4; padding-bottom: 0.2em; padding-top: 0.2em; padding-left: 0.5em; margin-top: 1.5em; }
div.tx-lumophpinclude-pi1 form#filterForm { margin-bottom: 1em; }
div.tx-lumophpinclude-pi1 form#searchForm { margin-bottom: 1em; }
div.tx-lumophpinclude-pi1 tr.catService { }
div.tx-lumophpinclude-pi1 tr.catMeeting { }
div.tx-lumophpinclude-pi1 tr.catOther { }
div.tx-lumophpinclude-pi1 tr.catServiceElderly { }
div.tx-lumophpinclude-pi1 tr.catRehearsal { }
div.tx-lumophpinclude-pi1 div.summary:first-letter { text-transform: capitalize; }
div.tx-lumophpinclude-pi1 form b { font-size: 11px; }
div.tx-lumophpinclude-pi1 form select { width: 161px; }

/* LSLS: button style of forms */
input[type = 'submit'] {
	border-width: 1px 3px 2px 1px;
	background-color: #F1F1F1;
}
input[type = 'submit']:hover {
	cursor: pointer;
}
input[type = 'submit']:active {
	border-width: 2px 1px 1px 3px;
	background-color: #F1F1F1;
}
form table tr td input[type = 'submit'] {
	border-width: 1px 3px 2px 1px;
	background-color: #F1F1F1;
}
form table tr td input[type = 'submit']:hover {
	cursor: pointer;
}
form table tr td input[type = 'submit']:active {
	border-width: 2px 1px 1px 3px;
	background-color: #F1F1F1;
}

/* LSLS: Layout of the browse menus. */
.browsemenu {
	text-align: center;
	font-size: 12px;
	padding: 1em 0;
}
