/* CSS Document */

/*	PALETTE	*/
/*

	gray	dark:	303030
	gray	medium:	3f3f3f
	gray	light:	797979
	gray	xlight:	bfbfbf
	
	slaa	dark:	660066
	slaa	light:	d5a0d8
	
	lw		dark:	29509f
	lw		light:	becae2
	
	cr		dark:	cd3333
	cr		light:	cd3333
	
	ulc		blue: #16325c    brown:	4d2c19   
	ulc		teal: #0066b3    red:	81080f   
	ulc		purple: #5c2d91  light:	faecc9   
	
	cc		blue: #e0f0f5
	cc		yellow: #e4da65
	cc		mauve: #3f1a22
	
	chili	orange: #c87524
	
*/

/* CORE ELEMENTS */

body {
	background: #121212;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin: 0; 
	padding: 0; 
	text-align: center; 
}
h1 {
	margin-top: 0;
	padding: .5em;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	font-size: 16pt;
}
h2 {
	font-size: 14pt;
}
h3 {
	font-size: 12pt;
}
h4 {
	font-size: 10pt;
}

a {
	color: #708090;
	text-decoration: none;
}
a:hover {
	color: #303030;
}
img {
	border: none;
}
#wrapper {
	width: 68em;
	min-width: 64em;
	margin: 1em auto; 
	text-align: left;
	background: white url(images/bkg-all.jpg) repeat-x;
}
#header {
	height: 190px;
	text-align: center;
}
#header a { 
	display: block;
	height: 100%;
}

.all #header { background: url(http://www.stlukeaa.org/images/header-all.jpg) no-repeat left; }
.slaa #header { background: url(http://www.stlukeaa.org/images/header-slaa-long.jpg) no-repeat right; }
.lw #header { background: url(http://www.stlukeaa.org/images/header-lw-long.jpg) no-repeat right; }
.ulc #header { background: url(http://www.stlukeaa.org/images/header-ulc-long.jpg) no-repeat right; }

#all-header, #slaa-header, #lw-header, #ulc-header {
	height: 100%;
} 
.all #slaa-header, .all #lw-header, .all #ulc-header {
	display: none;
}
.slaa #lw-header, .slaa #ulc-header, .slaa #all-header {
	display: none;
}
.lw #slaa-header, .lw #ulc-header, .lw #all-header {
	display: none;
}
.ulc #slaa-header, .ulc #lw-header, .ulc #all-header {
	display: none;
}

#banner {

}

#sites {
	padding: 0 1em .9em 1em;
	margin-top: 1em;
	background: url(images/shadow-top.png) repeat-x bottom;
}
#sites a {
	color: white;
	display: block;
	text-decoration: none;
	font-size: .9em;
}
#sites td {
	height: 1.9em;
}

#sites #corner-slaa-tl { background: #660066 url(images/corner-slaa-tl.gif) no-repeat; width: 18px; }
#sites #corner-slaa-tr { background: #660066 url(images/corner-slaa-tr.gif) no-repeat top right; width: 18px; }
#sites #corner-lw-tl { background: #29509f url(images/corner-lw-tl.gif) no-repeat; width: 18px; }
#sites #corner-lw-tr { background: #29509f url(images/corner-lw-tr.gif) no-repeat top right; width: 18px; }
#sites #corner-ulc-tl { background: #16325c url(images/corner-ulc-tl.gif) no-repeat; width: 18px; }
#sites #corner-ulc-tr { background: #16325c url(images/corner-ulc-tr.gif) no-repeat top right; width: 18px; }
#sites #corner-all-tl { width: 2em; } 

#sites #site-space { width: 1em; }

#sites #site-slaa { width: 11em; background: #660066; }
#sites #site-lw { width: 11em; background: #29509f }
#sites #site-ulc { width: 11em; background: #16325c }
#sites #site-all a { color: #3b3b3b; } 

#ministries {
	font-size: 1.1em;
	margin-top: -1.5em;
}

.all #ministries { color: #797979; }
.slaa #ministries a { color: #660066; }
.lw #ministries a { color: #29509f; }
.ulc #ministries a { color: #16325c; }
#ministries a:hover { color: #000000; }

