/* Developed by ---------------------------------------------------------------------------------------- 
   Copyright 2009 Quadsimia - Internet Presence Professionals | Visit us on the web at www.quadsimia.com
   ------------------------------- Custom Software   E-Commerce   Web Design & Development   Web Hosting */
/* -----------------------------------------------------------------------------------------------------
   -- MAIN --------------------------------------------------------------------------------------------- */

/* STICKY FOOTER START - makes footer stick to the bottom of the page */
* { margin: 0;}
html, body { height: 100%;}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -147px;}
.footer, .push { height: 147px; clear: both;}
/* STICKY FOOTER END */

body{
	margin:0;
	padding:0;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#000;
	background:#FFF url(../images/bgtile.gif) repeat-x top left;}
div.mainContent{
	margin:0 auto;
	padding:0 5px;
	width:960px;
	overflow:hidden;}
img{
	border:0;}
a:link, a:visited{
	color:#ED1C24;
	text-decoration:underline;
	font-weight:normal;}
a:hover, a:active{
	color:#0066FF;
	text-decoration:none;
	font-weight:normal;}

h1{
	margin:10px 0;
	padding:0;
	font-size:34px;
	font-weight:normal;}

h2{
	margin:10px 0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	color:#004613;}

h3{
	margin:0 0 -10px 0;
	padding:0;
	font-size:18px;
	font-weight:bold;
	color:#3C9459;}

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

/* -----------------------------------------------------------------------------------------------------
   -- HEADER ------------------------------------------------------------------------------------------- */

div.header{
	position:relative;
	height:205px;
	background:url(../images/header_bg.jpg) no-repeat top left;
	overflow:hidden;
	z-index:2;}
div.header-bgtile-rt{
	position:absolute;
	top:130px;
	right:0;
	width:50%;
	height:41px;
	background-color:#3C9459;
	z-index:1;}
div.header h2.logo {
	margin:33px 0 0 20px;
	padding:0;
	width:289px;
	height:156px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/johnson_park_center_logo.png) no-repeat top left;}
div.header h2.logo a{
	display:block;
	width:289px;
	height:156px;}
div.header div.content{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:633px;
	height:204px;
	overflow:hidden;}
div.header h2.services{
	margin:18px 0 0 0;
	padding:0;
	width:633px;
	height:17px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/header_services.gif) no-repeat top left;}
div.header h3.tagline{
	margin:11px 0 10px 70px;
	padding:0;
	width:494px;
	height:52px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/header_tagline.gif) no-repeat top left;}
div.header ul.contact{
	width:633px;
	height:22px;
	line-height:22px;
	margin:0;
	padding:0;
	overflow:hidden;
	list-style-type:none;
	text-align:center;}
div.header ul.contact li{
	display:inline;
	margin:0;
	padding:0 0 0 12px;
	font-size:12px;
	background:url(../images/bullet_sq.gif) no-repeat 1px 4px;}
div.header ul.contact li.first{
	padding:0;
	background:none;}
div.header ul.contact li a:link, div.header ul.contact li a:visited{
	color:#000;
	text-decoration:none;
	font-weight:normal;}
div.header ul.contact li a:hover, div.header ul.contact li a:active{
	color:#ED1C24;
	text-decoration:underline;
	font-weight:normal;}
div.header p.newsletter-signup{
	margin:4px 0 0 0;
	padding:0;
	width:219px;
	height:27px;
	overflow:hidden;
	text-indent:-9999px;}
div.header p.newsletter-signup a{
	display:block;
	width:219px;
	height:27px;
	background:url(../images/email_signup.gif) no-repeat top left;}
div.header p.newsletter-signup a:hover{
	display:block;
	width:219px;
	height:27px;
	background-position:0 -27px;}


/* -----------------------------------------------------------------------------------------------------
   -- NAVIGATION MENU ---------------------------------------------------------------------------------- */

ul.navmenu{
	margin:0;
	padding:0;
	width:633px;
	height:41px;
	overflow:hidden;}
ul.navmenu li{
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
	text-indent:-9999px;}
ul.navmenu li a {
	display:block;
	height:41px;}
ul.navmenu li.btn1 a {
	width:141px;
	background:url(../images/btn1.gif) no-repeat top left;}
ul.navmenu li.btn2 a {
	width:89px;
	background:url(../images/btn2.gif) no-repeat top left;}
ul.navmenu li.btn3 a {
	width:167px;
	background:url(../images/btn3.gif) no-repeat top left;}
ul.navmenu li.btn4 a {
	width:71px;
	background:url(../images/btn4.gif) no-repeat top left;}
ul.navmenu li.btn5 a {
	width:165px;
	background:url(../images/btn5.gif) no-repeat top left;}
