*{margin:0;padding:0;}img{border:none;}.nav{list-style:none;}.hide{display:none;}body{font-size:100%;vertical-align:baseline;line-height:120%;font-family:Helvetica,Arial,sans-serif;}hr.clearhack,hr.clearHack{display:block;visibility:hidden;clear:both;height:0}b,strong{font-weight:bold}a{cursor:pointer}i,em{font-style:italic}
/* --------------------------------
	 green - #5e9f41
----------------------------------- */

/* --------------------------------
	 #Typo
----------------------------------- */

p, h1, h2, h3, h4, h5, h6, a, span, em, strong {font-family: Helvetica, Arial, sans-serif; color: #444;}

p, h1, h2, h3, h4, h5, h6 {padding-bottom: 10px;}

p,span, font {font-size: 13px; line-height: 22px;}
h1 {font-size: 24px; color: #5e9f41}
h2 {font-size: 18px}
h3 {font-size: 13px;}
.button {background: #3d682a url(/img/button_grad.gif) 0 0 repeat-x; color: #fff; text-decoration: none; padding: 5px 8px; margin:10px 10px 0 0 ;}
.button:hover {color: yellow}
.edit {background: green; padding: 5px 8px; text-decoration: none; color: #fff; margin: 10px; display: block; width:30px; text-align: center;}
.edit:hover {background: #444;}

/* --------------------------------
	 #Main Layout
----------------------------------- */
html {background: #000 url(/img/bgd.jpg) center 0 no-repeat; min-width: 980px;}
body {text-align: center; position: relative; min-width: 980px; min-height: 600px; background: url(/img/content_bgd_home_1.jpg) center 78px no-repeat;}

body.home1 {background: url(/img/content_bgd_home_1.jpg) center 78px no-repeat;}
body.home2 {background: url(/img/content_bgd_home_2.jpg) center 78px no-repeat;}
body.home3 {background: url(/img/content_bgd_home_3.jpg) center 78px no-repeat;}
/* Make image 4 show most often */
body.home4 {background: url(/img/content_bgd_home_4.jpg) center 78px no-repeat;}
body.home5 {background: url(/img/content_bgd_home_4.jpg) center 78px no-repeat;}
body.home6 {background: url(/img/content_bgd_home_4.jpg) center 78px no-repeat;}

body.about-lcj, body.events  {background: url(/img/content_bgd_about.jpg) center 78px no-repeat;}
body.get-connected {background: url(/img/content_bgd_get-connected.jpg) center 78px no-repeat;}
body.page_ages-0-5-nursery-pre-school {background: url(/img/content_bgd_0-5.jpg) center 78px no-repeat;}
body.page_1st-grade-6th-grade {background: url(/img/content_bgd_1-6.jpg) center 78px no-repeat;}
body.page_7th-grade-12th-grade-graffiti-youth {background: url(/img/content_bgd_7-12.jpg) center 78px no-repeat;}

body.donate {background: url(/img/content_bgd_online-giving.jpg) center 78px no-repeat;}
body.media {background: url(/img/content_bgd_media.jpg) center 78px no-repeat;}


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

/* #Header */
a.header {position: absolute; width: 320px; height: 120px; text-indent: -5000em;}

/* #Nav */
ul#nav {z-index: 4999; position: absolute; top: 260px; left: 15px; border-bottom: 8px solid #5e9f41; padding-bottom: 3px; }

ul#nav li ul {display: none; }

ul#nav a.top_level {background: url(/img/nav.png) 0 0 no-repeat; width: 238px; height: 48px; text-decoration: none; color: #fff; display: block; text-indent: -5000em;}

ul#nav li {position: relative; }

/* inactive nav */
ul#nav li.home_inactive				a {background-position: 0 0;}
ul#nav li.about-lcj_inactive 		a {background-position: 0 -48px;}
ul#nav li.get-connected_inactive	a {background-position: 0 -96px;}
ul#nav li.lcj-students_inactive 	a {background-position: 0 -144px;}
ul#nav li.online-giving_inactive	a {background-position: 0 -192px;}
ul#nav li.media_inactive			a {background-position: 0 -240px;}

/* nav hover */
ul#nav li.home_inactive				a:hover {background-position: -480px 0;}
ul#nav li.about-lcj_inactive 		a:hover {background-position: -480px -48px;}
ul#nav li.get-connected_inactive	a:hover {background-position: -480px -96px;}
ul#nav li.lcj-students_inactive 	a:hover {background-position: -480px -144px;}

/* if there are sub menus, we still need to have the hover happen */ 
ul#nav li.about-lcj_active 		a:hover {background-position: -480px -48px;}
ul#nav li.get-connected_active	a:hover {background-position: -480px -96px;}
ul#nav li.lcj-students_active 	a:hover {background-position: -480px -144px;}

ul#nav li.online-giving_inactive	a:hover {background-position: -480px -192px;}
ul#nav li.media_inactive			a:hover {background-position: -480px -240px;}

/* active navs */
ul#nav li.home_active 				a {background-position: -240px 0;}
ul#nav li.about-lcj_active 		a {background-position: -240px -48px;}
ul#nav li.get-connected_active 	a {background-position: -240px -96px;}
ul#nav li.lcj-students_active 	a {background-position: -240px -144px;}
ul#nav li.online-giving_active 	a {background-position: -240px -192px;}
ul#nav li.media_active 				a {background-position: -240px -240px;}

/* sub */
ul#nav li ul {position: absolute; left: 211px; top:-4px; padding:4px 18px 8px 0; z-index: 5000;}
ul#nav li:hover ul {display: block; }

ul#nav li ul li a { filter:alpha(opacity=90); opacity: 0.9; background: #fff; color: #444; font-size: 14px; font-weight: normal; border-bottom: #ccc solid 1px; margin: 0 8px 0 26px; width:210px; padding: 17px 10px 17px 10px; display: block; text-decoration: none;}
ul#nav li ul li a:hover { background-image: none !important; color: #fff !important; background-color: #5e9f41 !important;}

/* Logo Link */
a#site_id {width: 230px; height: 130px; position: absolute; display: block; text-indent: -5000em; background: red; border: 3px solid yellow;}

/* #Content */
div.content {float: left; clear: none; position: relative; top: 300px; left: 300px; width: 600px; min-height: 270px; margin-bottom: 20px; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; background: #fff url(/img/content_grad.gif) top right repeat-y; filter:alpha(opacity=95); opacity: 0.95; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

body#home div.content {background: transparent; border: none;}

div.content_inner {padding: 10px 20px;}

div.article {}

div.section {padding: 15px; border-bottom: 1px solid #ccc;}

div.aside {}

div.wysiwyg_output {}

/*	#Footer */
div.footer {border-top: #5e9f41 solid 8px; width:960px; background: #000; float: left; clear: both; position: relative; top:300px; }
body#home div.footer {top:285px;}
div.footer li, div.footer li a {color: #fff; font-size: 12px; text-decoration: none; list-style: none;}
div.footer li {padding: 8px;}
div.footer li a:hover {text-decoration: underline; color: #ccc;}
div.footer li.copyright {float: left; width:40%:}
div.footer li.credit {float: right; width:40%:}

/* Events Scroll */
div.events_head {position: absolute; right:3px; top:44px;}
a.arrow {background: url(/img/arrow.png) 0 0 no-repeat; width: 8px; height: 11px; display: inline-block; padding: 0 2px; z-index: 5000; position: relative; text-decoration: none;}

a.prev {background-position: left top;}
a.prev:hover {background-position: left bottom;}

div.events_head a.next {background-position: right top;}
div.events_head a.next:hover {background-position: right bottom;}

div.events_head a.calendar {color: #fff; background: url(/img/button_grad.gif) 0 0 repeat-x; padding: 2px 5px; position: absolute; right: 0; top:0; text-decoration: none; font-size: 12px; z-index: 5000;}
div.eventsScroll {padding-right: 110px; top:-18px;}
div.eventsScroll ul {left: 40px; }
div.eventsScroll li a {font-size: 12px; text-decoration: none;}
div.eventsScroll li a:hover {text-decoration: underline; color: #ccc;}
div.eventsScroll a strong {color: #fff; padding-right: 5px; font-size: 14px;}
div.eventsScroll a em {color: #fff;} 

/* --------------------------------
	 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: #000; 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:#5e9f41; padding:10px 15px; color:#fff; float:left; clear:left; margin:0px 0 20px 10px; text-decoration:none; font-size: 16px; font-weight: bold;}
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;}

div.content div.amounts {width:500px; margin-left: 10px;}
div.content div.amounts div {background: #ccc; border-top:#000 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: 120px; }
div.total {float: right; margin-right: 43px; padding: 12px 0 20px 0; position: relative; top:-25px; }

div.content label.total_label {width:96%; padding-right: 0; margin-right: 0;}
div.other_desc label {text-align: left;}
div.other_desc input.text_input {width:240px !important;}

body.donate div.content .submit {top:-50px; position: relative;}