#ministries ul {
	padding: .3em 1em .5em 1em;
	margin-left: 0;
	list-style-type: none;
	list-style-image: none;
	border-bottom: 1px dotted #bfbfbf;
}
.all #ministries img {
	width: 1em;
	margin: 0 1em;
}
.all  #slaa-ministry-list, .all #lw-ministry-list, .all #ulc-ministry-list  {
	display: none;
}
.slaa #ministries #lw-ministry-list, .slaa #ministries #ulc-ministry-list, .slaa #ministries #all-ministry-list {
	display: none;
}
.lw #ministries #slaa-ministry-list, .lw #ministries #ulc-ministry-list, .lw #ministries #all-ministry-list {
	display: none;
}
.ulc #ministries #slaa-ministry-list, .ulc #ministries #lw-ministry-list, .ulc #ministries #all-ministry-list {
	display: none;
}
#ministries li {
	display: inline;
	margin: 0 2em 0 0;
}
#ministries a {
	color: #6e6e6e;
}
#ministries .pop ul {
	display: none;
}
#ministries .pop ul li {
	display: block;
}
#ministries .pop:hover ul {
	display: block;
	position: absolute;
	background: #f5f5f5;
	border: 1px solid #bfbfbf;
	margin-left: -1em;
}

#content {
	padding: 0 1em;
	margin-bottom: 2em;
	float: left;
}
#content img {
	margin: 0 20px 20px 0;
	float: left;
}
.all #content {
	margin-top: 1em;
}
#footer {
	clear: both;
	background: url(images/shadow-top.png) repeat-x;
	margin-left: -2em;
	margin-right: -2em;
	padding: .5em 2em .5em 2em;
	text-align: center;
}
#footer ul {
	margin-left: 0;
	padding-left: 0;
}
#footer li	{
	margin-right: 1em;
	display: inline;
	list-style-type: none;
}




/* TOOLS */

.three-quarter {
	width: 47em;
	float: left;
}	
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.side-block {
	padding: 1em;
	color: white;
	background: #3b3b3b url(images/corner-all-tl.gif) no-repeat;
	width: 15em;
	float: right;
	margin-left: 2em;
	border-top: 1px solid white;
}
.side-block h2 {
	margin-top: 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px solid white;
	border-top: 0;
}
.side-block a {
	color: white;
	text-decoration: underline;
} 
.side-block a:hover {
	color: white;
}
.side-block hr {
	border: 0;
	background-color: white;
	height: 1px;
}
.side-block li {
	margin-left: 0;
	padding: 0;
	margin-bottom: .5em;
}
.side-block ul {
	margin-left: 1em;
	padding-left: 0;
}
#add-ons {
	color: white;
	float: left;
}
.add-on {
	width: 6em;
	margin-right: 5px;
	margin-top: .5em;
	border: 1px solid #ffffff;
	padding: 5px;
	float: left;
}
.side-block .add-on a {
	display: block;
	color: white;
	text-decoration: none;
	font-size: .8em;
}

	x.slaa #add-ons #prayer { background: #d5a0d8 url(http://www.stlukeaa.org/images/) no-repeat left center; }
	x.lw #add-ons #prayer { background: #becae2 url(http://www.stlukeaa.org/images/) no-repeat left center; }
	#add-ons #getconnected { background: #ff9933 url(http://www.stlukeaa.org/images/get-connected-bkg.gif) no-repeat left center; text-indent: 28px; }
	#add-ons #facebook { background: #005ca5 url(http://www.stlukeaa.org/images/facebook-bkg.gif) no-repeat left center; text-indent: 13px; }
	x.slaa #add-ons #smallgroups { background: #d5a0d8 url(http://www.stlukeaa.org/images/) no-repeat left center; }
	x.lw #add-ons #smallgroups { background: #becae2 url(http://www.stlukeaa.org/images/) no-repeat left center; }
	#add-ons #commoncup { background: #3f1a22 url(http://www.stlukeaa.org/images/cc-bkg.gif) no-repeat left center; text-indent: 13px; }
	#add-ons #youtube { background: #EE4000 url(http://www.stlukeaa.org/images/youtube-bkg.gif) no-repeat left center; text-indent: 28px; }
	#add-ons #vivo { background: #CC3333 url(http://www.stlukeaa.org/images/); }

.cage {
	float: left;
	border: 1px dotted grey;
	padding: 1em;
	margin-bottom: 1em;
}
.cage h2, .cage h3 {
	padding-top: 0;
	margin-top: 0;
}
.three-quarter .cages .cage {
	width: 45em;
}
.note {
	margin-top: 1em;
	background: #dcdcdc;
	padding: 1em;
}
cite {
	color: grey;
	font-size: .8em;
	border: 1px solid lightgrey;
	padding: .4em;
}
.contact-person {
	padding: .4em .4em .4em 20px;
	width: auto;
	background: url(images/contact-person-arrow.gif) white no-repeat;
	background-position: center left;
	border: 1px solid lightgrey;
	display: block;
}
x.contact-person:hover {
	border: 1px solid #000000;
	background: lightgrey;
	color: black;
}
.width-half {
	width: 31em;
	margin-right: 0;
}
.width-quarter {
	width: 12em;
}
.page-banner {
	width: 47em;
}





/* PORTAL PAGE */

