/* CSS Document */

body, ul, ol, p, li, hr {
	padding:0px;
	margin:0px;
	list-style:none;
}

body {
	color: #000000;
	background: #b7dc80 url(../images/bg5.png) left top repeat-x;
	margin: 0; 
    padding: 0;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

h1, h2, h3, h4{line-height:normal;}

.dotimage {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}
.dotimage2 {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

a{
	color: #000;
	text-decoration: none;
}
.smalllink {
	font-size: 10px;
	line-height: 20px;
}

a:hover{text-decoration:none;}

#layout {
	width: 990px;
	text-align: left;
	line-height: 18px;
	margin: 0 auto;
}
#layout2 {
	width: 990px;
	text-align: justify;
	line-height: 20px;
	margin: 0 auto;
	border: 2px solid #F26432;
}

#header {
	height: 278px;
	background: url(../images/header.png) left bottom no-repeat;
	margin-left: 25px;
}

#headerblock {
	color: #000;
	float: left;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 1px;
	font-style: italic;
	width: 560px;
}
/* inner pages css start */
.aboutus-img{float:right; 
				border:4px solid #fff;	
				margin:0 0px 10px 20px;}
 

h5	{font-size:15px;
	font-weight:bold; 
	padding:0px 0px 5px 0px; 
	border-bottom:1px dotted #666;	
	margin:0px 0px 10px 0px;}
	
h6	{font-size:16px; 
	font-weight:bold; 
	padding:0px 0px 5px 0px; 
	margin:0px 0px 10px 0px;}
	
.innertext{padding-top:10px;}

.aboutcolumnzone{padding:20px 0px 16px 0px;}

.aboutcolumn1{width:48%; 
			float:left; 
			margin:0px 0px 10px 0px;}

.aboutcolumn2{width:48%; 
				float:right; 
				margin:0px 0px 10px 0px;}

.abouticon{float:left; 
			margin:0px 20px 0px 0px;}

.insidereadmore{padding:10px 0px 10px 0px;}

input.button{color:#000; 
			background:#ffc850; 
			font:bold 11px Arial, Helvetica, sans-serif; 
			text-decoration:none; 
			padding:10px 10px; margin:0px 5px 5px 0;	
			border:1px solid #5b7a92;}

input.button:hover{cursor:pointer; 
					color:#fff; 
					background:#663300; 
					border:1px solid #ffc850;}

.project-img{float:right; 
			margin-left:20px;	
			border: 6px solid #666;}

.whiteheading{font:30px Myriad Pro, Arial; 
				color:#CBD76B; 
				font-weight:100;	
				padding:0px; 
				margin:25px 0px 20px 0px;}

.ourprojectrow{margin-bottom:20px; 
				border-bottom:1px dotted #666; 
				padding-bottom:10px}

.servicecolumnzone{padding:20px 0px 16px 0px;}

.servicecolumn1{width:48%; 
				float:left; 
				margin:0px 0px 10px 0px;}

.servicecolumn2{width:48%; 
				float:right;	
				margin:0px 0px 10px 0px;}

.blog-posted-row{padding:3px;}
/* inner pages css ends */
#headerblock ul {
	margin:0px;
	padding:20px 0px 0px 0px;
}

#headerblock ul li {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/bullet.gif) 0px 5px no-repeat;
	padding:0px 0px 10px 19px;
}

#topzone {
	height:76px;
}

#topzoneleft {
	float: left;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
}

#topzoneright {
	float:right;
}

#bodycontainer {
	padding:0px 0px 0px 0px;
}

#row1 {
	padding:22px 0px 30px 0px;
}

#timemanagementzone {
	width: 300px;
	float: left;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#servicezone {
	width: 620px;
	float: left;
	padding-left: 22px;
}

#inner-pages {
	width:578px;
	float:left;
	background-image: url(../images/vdevider.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}


#statisticszone {
	width:275px;
	float:left;
	background:url(../images/vdevider.gif) left top no-repeat;
	padding:0px 0px 0px 20px;
}
.whitebox {
	background: #fff;
	border: 4px solid #d9dcdf;
	height: 444px;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 18px;
}
.orangebox {
	background: #e55322;
	border: 4px solid #d9dcdf;
	height: 416px;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 18px;
	color: #FFF;
	margin-top: 15px;
}
#orangebox2 {
	background: #e55322;
	border: 4px solid #d9dcdf;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 18px;
	color: #FFF;
}
.whitebox3 {
	background: #fdfcb5;
	border: 4px solid #d9dcdf;
	height: 337px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #000;
}
.whitebox4 {
	background: #fdfcb5;
	width: 950px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #000;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d9dcdf;
	border-right-color: #d9dcdf;
	border-bottom-color: #d9dcdf;
	border-left-color: #d9dcdf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 20px;
}
.whitebox2 {
	padding-top: 2px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 18px;
}
#row2containernobg {
   padding:0px 0px 0px 20px;
}

