@import url("text.css");
@import url(http://www.fatbeehive.com/beekeeper2/reset.css);

/* -------------------------------------------------------------
DERBY HOUSING AID MAIN STYLES
-------------------------------------------------------------- */

/*GLOBAL----------------------------------------- */
html, body{
	background:url('../images/bgimage.png') repeat-x #fff;
	margin:0;
	padding:0;
}
body img{ 
	border:0;
}
body h1{ 
	margin:0 0 10px 0;
	padding:0;
}
body h2{ 
	margin:0; 
	padding:10px 0 5px 0; 
}
body h3{ 
	margin:0; 
	padding:0;
}
.hide{
	display:none;
}
.clear{
	clear:both;
}

/*CONSTRUCT----------------------------------------- */
#wrapper{
	margin:0 auto;
	width:966px;
}

/*HEADER----------------------------------------- */
body#index #header{
	background:url('../images/bgimage.png') repeat-x #9fc115;
	float:left;
	height:407px;
	overflow:hidden;
	width:966px;
}
ul#secnav{
	float:left;
	margin:13px 0 0 0;
	padding:0;	
}
ul#secnav li{
	display:inline;
	padding-right:10px;
	
}
ul#secnav li a{
	font-weight:bold;
	
}
a#logo{
	background:url('../images/logo.png') no-repeat;
	display:block;
	height:182px;
	left:481px;
	position:relative;
	top:-5px;
	width:266px;
	z-index:10;
}
#searchbox{
	float:right;
	height:86px;
	margin:7px 0 0 0;
	width:190px;
}
.searchbox{
	background:url('../images/searchbg.jpg') no-repeat;
	border:none;
	padding:8px 9px 0 10px;
	width:141px;
	height:29px;
	vertical-align:top;
}
.searchbutton{
	border:0px solid;
	cursor:pointer;
	margin-left:-13px;
}
#headerimg{
	height:364px;
	left:60px;
	position:relative;
	width:524px;
	top:-290px;
	z-index:0;
	overflow: hidden;
}
#quote{
	background:#ffffff;
	left:0;
	padding:10px 10px 3px 10px;
	position:relative;
	top:74px;
	width:180px;
	height: 138px;
	z-index:20;
	line-height:1.6em;
}
#quote h1{
	margin-bottom:3px;
	font-size:1.4em;
}
ul#peoplenav{
	margin:0;
	padding:0;
	left:876px;
	position:relative;
	top:-654px;
	width:90px;
}
ul#peoplenav li{
	list-style:none;
}
ul#peoplenav li a{
	display:block;
}
li#person1 a{
	
	height:91px;
	width:90px;
}
li#person2 a{
	
	height:91px;
	width:90px;
}
li#person3 a{
	
	height:91px;
	width:90px;
}
li#person4 a{

	height:91px;
	width:90px;
}
#tagline{
	background:url('../images/tagline.jpg') no-repeat;
	height:200px;
	left:620px;
	position:relative;
	top:-880px;
	width:226px;
}

/*NAV*/
body#index ul#nav{
	background:url('../images/navbg.jpg') no-repeat;
	height:51px;
	margin:0;
	padding:0;
	position:relative;
	top:407px;
	width:966px;
}
ul#nav li{
	list-style:none;
}
li#home a{
	background:url('../images/nav/home.jpg') no-repeat;
	display:block;
	height:51px;
	position:absolute;
	top:0;
	left: 0;
	width:128px;
}
li#home a:hover{
	background:url('../images/nav/home_hover.jpg') no-repeat;
}
li#home a.on{
	background:url('../images/nav/home_hover.jpg') no-repeat;
}
li#getinvolved a{
	background:url('../images/nav/getinvolved.jpg') no-repeat;
	display:block;
	height:51px;
	left:745px;
	position:absolute;
	top:0;
	width:220px;
}
li#getinvolved a:hover{
	background:url('../images/nav/getinvolved_hover.jpg') no-repeat;
}
li#getinvolved a.on{
	background:url('../images/nav/getinvolved_hover.jpg') no-repeat;
}
li#aboutus a{
	background:url('../images/nav/about.jpg') no-repeat;
	display:block;
	height:51px;
	left:134px;
	position:absolute;
	top:0;
	width:137px;
}
li#aboutus a:hover{
	background:url('../images/nav/about_hover.jpg') no-repeat;
}
li#aboutus a.on{
	background:url('../images/nav/about_hover.jpg') no-repeat;
}
li#services a{
	background:url('../images/nav/ourservices.jpg') no-repeat;
	display:block;
	height:51px;
	left:280px;
	position:absolute;
	top:0;
	width:209px;
}
li#services a:hover{
	background:url('../images/nav/ourservices_hover.jpg') no-repeat;
}
li#services a.on{
	background:url('../images/nav/ourservices_hover.jpg') no-repeat;
}