.portal #photo-strip {
	clear: both;
	background: url(images/portal-photo-strip.jpg) no-repeat;
	width: 611px;
	height: 151px;
	margin-bottom: 10px;
}
.portal .extra img {
	border: 1px solid grey;
}
.portal #call-form {
	width: 300px;	
}
.portal #call-form  a {
	text-decoration: underline;
	color: red;
}
.portal .three-quarter #right img{
	margin: 0;
	padding: 0;
	float: right;
}
.portal #directions {
	float: right;
	margin-left: 2em;
	margin-bottom: 1em;
	width: 14em;
	background: url(images/map-fade.jpg) no-repeat;
}
.portal #directions h2, .portal #directions h4 {
	margin: 0;
	padding: 0;
}




/* SITE PAGES */

.site h3 {
	margin-top: 0;
}
.site #intro {
	display: table;
	padding: 0 .5em 0 .5em;
	clear: right;
	margin-bottom: 2em;
}
.site #news {
	float: left;
	background-repeat: repeat-x;
	padding: 1em;
	border: 1px dotted grey;
	margin-bottom: 1em;
	width: 44.5em;
}
.site #news #story {
	display: table;
}
.site #news #story img {
	width: 200px;
}
.site #news #list {
	margin-right: 2em;
	padding-right: 2em;
	border-right: 1px solid grey;
	float: left;
}
.site #news #list ul {
	margin-left: 0;
	padding-left: 0;
}
.site #news #list li {
	list-style-type: none;
	margin: 0 .5em .5em 0;
	padding: 0;
}
.side-blocks {
	display: table;
	float: right;
}
.side-blocks .side-block {
	float: none;
}

.slaa .side-block { background: #660066 url(images/corner-slaa-tl.gif) no-repeat; }
.lw .side-block { background: #29509f url(images/corner-lw-tl.gif) no-repeat; }
.ulc .side-block { background: #16325c url(images/corner-ulc-tl.gif) no-repeat; }

.site #address-phone {
	margin-top: 0;
}




/* CONTACT */

.contact #staff h2 {
	clear: both;
	margin-top: 0;
	padding: .5em;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	font-size: 1.5em;
}
.contact #staff img {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#staff .member {
	float: left;
	text-align: center;
	width: 13em;
	padding-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	border-left: 1px solid grey;
}
#staff .member-first {
	float: left;
	text-align: center;
	width: 13em;
	padding-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	clear: left;
}	

.contact #staff .member p, .contact #staff .member-first p {
	clear: left;
}
.contact ul {
	margin-top: 0;
	margin-left: 1em;
	padding-left: 0;
	width: 22em;
}
.contact li {
	list-style-type: none;
	padding-bottom: .8em;
}
.contact #first-list {
	float: left;
}
.contact #second-list {
	float: right;
}

.contact .side-block {
	clear: left;
}


/* TWO-COLUMN PAGES */

.left {
	float: left;
	width: 32em;
}
.right {
	float: left;
	width: 32em;
	margin-left: 2em;
}




/* ABOUT */


.about .site h2 a {
	padding-left: .5em;
	color: white;
}
.about .site p {
	margin-top: 0;
}
.about #slaa h2 { background: #660066 url(images/corner-slaa-tl.gif) no-repeat; border-bottom: 5px solid #660066; padding-top: .3em; margin-top: 0; }
.about #lw h2 { background: #29509f url(images/corner-lw-tl.gif) no-repeat; border-bottom: 5px solid #29509f; padding-top: .3em; }
.about #ulc h2 { background: #16325c url(images/corner-ulc-tl.gif) no-repeat; border-bottom: 5px solid #16325c; padding-top: .3em; }

.about .left #from-the-pastors  p {
	clear: left;
}


/* ABOUT SITE */





/* SERMONS */

#sermon-banner {
	width: 65em;
	height: 145px;
	background: white url(images/sermon-banner-fill.gif) no-repeat center;
	border: 1px dotted grey;
}

.sermons .column {
	float: left;
	margin: 1em 1em 1em 0;
	padding: 0 1em 0 0;
	width: 20em;
	border-right: 1px solid #bfbfbf;
}
.sermons #sermon-audio{
	clear: left;
}
.sermons  #ulc-sermons {
	border: none;
	margin-right: 0;
}
.sermons .column h4 {
	clear: left;
}
.sermons .column h3 {
	color: white;
	padding: 5px;
}
.sermons #slaa-sermons h3 { background: #660066; }
.sermons #lw-sermons h3 { background: #29509f }
.sermons #ulc-sermons h3 { background: #16325c }

.sermons .column img {
	border: 0;	
}

.sermons .podcast {
	line-height: 30px;
	margin: 0;
	padding: 0;
}