#row2container {
	background:#fcfcfc;
	padding:49px 0px 40px 0px;
}

#row2 {
	width:980px;
	margin:0px auto;
}

#row2left {
	float:left;
	width:600px;
	height: 343px;
	padding:0px 32px 0px 0px;
}
#singlerow {
	float: left;
	width: 980px;
	height: 343px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
}
#row2right {
	float: left;
	width: 310px;
	background-image: url(../images/artforshelterbg.png);
	background-repeat: no-repeat;
	height: 343px;
	color: #FFF;
}

#footercontainer {
	background: #f18c1c;
	height: 130px;
	margin-top: 10px;
}

#footer {
	width: 990px;
	font-size: 13px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
}

#footerleft {
	float:left;
	color:#67b2a9;
	padding:60px 0px 0px 0px;
}
#footer1 {
	float: left;
	color: #67b2a9;
	width: 228px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer2 {
	float: left;
	color: #FFFFFF;
	width: 267px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}
#footer3 {
	float: left;
	color: #FFFFFF;
	width: 267px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}
#footer4 {
	float: left;
	color: #eee;
	width: 228px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
}
#footer5 {
	float: left;
	color: #67b2a9;
	width: 198px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footerright {
	float:right;
	color:#e7edf2;
	font-weight:bold;
	padding:60px 0px 0px 0px;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

p.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

/*	Img Style Start Here  */

.readmore {
	padding:20px 0px 0px 0px;
}

.img {
	float:left;
	padding:0px 16px 0px 0px;
}

/*	Img Style End Here  */

/*	Text Style Start Here  */

h1 {
	font:26px Arial, Helvetica, sans-serif;
	color:#33454e;
	padding:0px 0px 0px 0px;
	margin:0px;
}

h3 {
	color: #33454e;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


.subheading {
	font:13px Arial, Helvetica, sans-serif;
	color:#c58e47;
	display:block;
	padding-bottom: 8px;
}

.timemanagement_heading {	
	background:url(http://hawthorn-hill.org/images/timeicon.gif) 0px 0px no-repeat;
	padding:2px 0px 10px 50px;
}

.service_heading {	
	background:url(http://hawthorn-hill.org/images/serviceicon.gif) 0px 0px no-repeat;
	padding:0px 0px 10px 50px;
}

.statistics_heading {	
	background:url(http://hawthorn-hill.org/images/stasticsicon.gif) 0px 0px no-repeat;
	padding:0px 0px 10px 50px;
}

.interactive_heading {
	padding: 10px 0px 20px 0px;
	text-align: center;
}
.about_heading {
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.right_heading {
	text-align: left;
	float: left;
}
.board_heading {
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 130px;
}
.ourteam_heading {	
	padding:0px 0px 10px 50px;
}

.bannerheading {
	font:20px Arial, Helvetica, sans-serif;
}

/*	Text Style End Here  */

/*	Menu Style Start Here  */

ul.topmenu {
	margin:0px;
	padding:0px 0px 0px 0px;
}

.topmenu li {
	display:block;
	float:left;
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.topmenu li a {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-transform:capitalize;
	display:block;
	float:left;
	padding:0px 1px 0px 5px;
}

.topmenu li a span {
	display:block;
	float:left;
	padding:18px 15px 27px 10px;
	cursor:pointer;
}

.topmenu li a:hover {
	color:#e55322;
}

.topmenu li a:hover span {
}

.readmore1 {
	background:url(../images/hline.gif) 0% 95% repeat-x;
	padding:20px 0px 0px 0px;
	text-align:right;
}

.readmore1 a {
	background:#fff;
}

.readmore1 a:hover {
}

ul.listlink {
	padding:5px 0px 0px 0px;
}

.listlink li {
	padding:0px 0px 4px 0px;
	height:20px;
}

.listlink li a {
	font:12px Arial, Helvetica, sans-serif;	
	color:#5691c2;
	background:url(../images/disc.gif) 2px 5px no-repeat;
	text-decoration:none;
	padding:0px 0px 0px 17px;
}

.listlink li a:hover {
	color:#0d0d0d;
	background:url(../images/disc.gif) 2px 5px no-repeat;
}

#footer a {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
#footer a:link {
	color: #eee;
}
#footer a:visited {
	color: #eee;
}

#footer a:hover {
	color: #fff;
}
#footer a:active {
	color: #FFFFFF;
}
/*	Menu Style End Here  */
.headersecondary {
	font-size: 22px;
	font-weight: bold;
}
.artforshelter {
	float: right;
}
.footerlinks {
	color: #FFF;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
}
.footerlinks2 {
	color: #FFF;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
}
.footerlinks3 {
	color: #FFF;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
}
.topdonate {
	background-image: url(../images/donate-button.png);
	float: right;
	height: 80px;
	width: 80px;
	background-repeat: no-repeat;
}
	#apDiv1 {
	width: 182px;
	height: 40px;
	z-index: 1;
	background-repeat: no-repeat;
	margin-left: 400px;
	margin-top: -40px;
	padding-bottom: 35px;
}
.boxheadings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}
.fbicon {
	text-align: center;
}
#artforshelter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-left: 165px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	text-transform: none;
	font-variant: normal;
	text-decoration: none;
}
.newslettersignup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 22px;
	color: #FFF;
}
#Stories1 {
	float: left;
	width: 172px;
	padding-right: 20px;
	margin-left: 20px;
	font-size: 12px;
}
.imageleft {
	float: left;
	margin-right: 20px;
 }
