/* ---------------------------------------- */
/* Name: page.css
/* ---------------------------------------- */
/* Producer: Matt Latzke
/* Production Date: 4/15/08
/* ---------------------------------------- */
/* Description: Page Styles for inner 
/*				city impact
/* ---------------------------------------- */
/* Revisions:
/* ---------------------------------------- */
/* Top Floor Technologies
/* http://www.topfloortech.com
/* ---------------------------------------- */

@import url(scaffold.css);
@import url(pageStyles.css);

#header{height:234px;}
#header h2 a{display:block; background:url(images/logo.gif) no-repeat top left; height:66px; width:360px; margin:27px 0 16px 5px; float:left;}
#branding{height:102px; width:688px; float:left;}
#gallery {display:block; height:221px; width:214px; background:url(images/galleryBg2.gif) no-repeat top left; position:absolute; right:9px; top:143px;}
#gallery span{font-size:11px; position:absolute; left:8px; bottom:10px;}

/* --- Nav --- */
	#nav{position:absolute; width:684px; height:37px; background:url(images/nav.gif) no-repeat top left; left:4px; bottom:-20px}
	#nav li{float:left; height:37px;}
	#nav li a{background-image:url(images/nav.gif); background-repeat:no-repeat; display:block; height:37px; width:100%;}
	#nav1{width:108px;}
	#nav1 a{background-position:0 0;}
	#nav1 a:hover{background-position:0 -37px;}
	#nav2{width:111px;}
	#nav2 a{background-position:-108px 0;}
	#nav2 a:hover{background-position:-108px -37px;}
	#nav3{width:141px;}
	#nav3 a{background-position:-219px 0;}
	#nav3 a:hover{background-position:-219px -37px;}
	#nav4{width:152px;}
	#nav4 a{background-position:-360px 0;}
	#nav4 a:hover{background-position:-360px -37px;}
/* --- Content --- */
	#contentBuffer #breadcrumbs{margin:0 !important;}
	#contentBuffer #breadcrumbs, #contentBuffer #breadcrumbs a{color:#cedce0; font-size:10px;}
	#contentBuffer #breadcrumbs li{display:inline; background:url(images/breadcrumbArrow.gif) no-repeat left center; padding-left:7px;}
	#contentBuffer #breadcrumbs .first{background:none; padding-left:0;}
	#content{background:url(images/contentBg2.gif) repeat-x top left; padding-top:26px;}
	#contentBuffer{float:left; width:650px; padding:30px 30px 20px 5px;}
	
	.donate{display:block; height:31px; width:86px; background:url(images/donateButton.gif) no-repeat top left; margin-bottom:1em;}
	.donate:hover{background-position:left center;}
	.donate:active{background-position:bottom left;}
/* --- Right Column --- */
	#rightColumn{float:left; width:215px;}
	#rightColumn #contactUs{margin-top:102px;}
	#rightColumn #successStories a{display:block; height:13px; width:95px; background:url(images/successStoriesTitle2.gif) no-repeat top left; margin:19px 0 14px 0;}
	#rightColumn .learnMore{display:block; font-size:11px; font-weight:bold; border-top:1px solid #cedce0; padding-top:10px; margin-bottom:1em;}
	#rightColumn p{color:#0a5065;}
/* --- Related --- */	
	#related{clear:both;}
	#related ul{margin-left:5px;}
	#related ul li{font-size:11px;}
	#related ul li a{}
/* --- Page End --- */
	#pageEnd{clear:both; height:20px; background:url(images/pageEnd.gif) repeat-x top left;}