@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}



body {
	background: #ffffff url(http://www.stluke-umc.org/images/index-images/background.gif) repeat-x center top;
	color: #666666;
	text-align: left;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}




/* Structure
------------------------------------------------------ */

.wrapperOuter {
	width: 850px;
	margin: 0 auto;	
	
}

.wrapperInner {
	width:850px;
	float:left;
	margin:0;
}



.topMenuWrapper {
	float:left;
	width:850px;
	background:#290E00;
}


.contentWrapper {
	width:850px;
	padding:15px 0 15px 0;
	float:left;
	background:#ffffff;
	}
	
.content {
	width:820px;
	margin:0 0 0 15px;
	float:left;
	}
	
	
.columnLeftMain {
	width:248px;
	float:left;
	}
	
	
.columnLeftMainBlock {
	width:248px;
	float:left;
	}
	
.columnRightMain {
	width:540px;
	float:right;
	}
	
	
.columnRightMainBlock {
	width:540px;
	float:right;
	}
	
.columnRightLeft {
	width:260px;
	float:left;
	}
	
.columnRightRight {
	width:260px;
	float:right;
	}



.columnLeft200 {
	width:200px;
	float:left;
	}
	

	
.columnRight600 {
	width:600px;
	float:right;
	}



	 
.fauxHidden {
	 position : absolute;
 	 top : -9000px;
 	 left : -9000px;
	}	
	
/* rightInsetBox List ------------------------------------*/ 

.rightInsetBox {
	width: 170px;
	float: right;
	margin: 0 0px 6px 25px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}
	
	
.rightInsetBox p {
	font-size: 90%;
	}
	
	
/* leftFocusBox List ------------------------------------*/ 

.leftFocusBox {
	font-size: 90%;
	width: 220px;
	float: left;
	padding: 4px 6px 6px 12px;
	margin: 12px 0 12px 0;
	background:#fcf8ef;
	border: 1px solid #CCCCCC;	
	}

.leftFocusBox img {
      float:right;
      margin: 2px 0px 2px 4px;
      border: 1px solid #CCCCCC;
      }



/* Text ---------------------------------------------------------- */

p {margin: 2px 0 10px 0;}  

ul, ol { margin: 0; padding: 0; }

ul { list-style: square; }

li {margin:.5em 0 0 1em;}

h2, h3, h4, h5, h6 { margin: 12px 0 4px 0;
	letter-spacing:-.02em; line-height:normal;
	}  


h1 {
	color: #d02029;
	font-size: 200%;
	margin: 20px 0 12px -1px;
	letter-spacing:-.04em;
	line-height:normal;
	}

h2 {color: #d02029; font-size: 160%;}

h3 {color: #d02029; font-size: 140%;}

h4 {color: #333333; font-size: 110%;}

.smallText {font-size:11px;
	margin:2px 0 2px 0;
	}

p.blogTitle {
	font-size:120%;
	margin:8px 0 0 0;
	font-weight: bold;
}




/* Links --------------------------------------------------------- */


a:link, a:visited {
	color: #d55503;
	text-decoration: none;
}

a:hover, a:focus, a:active { color: #c40000; }

a img { border: 0; }





/* Events List ------------------------------------*/ /*added Bryan 5-15*/

#events {

	width: 248px;
	float: left;
	padding: 0;
	margin: 5px 0 10px 0;
	line-height: 1.2em

}


#events ul { float: left;
	padding: 4px 0 0 0;
	}

#events li {
	float: left;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #e9e9e9;
	padding: 0 0 5px 0;
	width: 245px;
	text-transform: uppercase;
	list-style: url(foo.gif) none;
	}


#events li a {
	font-weight: bold;
	text-transform: none;
	margin: -1.2em 0 0 4.2em;
	display: block;
	}

#events li.last { border-bottom: 0; }

#events li.last a { margin: 0; }

.eventdate {
	font-weight: bold;
	margin: 20px 0 3px 0;
}




/* News Letter Form
------------------------------------------------------- */


.form1Wrapper {
	float:left;
	margin:4px 0 12px 0;
	width:248px;
}

.form1 input  {
	background: #ffffff;
	border:1px #ccc solid;
	display:block;
	padding: 2px;
	margin: 2px 3px 2px 0;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	float:left;
	color:#666666;
	}
	
	

.form1 input:hover  {
	border:1px #760000 solid;
}
.form1 input:focus  {
	border:1px #760000 solid;
}


