/* <style> */
/* -----------------------------------------------
Master Style Sheet

Author:   	Jeremy Douglas Hoover | www.jeremydouglas.ca
          
Version:  2009

blue: #77bef6
----------------------------------------------- */

/* --------------------------------
	 Reset
----------------------------------- */
* {
padding:0;
margin:0;
border:0;
}

html, body, div, span, applet, object, iframe, 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,
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-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	font-family: Helvetica, Arial, sans-serif;
	line-height: normal;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html {
text-align: center;
}

body {
	color: #000000;
	background-color: #FFFFFF;
	text-align:left;
	margin: 0 auto;
	position: relative;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a {
cursor: pointer;
}

i, em {font-style:italic;}

b, strong {font-weight:bold;}

hr.clearHack {
display: block;
visibility: hidden;
clear: both;
height: 0;
}

.hide {display:none;}




/* --------------------------------
	 Main
----------------------------------- */
html {background:#000 url(/img/gradients.jpg) 0px -68px repeat-x; }

body {background: url(/img/bgd_Friday.jpg) top center no-repeat; min-height: 645px; min-width: 980px; position: relative; }

/* body {background: url(/img/bgd_sisterhood-09b.jpg) top center no-repeat; min-height: 645px; min-width: 980px; position: relative; } */

/* body#home {min-height: 1200px} */

body.about {background: url(/img/bgd_about.jpg) top center no-repeat;}
body.staff {background: url(/img/bgd_about.jpg) top center no-repeat;}
body.lhc-students {background: url(/img/bgd_lhc-students.jpg) top center no-repeat;}
body.give {background: url(/img/bgd_online-giving.jpg) top center no-repeat;}

body.get-connected {background: url(/img/bgd_connect.jpg) top center no-repeat;}

body.celebrate-recovery {background: url(/img/bgd_connect-celebrate-recovery.jpg) top center no-repeat;}

body.band-of-brothers {background: url(/img/bgd_band-of-brothers.jpg) top center no-repeat;}
body.sisterhood {background: url(/img/bgd_sisterhood.jpg) top center no-repeat;}

body.ages-0-5-nursery-pre-school {background: url(/img/bgd_ages-0-5-nursery-pre-school.jpg) top center no-repeat;}
body.ages-6-12-ekg {background: url(/img/bgd_ages-6-12-ekg.jpg) top center no-repeat;}
body.ages-12-18-one-youth {background: url(/img/bgd_ages-12-18-one-youth.jpg) top center no-repeat;}
body.lifehouse-daniel-academy {background: url(/img/bgd_lifehouse-daniel-academy.jpg) top center no-repeat;}
body.lifehouse-daniel-daycare {background: url(/img/bgd_lifehouse-daniel-daycare.jpg) top center no-repeat;}


div.wrap {margin: 0 auto; text-align: left; width: 960px; position: relative;}

div#content { position: absolute; top:480px;  z-index: 0; }
div#inner-content { padding:0 85px 50px 250px; position: relative; top:-50px; text-align: justify; }
body div#content {background: url(/img/bgd_content.jpg) top center repeat-y; width: 100%;}
body#home div#content {background: none;}


/* --------------------------------
	 Typo
----------------------------------- */
h1 {color: #77bef6; font-size: 24px; padding-bottom: 10px;}
h2 {color: #77bef6; font-size: 18px; padding-bottom: 10px;}
h3 {color: #77bef6; font-size: 13px; padding-bottom: 10px;}
h4 {color: #77bef6; font-size: 10px; padding-bottom: 10px;}

p{color: #fff; font-size: 13px; line-height: 20px; padding-bottom: 10px}
div#content a {color: #fff;}

div#content ul {list-style: disc; color: #fff; }
div#content ul li {padding-bottom: 10px; font-size: 13px; line-height: 20px;}

/* --------------------------------
	 nav
----------------------------------- */
ul#nav {z-index: 5000;}
ul#nav ul {display: none; }
ul#nav li ul li {width: 250px;}
ul#nav {position: absolute; top: 188px; left: 15px;}
ul#nav a {background: url(/img/buttons-and-bars.png) 11px 42px no-repeat; width: 190px; text-decoration: none; color: #000; font-size: 14px; padding: 16px 0 12px 10px; display: block;}
ul#nav li {position: relative; }
ul#nav li.active a {color: #77bef6; font-weight: bold; background-position: -150px -2px; text-indent: 22px; padding-bottom: 4px; padding-top: 18px;}
ul#nav li.active ul a {color: #fff; padding: 16px 0 12px 10px; text-indent: 0;}
ul#nav li.active:hover a {color: #000;}
ul#nav li.active:hover ul a {color: #fff;}
ul#nav li.inactive a:hover {background: url(/img/gradients.jpg) 0 0 repeat-x; color: #fff;}
ul#nav li.active ul {top:10px;}

/* sub */
ul#nav li ul {position: absolute; left: 183px; top:0px; background: url(/img/sub-nav-bgd.png); padding:6px 18px 10px 0;}
ul#nav li:hover ul {display: block; }

ul#nav li ul li a { filter:alpha(opacity=90); opacity: 0.9; background: none; color: #fff; font-size: 12px; font-weight: normal; border-bottom: #fff solid 1px; margin: 0 8px 0 26px; width:210px; padding: 14px 10px 13px 10px}
ul#nav li ul li a:hover { background-image: none !important; color: #000 !important; background-color: #8eb6da !important;}

a#site_id {width: 230px; height: 130px; position: absolute; display: block; text-indent: -5000em; }

/* --------------------------------
	 Calendar
----------------------------------- */
div.calendarNav {float: right; position: absolute; width: 600px;  top: 44px;  overflow-y: hidden; z-index: 4500; padding-right: 74px;  }
div.calendarNav ul { text-align: right; position: relative; left: -80px; }
div.calendarNav ul li {float: left; clear: both; height:20px; }
div.calendarNav ul a {color: #000; text-decoration: none; font-weight: normal; font-size: 10px;  text-align: right; width:300px;}
div.calendarNav ul strong {font-weight: bold; padding-right: 10px;}

a.calendar {float: left; position: absolute; top: 44px; left: 880px; position: relative;}

a.prev, a.next {background: url(/img/buttons-and-bars.png) 0 0 no-repeat; width: 16px; height: 17px; display: block; cursor: pointer; text-decoration: none; z-index: 5000; }
a.prev {background-position: -17px -19px; position: absolute; right: 123px; top: 0px; }
a.prev:hover {background-position: -17px -2px;}
a.next {background-position: 3px -19px; right: 98px; width: 19px; top: 0; position: absolute; border-left: 1px solid #000;  }
a.next:hover {background-position: 3px -2px;}

/* --------------------------------
	 Buttons
----------------------------------- */
span.leftCorner {width: 8px; height: 17px; position: absolute; left: -8px; top:0; background: url(/img/buttons-and-bars.png)  -34px -19px  no-repeat; }
span.rightCorner {width: 8px; height: 17px;  position: absolute; right: -8px; top:0; background: url(/img/buttons-and-bars.png) -43px -19px no-repeat; }
a.button {padding-top: 2px; background: #000; color: #fff; text-decoration: none; font-size: 10px;  z-index: 5000; height: 15px; overflow: visible}
a.button:hover  {background: white; color: #000}
a.button:hover span.leftCorner {background: url(/img/buttons-and-bars.png)  -34px -2px  no-repeat;}
a.button:hover span.rightCorner {background: url(/img/buttons-and-bars.png)  -43px -2px  no-repeat;}


/* --------------------------------
	 Foot
----------------------------------- */
ul#foot {color: #ccc; font-size: 10px; clear: both; background: #000 url(/img/bgd_foot.jpg) top center no-repeat; padding: 60px 30px;}

body#home ul#foot {position: absolute; top: 570px; width: 900px; display: block; background: no-repeat; padding: 0 0 0 30px;}


 
ul#foot a {color: #ccc; font-size: 10px !important;}
ul#foot li {display: inline; font-size: 10px !important;}
li.copyright {font-size: 10px; top:10px; position: relative; float: right; clear: none}
li.ms {font-size: 10px; top:10px; position: relative; clear: none; float: right; padding-right: 30px;}
li.time {padding-right: 20px;}
li.fb {padding-left: 20px; top: 5px; position: relative;}

li.mc_launch {padding-left: 23px; }
li a#mc_launch {text-decoration: none; background-color: #d4d4d3; color: #444; font-weight: bold; padding: 4px 6px; -moz-border-radius:5px; border-radius:5px;}
li a#mc_launch:hover {background-color: #87bd3d}

/* --------------------------------
	 Forms
----------------------------------- */
div#inner-content .text_input, div#inner-content input[type="password"], div#content textarea { border:1px solid #bbb; background:#eee; padding:5px 8px; display: block; margin:3px 5px; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:1.3em; line-height:1.5em; width:80%; }
div#inner-content select {display: block; margin: 0 0 20px 20px}
div#inner-content .text_input:focus, div#content input[type="password"]:focus, div#content textarea:focus {background:#fffa92;}
div#inner-content label { font-size:14px; color: #fff; font-weight:bold; display: block; border-top:1px solid #ddd; margin-top:30px; padding:8px 0 10px 5px; width:85%; }
div#inner-content .submit { border:none; background:#4a93db; padding:5px 10px; color:#fff; float:left; clear:left; margin:20px 0; text-decoration:none; }
div#inner-content .submit:hover { background:#555; color:#fff; cursor:pointer; }
button { cursor: pointer; } 
span.optional {font-family: Georgia Palatino Times serif; font-size: 12px; color: #666; font-style: italic; padding: 10px;}
div#inner-content input.short {width: 150px;}
div#inner-content p.inline {display: inline; float: left; padding: 10px 0 0 0; font-size: 18px; position: relative; margin-left: -10px;}

/* --------------------------------
	 Image and Text Page (Staff)
----------------------------------- */
div.iat_image {width: 160px; display: inline; padding-bottom: 50px; margin-left: 50px; float: left; clear: both; min-height: 100px;  /* Hiding until we get staff images */ }
div.iat_image img {display: inline}
div.iat_text {width: 300px; /* display: inline; */ float: left; clear: none; }
div.iat_text {width: 300px; display: inline; padding-bottom: 50px } 

/* --------------------------------
	 Give
----------------------------------- */
div#inner-content div.amounts {width:500px; margin-left: 10px;}
div#inner-content div.amounts div.amount_row {background: #282828; border-top:#404040 solid 1px; padding: 10px; float: left; clear: both; margin: 10px 0; width:100%; }
div#inner-content div.amounts label {float:left; clear: both; border:none; margin-top: 10px; width:190px; text-align: left; }
div#inner-content div.amounts input.text_input {float: right; clear: none; margin-top: 0;}
div#inner-content div.amounts p {float: right; clear: none; padding-bottom: 0; padding-top: 4px;}
div#inner-content div.amounts div span {font-size:20px; padding-right: 5px; position: relative; top:8px; float: right;}

div#inner-content input#totalamount {width: 150px; }
div.total {float: right; margin-right: 100px; padding: 12px 0 20px 0; }

div.other_desc label {text-align: left;}
div.other_desc input.text_input {width:240px !important;}

/* --------------------------------
	 Columns
----------------------------------- */
#content div.col {float: left; clear: none; padding: 1%;}
#content div.col_1 {width:40%;}
#content div.col_2 {width:40%;}
#content div.col_3 {width:13%;}

/* --------------------------------
	 Register
----------------------------------- */
body.register div#inner-content div.amounts label {width:70%; float: left; clear: both;}
body.register div#inner-content div.amounts input.text {padding: 3px 5px; width:70%; float: left; clear: both;}
body.register div#inner-content div.amounts select {margin: 0;}
body.register div#inner-content input.submit {margin-left: 20px;}

/* eNews Subscribe Form */
#mc_embed_signup {position: absolute; z-index: 900000; left:100px; bottom:150px; padding:15px 30px 30px 30px; background: #333 url(/img/gradients.jpg) 0 -2px repeat-x; border: #999 1px solid; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);}
#home #mc_embed_signup {top:150px; bottom: auto;} 
#mc_embed_signup h2 {font-size: 30px; color: #fff;}
#mc_embed_signup form { width:600px; padding:0 50px;}

fieldset {float: left; clear: both; width:500px;}
#mc_embed_signup label {font-size: 16px; padding: 10px; float: left; clear: both; width:200px; text-align: right;}
#mc_embed_signup .text {float: left; clear: none; padding: 5px; margin: 5px; width:250px;}
.indicate-required {font-size: 10px; padding: 20px; float: right; clear: both;}

a#mc_embed_close {padding: 5px; font-size: 10px; border: 1px solid #527d17; position: absolute; top:12px; right: 12px; color: #fff; background: #76ae29; display: block; text-decoration: none; -moz-border-radius:5px; border-radius:5px;}
a#mc_embed_close:hover {background: #444;}
#mc-embedded-subscribe {border: 1px solid #527d17; color: #fff; background: #76ae29; padding: 8px 10px; font-size: 14px; float: left; clear: both; margin: 10px 0 10px 400px;}
#mc-embedded-subscribe:hover {background: #444; cursor: pointer;}


/* </style> */