/* <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_Wednesday.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; float: right;}
li.ms {font-size: 10px; float: right; padding-right: 30px;}
li.time {padding-right: 30px;}
li.fb {padding-left: 20px; top: 5px; position: relative;}


/* --------------------------------
	 Forms
----------------------------------- */
div#content .text_input, div#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#content select {display: block; margin: 0 0 20px 20px}
div#content .text_input:focus, div#content input[type="password"]:focus, div#content textarea:focus {background:#fffa92;}
div#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#content .submit { border:none; background:#4a93db; padding:5px 10px; color:#fff; float:left; clear:left; margin:20px 0; text-decoration:none; }
div#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#content input.short {width: 150px;}
div#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#content div.amounts {width:500px; margin-left: 10px;}
div#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#content div.amounts label {float:left; clear: both; border:none; margin-top: 10px; width:190px; text-align: left; }
div#content div.amounts input.text_input {float: right; clear: none; margin-top: 0;}
div#content div.amounts p {float: right; clear: none; padding-bottom: 0; padding-top: 4px;}
div#content div.amounts div span {font-size:20px; padding-right: 5px; position: relative; top:8px; float: right;}

div#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;}

/* --------------------------------
	 Register
----------------------------------- */
body.register div#content div.amounts {padding-top: 10px}
body.register div#content div.amounts div.col {float: left; clear: none; padding: 1%;}
body.register div#content div.amounts div.col_1 {width:40%;}
body.register div#content div.amounts div.col_2 {width:40%;}
body.register div#content div.amounts div.col_3 {width:13%;}

body.register div#content div.amounts label {width:100%;}
body.register div#content div.amounts input.text {padding: 3px 5px; width:90%}
body.register div#content div.amounts select {margin: 0;}
body.register div#content input.submit {margin-left: 30px;}
/* </style> */