ul.navmenu li a:hover, ul.navmenu li a:active {
	background-position:0 -41px;}


/* -----------------------------------------------------------------------------------------------------
   -- SUBNAVIGATION MENU ------------------------------------------------------------------------------- */

ul.submenu{
	float:right;
	margin:0 10px 0 0;
	padding:0;
	text-align:right;}
ul.submenu li{
	display:inline;
	padding:0 12px 0 0;
	height:34px;
	line-height:34px;
	font-size:14px;
	font-style:italic;}
ul.submenu li a:link, ul.submenu li a:visited{
	color:#000;
	text-decoration:none;
	font-weight:normal;}
ul.submenu li a:hover, ul.submenu li a:active{
	color:#ED1C24;
	text-decoration:underline;
	font-weight:normal;}


/* -----------------------------------------------------------------------------------------------------
   -- SUBNAVIGATION MENU ------------------------------------------------------------------------------- */

div.sidebar{
	float:right;
	margin:20px 12px;
	padding:0;
	width:292px;
	color:#FFF;
	font-size:14px;
	background-color:#3C9459;}
* html div.sidebar{
	margin-right:5px;}
div.sidebar a:link, div.sidebar a:visited{
	color:#FFFF66;
	text-decoration:underline;
	font-weight:normal;}
div.sidebar a:hover, div.sidebar a:active{
	color:#FFFF00;
	text-decoration:none;
	font-weight:normal;}
div.sidebar h3{
	margin:0;
	padding:0;}
div.sidebar h4{
	margin:0 0 8px 0;
	padding:0;}
div.sidebar h5{
	margin:0;
	padding:0;
	color:#FFFF00;
	font-size:14px;}
div.sidebar p{
	margin:0 0 10px 0;
	padding:0;}
div.sidebar div.content{
	margin:20px;
	padding:0;}
div.sidebar h3.join{
	width:233px;
	height:46px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/sidebar_join.gif) no-repeat top left;}
div.sidebar h4.donate{
	width:60px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/sidebar_donate.gif) no-repeat top left;}
div.sidebar h4.donate a{
	display:block;
	width:60px;
	height:24px;}
div.sidebar h4.volunteer{
	width:77px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/sidebar_volunteer.gif) no-repeat top left;}
div.sidebar h4.contact{
	width:95px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/sidebar_contact.gif) no-repeat top left;}
div.sidebar h4.contact a{
	display:block;
	width:95px;
	height:24px;}

div.sidebar div.donatebox{
	margin:0 0 10px 0;
	padding:0;
	width:250px;
	height:60px;
	overflow:hidden;
	background:url(../images/sidebar_donate_bg.gif) no-repeat top left;
	color:#000000;}
div.sidebar div.donatebox form{
	margin:12px 0 0 10px;
	padding:0;}
div.sidebar div.donatebox form input{
	vertical-align: top;}
div.sidebar div.donatebox form input.amount{
	color:#666666;
	width:100px;}
div.sidebar div.donatebox form input.donatebtn{
	margin-top:-8px;}
div.sidebar div.donatebox p.note{
	margin:-18px 0 0 22px;
	width:100px;
	text-align:center;
	font-size:10px;
	line-height:10px;}


/* -----------------------------------------------------------------------------------------------------
   -- BODY CONTENT ------------------------------------------------------------------------------------- */
   
/* homepage */

div.home-changeishappening{
	margin:0 0 12px 0;
	padding:0;
	width:631px;
	height:318px;
	overflow:hidden;
	background:url(../images/home_heartdisplay.jpg) no-repeat top right;}
div.home-changeishappening h1.change{
	margin:0 0 0 4px;
	padding:0;
	width:297px;
	height:139px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/change-in-cornhill.gif) no-repeat top left;}
div.home-changeishappening ul{
	margin:12px 0 0 0;
	padding:0;
	width:306px;
	height:167px;
	overflow:hidden;
	text-indent:-9999px;
	list-style-type:none;
	background:url(../images/home_services.gif) no-repeat top left;}
div.home-details p{
	font-size:15px;
	font-style:italic;
	line-height:24px;}
p.home-quote{
	width:256px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/home_quote.gif) no-repeat top left;}

/* default */

div.bodycontent{
	margin:20px 12px 60px 12px;
	padding:0;}
div.bodycontent img {
	padding: 0 8px 8px 8px;}

