body {
	//background: #eee;
	background-image: url('../images/salem20background.jpg');
	color: #333;
	text-align:center;
	margin: 0;
	padding: 0;
	border: 0;
}


a {
	color: #000;
	text-decoration: none;
	border-bottom:1px dotted #333;
}
a:hover {
	color:#333;
}


.topShading {
	background-image: url('../images/salemTopShading.png');
	height: 32px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 0px;
	z-index: -1;
}

.headerConnections {
	background-image: url('../images/connectionTab.png');
	width: 171px;
	height: 43px;
	position: absolute;
	right: 10px;
	top: 32px;
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 2px;
}

.spacer img{
	width: 15px;
}

.headerConnections img{
}

.headerConnections a{
	border-bottom-style:  none;
	width: 30px;
	height: 33px;
}

.headerConnections img:hover{
	background-image: url('../images/activeIconBackground.png');
}

.container {
	text-align:left;
	margin:0 auto;
	position: relative;
	}

.header {
	margin-bottom:0px;
	xheight: 32 px;
}

.headerLogo {
	position: absolute;
	width: 236px;
	height: 142px;
	background-image: url('../images/salem20logo.png');
	left: -10px;
	z-index: 99;
}

.spread {
	margin-top:4px;
	margin-bottom:20px;
}

.leftcol {
	float:left;
}

.middlecol {
	float:left;
}

.rightcol {
	float:right;
}

.footer {
	font-size: 10px;
	color:#ffedbf;
	//background:#666;
	margin:0;
	//padding:10px 10px 1px 10px;
 	height:70px;
 }

.footer a {
	color:#fff;
}

.footer a:hover {
	color:#fff;
	text-decoration: underline;
}


.box {
	background-image: url('../images/salemTopShading.png');
	margin-bottom:40px;
	padding:100px 30px 1px 10px;
}

.box h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:lowercase;
	color: #bf8508;
	margin:-10px -10px 0 -10px;
	padding:8px 12px;
}

.box h2 a {
	color:#fff;
}

.box h2 span.postmeta {
	text-transform:none;
	float:right;
}

.box .archive .post, .box .archive .homepost {
	margin-top:10px;
}

.entry h3{
	margin: 5px 0;	
}

.box .post h3, .box .homepost h3 {
	padding-top:4px;
}

.homepost .entry {
-xmoz-column-count: 2;
	-xmoz-column-gap: 20px;
	-xwebkit-column-count: 2;
	-xwebkit-column-gap: 20px;
	xcolumn-count: 2;
	xcolumn-gap: 20px;
}

div.menu {
	padding:0;
	margin:0 0 10px 0;
}

div.menu h2 {
	margin:0;
}

.welcomeFeature {
	width: 920px;
	height: 293px;
	background-image: url('../images/salem20churchbackground.png');
	background-repeat: no-repeat;
	position: relative;
}

.welcomeWord {
	width: 315px;
	height: 135px;
	background-image: url('../images/welcome.png');
	background-repeat: no-repeat;	
	position: absolute;
	left: 60px;
	top: 60px;
}

.welcomeAdSpace{
	width: 502px;
	height: 282px;
	background-color: transparent;
	position: absolute;
	right: 0px;
	top: 0px;
}

.welcomeCarousel{
	position: relative;
	left: -10px;
	width: 940px;
	height: 193px;
	background-image: url('../images/salem20carouselbackground.png');	
}

.welcomeCarouselSides {
	background-image: url('../images/salem20carouselsidesbackground.png');
	height: 193px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 428px;
	z-index: -1;
}


.welcomeTear{
	position: relative;
	left: -10px;
	width: 940px;
	background-image: url('../images/salem20tear_02.png');
	background-repeat:  repeat-y;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 50px;
}

.welcomeTearBox{
	position: relative;
	width: 820px;
}

.welcomeTearHeader{
	position: relative;
	left: -10px;
	width: 940px;
	height: 40px;
	background-image: url('../images/salem20tear_01.png');
	background-repeat:  no-repeat;
	background-position: bottom;
	
}
.welcomeTearFooter{
	position: relative;
	left: -10px;
	width: 940px;
	height: 31px;
	background-image: url('../images/salem20tear_03.png');
	background-repeat:  no-repeat;
	
}