.form1Submit input {
	border:#999 1px solid;
	background: #999;
	display:block;
	color: #ffffff;
	padding: 1px 3px 1px 3px;
	margin: 2px 3px 2px 4px;
	float:left;
	}
	
.form1Submit input:hover {
	color:#fff;
	background: #760000;
	border:#760000 1px solid;
	}
	
.form1Submit input:focus {
	color:#fff;
	border:#760000 1px solid;
	background: #760000;
	}
	
	
	
/* Contact Form
------------------------------------------------------- */

	
form.contact {
	padding:1em;
	border:#CCC 1px solid;
}

.contact input, .contact textarea  {
	background: #ffffff;
	border:1px #ccc solid;
	display:block;
	padding: 2px;
	margin: 2px 3px 2px 0;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
.contact label{
	float:left;
	width:10em;
	text-align:right;
	padding-right:1em;
}

.contact input:hover, .contact textarea:hover   {
	border:1px #760000 solid;
}
.contact input:focus, .contact textarea:focus   {
	border:1px #760000 solid;
}

input.btn {
	border:#999 1px solid;
	background: #999;
	display:block;
	color: #ffffff;
	padding: 1px 3px 1px 3px;
	margin: 2px 3px 2px 11em;
	}
	
input:hover.btn {
	color:#fff;
	background: #760000;
	border:#760000 1px solid;
	}
	
input:focus.btn {
	color:#fff;
	border:#760000 1px solid;
	background: #760000;
	}
	
	
input.radio {
	border:none;
	background: #ffffff;
	display:block;
	padding: 2px;
	margin: 2px 3px 2px 0;
	color:#666666;
}


input.btn2 {
	border:#999 1px solid;
	background: #999;
	display:block;
	color: #ffffff;
	padding: 6px;
	margin: 15px 3px 10px 3em;
	}
	
input:hover.btn2 {
	color:#fff;
	background: #760000;
	border:#760000 1px solid;
	}
	
input:focus.btn2 {
	color:#fff;
	border:#760000 1px solid;
	background: #760000;
	}
	
	
	
/* Order Form
------------------------------------------------------- */


table.orderform {
	margin:2px 0 2px 0;
	vertical-align: top;
	}

table.orderform td {
	padding:6px 3px 6px 3px;
	vertical-align: top;
	line-height:normal;
}

table.orderform p {
	margin:5px 0 0 0;
	line-height:normal;
}




/* Footer
------------------------------------------------------- */


.footer {
	float:left;
	clear:both;
	text-align: center;
	width:850px;
	padding: 15px 0 20px 0;
	margin: 40px 0 20px 0;
	border-top:#999999 1px dotted;
	font-size:11px;
	color:#999999;
	}
	



/***  Plain Links only underline on hover  **/
.plainlink {color: #999999;}
a.plainlink:link, a.plainlink:visited {color: #999999; text-decoration: none;}
a.plainlink:hover, a.plainlink:active {color: #999999; text-decoration: underline;}


/* Utility
------------------------------------------------------- */

.uclearBoth {clear:both;}

.umargin0 {margin:0;}

.uValignMid {vertical-align:middle;}

.floatRight {float:right;}

.floatLeft {float:left;}

.noDisplay {display:none;}


/*Misc -------------------------------------------------------- */


.rowWrapper {
	border-top:1px solid #CCCCCC;
	padding:2px 0 2px 0;
	}

.smallText {
	font-size:90%;
	line-height: normal;
         }

.smallLiteText {
	font-size:90%;
	line-height: normal;
       color:#999999;


         }
		 
/* Staff ------------------------------------*/ 

	
	
.staffRow {
		width:500px;
		margin:8px 0 8px 0;
		padding:0 0 8px 0;
		float:left;
		clear:both;
		border-bottom:1px solid #CCCCCC;
}

.staffInfo {
	float:right;
	width:380px;
}


/* Photo Gallery table, caption, tbody, tfoot, thead, tr, th, td { ------------------------------------*/ 


ul.subMenu  {
	margin:8px 0 8px 0;
	width:200px;
	}

.subMenu li {
	margin: 0 0 5px 0;
	border-bottom: 1px solid #e9e9e9;
	padding: 0 0 5px 0;
	list-style: url(foo.gif) none;
	}
	
	
table.gallery {
	margin:8px 0 8px 0;
	}
	
.gallery td {padding:6px 2px 6px 2px;}





/* CSS Styles ------------------------------------*/ 


.highliteBox {
	padding:.5em 1em;
	border:#d02029 1px solid;
}