div.main_donatebox{
	margin:0;
	padding:8px 12px;
	width:607px;
	background-color:#D4EFFF;
	border-top:2px solid #406DCD;
	border-bottom:2px solid #406DCD;}
div.main_donatebox h2{
	color:#0066CC;
	font-size:30px;}
div.main_donatebox form input{
	vertical-align: top;}
div.main_donatebox form input.amount{
	color:#666666;
	width:100px;}
div.main_donatebox form input.donatebtn{
	margin-top:-8px;}
div.main_donatebox p.note{
	font-size:11px;}

/* photos */

div.image{
	margin:0;
	padding:0;
	background-color:#F7F0CC;}
div.image img{
	margin:5px;
	padding:0;
	border:1px solid #F0DF93;}
div.image-left{
	float:left;
	margin:0 8px 8px 0;}
div.image-right{
	float:right;
	margin:0 0 8px 8px;}


/* -----------------------------------------------------------------------------------------------------
   -- FOOTER ------------------------------------------------------------------------------------------- */

div.footer{
	background:#F7F0CD url(../images/footer_bgtile.gif) repeat-x top left;}
div.footer a:link, div.footer a:visited{
	color: #004613;
	text-decoration:underline;
	font-weight:normal;}
div.footer a:hover, div.footer a:active{
	color:#0066FF;
	text-decoration:none;
	font-weight:normal;}
ul.footer-navmenu{
	margin:24px 0 10px 0;
	padding:0;
	text-align:center;
	list-style-type:none;
	font-size:15px;
	background:none;}
ul.footer-navmenu li{	
	display:inline;
	margin:0;
	padding:0 2px;}
ul.footer-submenu{
	margin:10px 0;
	padding:0;
	text-align:center;
	list-style-type:none;
	font-size:14px;
	background:none;}
ul.footer-submenu li{
	display:inline;
	margin:0;
	padding:0 8px;}
p.copyright{
	margin:12px 0 6px 0;
	padding:0;
	text-align:center;}
p.credit{
	margin:6px 0;
	padding:0;
	text-align:center;
	font-size:11px;}
div.unitedway{
	float:right;
	margin:-56px 20px 20px 20px;
	padding:0;
	width:84px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/united_way.gif) no-repeat top left;}
* html div.unitedway{
	margin-right:5px;}
div.unitedway a{
	display:block;
	width:84px;
	height:50px;}

/* -----------------------------------------------------------------------------------------------------
   -- FORM --------------------------------------------------------------------------------------------- */

form{
  margin:0;
  padding:0;
  width:590px;}
form p { margin: 0; padding:0; }
form fieldset{
  border-color:#000000;
  border-width:1px 0 0 0;
  border-style:solid none none none;
  padding:10px;
  margin:0;}
form fieldset legend{
  font-size:150%;
  font-weight:normal;
  color:#000000;
  margin:0;
  padding:0 5px;}
/*input, select, textarea{
  color: #000000;}*/
textarea{
  overflow: auto;}
form div{
  clear:left;
  display:block;
  width:354px;
  zoom:1;
  margin:5px 0 0 0;
  padding:1px 3px;}
form fieldset div.method_heading{
  width: 450px;
  margin-top: 10px; }
form fieldset div.method_heading label{
  width: 290px;
  text-align: left;
  padding-left: 0px;
  margin-left: 0px;}
form fieldset div.method_heading input {
	margin-top: 3px;}
form fieldset div.notes{
  float:right;
  width:168px;
  height:auto;
  margin:0 0 10px 10px;
  padding:5px;
  border:1px solid #666666;
  background-color:#ffffe1;
  color:#666666;
  font-size:88%;}
form fieldset div.notes h4{
  background:url(../images/icon_info.gif) no-repeat top left;
  margin:0;
  padding:0 0 3px 15px;
  border-width:0 0 1px 0;
  border-style:solid;
  border-color:#666666;
  color:#666666;
  font-size:110%;}
form fieldset div.notes p{
  margin:3px 0 0 0;
  color:#666666;}
form fieldset div.notes p.last{
  margin:3px 0 0 0;}
form div fieldset{
  clear:none;
  border-width:1px;
  border-style:solid;
  border-color:#666666;
  margin:0 0 0 144px;
  padding:0 5px 5px 5px;
  width:197px;}
form div fieldset legend{
  font-size:100%;
  padding:0 3px 0 9px;}
form div.required fieldset legend{
  font-weight:bold;}
form div label{
  display:block;
  float:left;
  width:130px;
  padding:3px 5px;
  margin:0 0 5px 0;
  font-weight:bold;
  text-align:right;}
form div.optional label, label.optional{
  font-weight:normal;}
form div img{
  border:1px solid #000000;}
form div select, form div textarea{
  width:200px;
  padding:1px 3px;
  margin:0 0 0 0;}
form fieldset input.submit { margin-left: 140px; }

input.form_error { background-color: #fcc; }
span.error { font-size: .8em; color: #900; display: block;}
p.error { background-color: #fcc; color: #900; border: 1px solid #900; 
	padding: .8em; margin: .5em 0 1em;}
.right { float: right; }