.innerTear{
	position: relative;
	left: -10px;
	width: 940px;
	background-image: url('../images/salem20tear_02.png');
	background-repeat:  repeat-y;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 200px;
}

.innerTearBox{
	position: relative;
	width: 820px;
}

.innerTearHeader{
	position: relative;
	left: -10px;
	width: 940px;
	height: 40px;
	background-image: url('../images/salem20tear_01.png');
	background-repeat:  no-repeat;
	background-position: bottom;
	
}
.innerTearFooter{
	position: relative;
	left: -10px;
	width: 940px;
	height: 31px;
	background-image: url('../images/salem20tear_03.png');
	background-repeat:  no-repeat;
	
}



ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
	margin:0 0 10px 0;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}


ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:30px;
}


ul.section {
	border-top:0;
	margin-bottom:0;
	height:1%;
}
ul.section li {
	text-transform:uppercase;
}
ul.section li a {
	background:#bbb;
}
ul.section li a:hover {
	background:#aaa;
}
ul.section li a:active {
	color:#fff;
	background:#666;
}
ul.section li li a {
	background:#ddd;
	border-bottom:1px solid #eee;
}
ul.section li li a:hover {
	background:#ccc;
}
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section ul.current li a {
	background:#eee;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
	background:#ddd;
}
ul.section ul.current li a:active {
	background:#fff;
}
ul.section li a.current {
	color:#fff;
	background:#666;
}
ul.section li a.current:hover {
	background:#555;
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}

a img.left {
	float:left; 
	margin:3px 10px 3px 0;
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}

a img.right {
	float:right; 
	margin:3px 0 3px 10px;
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}

a img.left:hover, a img.right:hover {
	border:1px solid #666;
}

table {
	width:100%;
	border:1px solid #bbb;
}
col.colC {
	width:8em;
}
th, td {
	padding:.2em 1em;
	text-align:left;
}
thead th {
	border-bottom:2px solid #888;
	background:#bbb;
	padding:.4em 1em .2em;
}
thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:1px solid #555;
}
tbody th,
tbody td {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:#eee;
}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tfoot th,
tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}

form {
	overflow:hidden;
}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}
legend {
	font-size:1.1em;
	padding:.2em .6em;
	background:#fff;
	border:1px solid #bbb;
}
input.button {
	margin-top:10px;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
	margin-top:0;
}
form p.notice {
	font-weight:bold;
}
.box input.text {
	width:90%;
}
.searchform {
	margin:10px 5px;
}

#s {
	width:70%;
}


p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}

p.error {
	color:#c00;
	background-color:#fcc;
	border:1px dotted #c00;
	padding:.3em .6em;
	margin-bottom:.8em;
}

p.alert {
	color:#f93;
	background-color:#ffc;
	border:1px dotted #f93;
	padding:.3em .6em;
	margin-bottom:.8em;
}

.alignright {
	xtext-align:right;
	xposition:relative;
	xtop:-1.5em;
	float: right;
}

.alignleft{
	xtext-align:left;
	float: left;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


#interiorMenuBlock{	float:right;	width:180px;
	border-left:solid 1px #bf8508;	color:#acacac;	position:relative;	line-height:18px;	margin:20px;	padding-top:10px;	padding-bottom:40px;	text-align:left;
	margin-left: 60px;}#interiorMenuBlock h1{	padding-left:10px;	padding-right:20px;	color: #bf8508;	xfont-family:georgia;	font-size:13px;	font-weight:normal;}#interiorMenuBlock ul {	margin: 0; 	padding: 0px 0 0 20px; 	list-style-type: none;	list-style-image: none;}#interiorMenuBlock ul li{	padding: 0 0 5px 0; }#interiorMenuBlock .page-item a{	color:#cccccc;	text-decoration:none;}#interiorMenuBlock ul li a{	color:#555;	text-decoration:none;
	font-size: 12px;}#interiorMenuBlock .page-item a:hover{	color:#000;	text-decoration:none;}#interiorMenuBlock ul li a:hover{	color:#000;	text-decoration:underline;}

.mapp-div {
	border: solid 1px #bf8508;
}


html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