.imageleftsmall {
	float: left;
	margin-right: 10px;
 }
#Stories2 {
	float: left;
	width: 172px;
	padding-right: 20px;
}
#Stories3 {
	float: left;
	width: 172px;
}
.whitetextsmall {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
}
.whitetext13 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: underline;
}
.whitetext14 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
}
.whitetext20 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 20px;
}
#intro-text {
	width: 195px;
	height: 100px;
	padding: 15px;
	position: absolute;
	margin-left: 260px;
	font-size: 12px;
	text-align: center;
	margin-top: 30px;
	z-index: 99;
	left: 3px;
	top: 335px;
}

.quoteunderimage {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	font-style: italic;
	background-color: #B6DB83;
	border-width: 18px;
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: absolute;
	z-index: 1;
	top: 550px;
}
.newdirectionsinfo {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	background-color: #B6DB83;
	border-width: 18px;
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: absolute;
	z-index: 1;
	top: 700px;
	margin-left: 120px;
	margin-top: 35px;
}
.volunteerinfo {
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	border-width: 18px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	top: 850px;
	margin-left: 10px;
	margin-top: 35px;
}
.ndsuccessinfo {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	background-color: #B6DB83;
	border-width: 18px;
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: absolute;
	z-index: 1;
	top: 700px;
	margin-left: 20px;
	margin-top: 80px;
}
.homeconnectioninfo {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	background-color: #B6DB83;
	border-width: 18px;
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: absolute;
	z-index: 1;
	top: 640px;
	margin-left: 375px;
	margin-top: 25px;
}
.hcsuccessinfo {
	width: 330px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4em;

	border-width: 18px;
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: absolute;
	z-index: 1;
	top: 650px;
	margin-left: 500px;
	margin-top: 40px;
}
.timeline {
	float: left;
	width: 673px;
	margin-left: 140px;
}
.rightbox {
	float: right;
	width: 150px;
	font-size: 12px;
	text-decoration: underline;
}
.rightboxnewdirections {
	float: right;
	width: 300px;
	font-size: 12px;
	text-decoration: underline;
}
.rightboxhomeconnection {
	float: right;
	width: 320px;
	font-size: 12px;
}
.rightboxlarge {
	float: left;
	width: 400px;
	font-size: 14px;
}
#outer{
	position: relative;
	width: 250px;
	margin-left: 20px;
	float: left;
}
#outer2{
	position: relative;
	width: 250px;
	margin-left: 20px;
	float: left;
}
.wishcolumn {
	float: left;
	width: 200px;
	padding-left: 30px;
	line-height: 30px;
}

#orangebox2 a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
#orangebox2 a:link {
	color: #FFFFFF;
}
#orangebox2 a:visited {
	color: #FFFFFF;
}

#orangebox2 a:hover {
	color: #FFFFFF;
}
#orangebox2 a:active {
	color: #FFFFFF;
}.imageright {
	text-align: right;
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.helpleft {
	float: left;
	width: 240px;
}
.helpright {
	float: left;
	width: 240px;
	padding-left: 30px;
}
.rightstory {
	float: left;
	width: 580px;
}
.rightcontact {
	float: left;
	width: 300px;
	padding-left: 20px;
}
.storylinksbox {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2em;
	border-width: 18px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	top: 750px;
	margin-left: 100px;
	margin-top: 35px;
	text-decoration: underline;
}
#bulletin-sm {width: 400px;
				height: 200px;
				padding: 15px;
				border-width: 15px;
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px; 
				background-color: #E55322;
				color: white;
}
				
.rightart {
	float: left;
}
.imagecaption {
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2em;
	border-width: 18px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	top: 650px;
	margin-left: 0px;
	margin-top: 35px;
	color: #33454e;
}.artsponsersleft {
	float: left;
	width: 300px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	text-align: center;
}
.artsponsersmid {
	float: left;
	width: 300px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	text-align: center;
}
.artsponsersright {
	float: left;
	width: 300px;
	text-align: center;
}
.largertext {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 25px;
}