/*
 * General page layout
 */

html { height: 100%; margin-bottom: 1px; }

body {
	text-align: center;
	background: #DCDCDC;
	color: #000; 
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	/*font-family: Georgia, Garamond, serif;*/
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	padding: 5px 0;
	margin: 10px 0 0 0;
}

td, tr {
	padding: 0;
	margin:0;
}

h2, h3, h4 { 
	padding: 0; 
	margin: 0 0 5px 0; 
	font-weight: bold; 
	text-decoration: none;
	color: #483d8b;
	background: transparent;
}

h2 {
	font-size: 16px;
	background: url(images/paramark.gif) no-repeat left center;
}

h3, h4 { 
	margin: 15px 0 0 0;
	font-size: 14px;
}

a { 
	/*color: Blue;*/
	background: transparent;
	text-decoration: none;
}

p {
	text-align: justify;
}

/*
 * Page body
 */

.mainOuter {
	margin: 0px auto;
	width: 770px; 
	background: #fff; 
	color: #000;
	border: 1px solid #000;
	text-align: left;
}

#mainInner {
	margin: 0;
	color: #000; 
	background: #fff;
}

.mainImage {
	border: solid 1px #999;
	padding: 1px;	
	margin: 4px 0 0 10px;
}

/*
 * Page header
 */

#header {
	color: #2F4F4F;
	background: #F0E68C; 
	height: 28px;
	border-bottom: 1px solid #000;
}

#header p {
	text-align: center;
	margin: 0;
	padding-top: 3px;
}

#headerInner img {
	padding: 0;
	margin-left: 10px;
	margin-bottom: 8px;
}

#headerInner p, #headerInner br {
	display: none;
}

#church {
	border: 1px solid #000;
	margin-right: 25px;
}
 
#title {
	margin-right: 60px;
}

/*
 * Page footer
 */
  
#trailer {
	font-weight: bold;
	padding-bottom: 7px;
	color: #2F4F4F;
	background: #F0E68C; 
	height: 20px;
	text-align: left;
	font-size: 9px;
	border-top: 1px solid #000;
}

#trailer p {
	margin: 0;
	padding-top: 3px;
}

/*
 * Column class
 */
 
.columnwrap {
/*	background: #fff;*/
/*	color: #000;*/
/*	margin: 0 8px;
	padding: 10px 0;*/
	font-size: 11px;
}

.columnwrap h3 {
	font-size: 11px;
	margin-bottom: 0;
}

.columnwrap p {
	margin: 0;
	padding-bottom: 7px;
	border-bottom: solid 1px #808080;
}

/*
 * Left hand navigation column
 */

#nav { 
	line-height: 1.3em;
	padding: 0 2px 4px 0px; 
	margin: 0;
}

#nav li { 
	display: block; 
	margin: 10px 0 3px 0;
	padding: 0 0 0 10px; 
	font-weight: bold; 
}

#nav a { 
	padding: 2px 20px; 
	text-decoration: none;
	background: transparent;
	color: #483d8b;
	border: 1px #fff solid;
}

#nav a.active {
	color: #483d8b;
	background: url(paramark.gif) no-repeat 5px center;
}

#nav a:hover { 
	background-color: Yellow;
	border: 1px #778899 dotted;
}



#nav td {
	display: block; 
	margin: 10px 0 3px 0;
	padding: 0 0 0 10px; 
	font-weight: bold; 
	width: 120px;
}
/* Classes */

.hide { 
	display: none;
}

/*
 * Service page
 */
 
.servicewrap { 
	width: 400px;
	padding: 5px; 
	margin: 0 0 10px 20px; 
	font-size: 11px;
 } 

.servicewrap table { 
	width: 100%; 
	padding: 0px;
	margin: 5px 0 0 5px;
	color: #000;
	background: transparent;
	font-size: 11px;
}

.servicewrap .date { 
	width: 80px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding-right: 15px;
}

.servicewrap h3 { 
	line-height: 1.6em;
}

/*
 * Contacts page
 */
  
.linktable {
	margin: 0 0 0 13px;
	border: solid 1px gray;
	border-collapse:collapse;
}

.linktable thead td {
	color: #000000;
	background: #F0F69C;
	height: 30px; 
}

.linktable td {
	margin: 0;
	vertical-align: top;
	padding: 3px 3px 3px 10px;
	background: transparent;
	text-align: left;
	border-right: solid 1px gray;
	border-top: solid 1px gray;
	color: #777777;
	vertical-align: middle;
	height: 50px;
}

.linkptr {
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

.mailicon {
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.quote {
	text-align: center;
	font-style: italic;
	padding: 5px;
	margin: 8px 10px 4px 10px; 
	color: #000;
	background: #B8FF51;
	width: 380px;
	border: 1px #778899 solid;
}

.attrib {
	font-style: normal;
	color: #404040;
	background: #B8FF51;
	font-size: 9px;
}

#link a, #linkNoBG a, #linkNoBG2 a  {
	color: #483d8b;
	background: transparent;
}

#link a:hover, .mailicon a {
	border-bottom: none;
	color: #483d8b;
}

#linkNoBG a:hover, #linkNoBG2 a:hover { 
	border-bottom: none;
	color: #483d8b;
	background-color: transparent;
}

.lefttd {
	vertical-align: top;
}

.righttd {
	vertical-align: top;
	border-left: 1px solid #808080;
	padding: 20px;
}

.sunday {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding-right: 15px;
	padding-left: 15px;
}

.resl {
	text-align: right;
	vertical-align: top;
	padding-right: 15px;
}

#spaced li { 
	margin: 10px 0 3px 0;
	padding: 0 0 0 10px; 
	list-style-type: disc;
}

.meetings td { 
	vertical-align: top;
/*	display: block; */
	padding: 5px 0 5px 20px; 
}

.columnwrap a {
	color: #ff0000;
	text-decoration: none;
	background: #fff;
	border: none;
}

.columnwrap a:hover, .columnwrap a.active { 
	color: #ff0000;
  	text-decoration: none;
	border: none;
}

#prayer {
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(candle.jpg);
	border: solid 1px gray;
	padding: 0 15px;
	margin: 0 50px;
}

.inline-button {
   /*width:250px;*/
   font: bold 12px Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.2em 0;
   border: 1px solid black;
   white-space: nowrap;
   text-decoration: none;
   vertical-align: middle;
   background: #ccc;
   color: black;
}
	
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
}

.inline-button:hover {
   background: #666;
   color: white;
}
	
.inline-button:hover em {
   background: #F0E68C;
}