li#changinglives a{
	background:url('../images/nav/changinglives.jpg') no-repeat;
	display:block;
	height:51px;
	left:498px;
	position:absolute;
	top:0;
	width:237px;
}
li#changinglives a:hover{
	background:url('../images/nav/changinglives_hover.jpg') no-repeat;
}
li#changinglives a.on{
	background:url('../images/nav/changinglives_hover.jpg') no-repeat;
}

/*CONTENT----------------------------------------- */
#midsection{
	height:180px;
	width:100%;
}
ul#midnav{
	margin:0;
	padding:0;
	position:relative;
	top:420px;
}
ul#midnav li{
	list-style:none;
}
li#donate a{
	background:url('../images/donatebutton.jpg') no-repeat;
	display:block;
	height:177px;
	left:325px;
	position:absolute;
	top:0;
	width:139px;
}
li#homeless a{
	background:url('../images/homelessbutton.jpg') no-repeat;
	display:block;
	height:177px;
	left:166px;
	position:absolute;
	top:0;
	width:142px;
}
li#advice a{
	background:url('../images/advicebutton.jpg') no-repeat;
	display:block;
	height:177px;
	left:0;
	position:absolute;
	top:0;
	width:149px;
}
#stats{
	background:url('../images/statsbg.jpg') no-repeat;
	float:right;
	height:178px;
	margin-top:65px;
	width:485px;
}
#stats .content{
	height:135px;
	margin:20px 0 0 248px;
	width:215px;
}
#stats h1{
	margin-bottom:-5px;
}
a#latestnews{
	background:url('../images/latestnews.jpg') no-repeat left center;
	border-top:dashed 1px #be2d1d;
	border-bottom:dashed 1px #be2d1d;
	display:block;
	float:left;
	height:29px;
	margin:10px 0 10px 0;
	padding:6px 0 10px 0;
	text-indent:-999em;
	width:100%;
}
/*news cols------------------ */
#newscol1{
	float:left;
	margin-right:15px;
	width:300px;
}
#newscol2{
	border-left:dashed 1px #abe4e4;
	border-right:dashed 1px #abe4e4;
	float:left;
	margin-right:15px;
	padding:0 20px 0 20px;
	width:294px;
}
#newscol3{
	float:left;
	width:300px;
}

/*FOOTER----------------------------------------- */
#footer{
	background:url('../images/footerbg.jpg') repeat-x;
	float:left;
	height:69px;
	margin:10px 0 20px 0;
	padding-bottom:20px;
	width:100%;
}
#footer p{
	float:left;
	margin:20px 0 0 20px;
}

#footer img{
	float:right;
}