.sermons #sermon-audio {
	float: left;
}
.sermons #info {
	margin-top: 2em;
	clear: both;
	width: 61em;
}




/* PUBLICATIONS */

.publications li {
	list-style-type: none;
	padding-bottom: 2em;
}
	


/* SUPPORT */

.support .cage {
	margin-bottom: 1em;
	margin-right: 1em;
}


/* LINKS */


.links .cage {
	margin-bottom: 1em;
	background: #f0f0f0;
	width: 46em;;
}
.links .category h3 {
	margin-top: 0;
}






/* YOUTH */

#youth #find-us {
	width: 14em;
	float: right;
	border-left: 2em solid white;
}	
#youth #find-us img {
	border: 1px solid white;
	padding: 5px;
}
#youth #find-us img:hover {
	border: 1px dotted grey;
}
#youth #twitter_update_list {
	margin-left: 0;
	padding-left: 0;
}
#youth #twitter_update_list li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 1em;
	padding-bottom: 5px;
	border-bottom: 1px dashed #4099ff;
}

/* CHILDREN */






/* OASIS */

.oasis #info {
	margin: 2em 0;	
}
.oasis #faq-menu {
	margin-bottom: 1em;
	font-weight: bold;
	color: #006699;
}
.oasis #faq-menu ul {
	margin-left: 0;
	padding-left: 0;
}
.oasis #faq-menu li {
	list-style-type: none;
	cursor: pointer;
	margin-left: 0;
	margin-right: 1em;
	padding-left: 0;
	line-height: 1.5em;
}
.oasis #faq-menu li:hover {
	text-decoration: underline;
}
#oasis-commitments li {
	margin-bottom: 1.5em;
}
.oasis #care-groups {
	clear: left;
}
.oasis #care-groups div {
	clear: left;
	padding-top: 10px;
	border-top: 1px solid #797979;
}




/* PRAYER */

.prayer .left img {
	width: 99%;
}
.prayer #prayer-groups li {
	padding-bottom: 1em;
}

.prayer #weekly-prayer-requests {
	margin-top: 1em;
	width: 30em;
}


/* MINISTRIES */

.ministry #ministry-list {
	float: right;
}
.ministry #ministry-list ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 1.3em;
}
.ministry #ministry-list li {
	padding: .5em 1em .5em 0;
}
.ministry #ministry-list li a {
	text-decoration: none;
}
.ministry #ministry-list li a:hover{
	font-weight: bold;
}
.ministry .cages {
	display: block;
}
.ministry .extra-features {
	padding-top: 10px;
	float: right;
	color: #797979;
	width: 17em;
}
.ministry .extra-features img{
	margin: 0;
}




/* NYE */

#nye-left {
	width: 40em;
	float: left;
	margin-right: 1em;
}
#nye-right {
	width: 12em;
	float: left;
}

#nye-sponsor {
	text-align: center;
	margin-right: 1em;
	width: 15em;
	clear: left;
}
#nye-menu {
	width: 19em;
	float: right;
}
#nye-lock-in img {
	width: 280px;
	margin: 0;
}
#nye-flier {
	width: 40em;
}


/* MISSIONS */

.missions .right img {
	width: 20%;
}


/* CHILI */


.chili-side {
	float: right;
	width: 15em;
	margin-left: 2em;
}
.chili-side div {
	width: 15em;
}
.chili #tix {
	background: white url(../images/chili-tix.gif) no-repeat;
	padding-top: 85px;
}
.chili #media {
	background: white url(../images/chili-media.gif) no-repeat top right;
	padding-top: 75px;
}
.chili #submit {
	background: white url(../images/chili-submit.gif) no-repeat;
	padding-top: 75px;
}




/* HOLIDAY */

.holiday li {
	line-height: 1.4em;
	margin-bottom: 1em;
	list-style-type: none;
}



/* REILLY */

.reilly .side-block {
	background: white;
	color: black;
	padding-top: 0;
}
.reilly .side-block a {
	text-decoration: underline;
	color: #3b3b3b;
}
.reilly #tix {
	width: 14em;
}




/* TENTMAKERS */

.tentmakers .column {
	float: left;
	border-left: 1px solid grey;
	padding: 0 10px;
	width: 10em;
}
.tentmakers .column img {
	width: 9em;
	margin: auto;
}
.tentmakers .column h3 {
	text-align: center;
}
.tentmakers #first{
	border: 0;
	padding-left: 0;
}
.tentmakers li {
	margin-bottom: 1em;
}
.tentmakers #faq-menu li:hover {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
.tentmakers .detail p {
	background: white;
	color: #29509f;
	padding: 3px;
}
#tentmakers li {
	margin-bottom: .5em;
}
#tentmakers li h4 {
	margin-bottom: 0;
}