/*SUB PAGE----------------------------------------- */
#header{
	background:url('../images/sub_headerimg.jpg');
	float:left;
	height:248px;
	overflow:hidden;
	width:966px;
}
body#get-involved #header{
	background:url('../images/sub_headerimggetinvolved.jpg');
	float:left;
	height:248px;
	overflow:hidden;
	width:966px;
}
body#news #header{
	background:url('../images/sub_headerimgnews.jpg');
	float:left;
	height:248px;
	overflow:hidden;
	width:966px;
}
body#our-services #header{
	background:url('../images/sub_headerimgourservices.jpg');
	float:left;
	height:248px;
	overflow:hidden;
	width:966px;
}
body#changing-lives #header{
	background:url('../images/sub_headerimgchanginglives.jpg');
	float:left;
	height:248px;
	overflow:hidden;
	width:966px;
}
ul#nav{
	background:url('../images/navbg.jpg') no-repeat;
	height:51px;
	margin:0;
	padding:0;
	position:relative;
	top:245px;
	width:966px;
}
#leftcol{
	float:left;
	margin:75px 20px 0 0;
	width:193px;
}
#midcol{
	float:left;
	margin:75px 20px 0 0;
	width:490px;
}
#rightcol{
	float:left;
	margin-top:75px;
	width:243px;
}
/*sub nav------------------*/
ul#subnav{
	border:solid 5px #9fc115;
	margin:0;
	padding-top:5px;
	width:173px;
}
ul#subnav li{
	list-style:none;
	padding-bottom:5px;
}
ul#subnav li a{
	display:block;
	padding:5px 10px 5px 30px;
	width:143px;
}
ul#subnav li a:hover{
	background:url('../images/subnavarrow.jpg') top left no-repeat #9fc115;
	display:block;
	padding:5px 10px 5px 30px;
	width:133px;
}
ul#subnav li a.on{
	background:url('../images/subnavarrow.jpg') top left no-repeat #9fc115;
	color:#ffffff;
	display:block;
	padding:5px 0 5px 30px;
	width:143px;
}
ul#subnav ul li a:hover{
	background:none;
	color:#ffffff;
	display:block;
	width:153px;
}
ul#subnav ul li a.on{
	background:none;
	color:#ffffff;
	display:block;
	padding:5px 0 5px 10px;
	width:130px;
}
ul#subnav li ul{
	margin:10px 0 0 10px;
	padding:0;
	width:150px;
}
ul#subnav li ul li a.on{
	padding:5px 0 5px 30px;
	width:143px;
}

/*right sub nav------------------*/
ul#rightsubnav{
	float:right;
	margin:0;
	padding:0;
}
ul#rightsubnav li{
	padding-bottom:10px;
	list-style:none;
}
li#donate_sub a{
	background:url('../images/donate_sub.jpg') no-repeat;
	display:block;
	height:70px;
	width:238px;
}
li#homeless_sub a{
	background:url('../images/homeless_sub.jpg') no-repeat;
	display:block;
	height:82px;
	width:238px;
}
li#advice_sub a{
	background:url('../images/advice_sub.jpg') no-repeat;
	display:block;
	height:101px;
	width:238px;
}




/*    Classes    */
.imageright2{
	float: right;
	border: 1px solid #e1e1e1;
	background-color: #eee;
	padding: 4px;
	margin: 0 5px 3px 10px
}

.imageleft2{
	float: left;
	border: 1px solid #e1e1e1;
	background-color: #eee;
	padding: 4px;
	margin: 0 10px 3px 0px;
}


.imageleft {
float: left;
margin: 0 10px 3px 0px;
}

.imageright {
float: right;
margin: 0 5px 3px 10px;
}



/* @group Sitemap */
ul#sitemap { margin: 0; padding: 0 0 0 5px; }

ul#sitemap li {
	list-style-type: none;
	list-style-image: none !important;
	margin: 10px 0 20px 0;
	font-weight: bold;
}

ul#sitemap li ul li {
	margin: 10px 0 10px 0;
	font-weight: normal;
	list-style-type: square !important;
	list-style:url(../images/bullet.jpg);
	color: #9EB7CA;
}


#searchResults dl { margin: 10px 0 20px 0px; }

#searchResults dl dt, #searchResults dl dd { margin-left: 0px; }

#searchResults .info {
	font-size: 0.8em;
	color: #666;
	text-decoration: none;
	font-weight: normal;
}


/* @end */