/*  BASIC PRE-SETTING
====================================================*/

* { padding: 0; margin: 0; }

ol, dt { padding-left: 0em; margin-left: 0em; list-style-type: none; }

dd { padding-left: 2.5em; margin-left: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ol, ul, dl, dd, fieldset, address { margin-bottom: 1em; }



/*  MAIN STRUCTURAL ELEMENTS 
====================================================*/

body { 
	font: 76%/1.4em verdana, geneva, arial, helvetica, sans-serif;
	background: transparent url("../img/page_bg.gif") 0px 0px repeat-x;
	color: #5C5C5A; /*#656563;*/
	text-align: center;
	padding-top: 8px;
	}
		
#container {
	width: 785px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url("../img/container_bg.gif") 0px 0px no-repeat;
	text-align: left;
    position: relative;
    padding-bottom: 45px;
	}
	
#inner_wrapper	{
	margin: 0 10px 0 10 px;
	background-color: transparent;
	}
	
	

#header {
	background: url("../img/header_bg.gif") 0px 0px no-repeat;
	height: 83px;
	position: relative;
	background-color: transparent; /* transparent */
	font-size: 1.3em;
	}

#header blockquote {
	background: url("../img/header_quote.gif") top left no-repeat;
	text-indent: -9876px;
	position: absolute;
	top: 33px;
	left: 547px;
	width: 157px;
	height: 35px;
	}
	
#header blockquote p {
	margin-bottom: 0px;
	}


#main_call {
	margin-left: 32px;
	height: 221px;
	width: 717px;
	background: url("../img/main_cell_bg.jpg") top left no-repeat;
	position: relative;
	}
	
#main_call_content {
	position: absolute;
	top: 45px;
	left: 235px;
	font-size:1.2em;
	}
	

#samplespage #main_call_content, #casestudypage #main_call_content, #main_call_content_about {
	position: absolute;
	top: 35px;
	left: 325px;
	}
	
	
#main_call_content p {
	margin-left: 2px;
	color: white;
	line-height: 1.3em;
	margin-bottom: 1.0em;
	}


#samplespage #main_call_content p, #casestudypage #main_call_content p, #main_call_content_about p {
	margin-left: 0px;
	color: white;
	line-height: 1.3em;
	margin-bottom: 1.75em;
	width: 280px;
	
	}

#main_call_content_about p {
	margin-left: 0px;
	color: white;
	line-height: 1.3em;
	margin-bottom: 1.75em;
	width: 300px;
	font-size:1.2em;

	}


#samplespage #detroit_seal, #casestudypage #detroit_seal {
	position: absolute;
	top: 15px;
	left: 615px;
	}





#content {
	background-color: transparent;
	padding-top: 23px;
	padding-bottom: 45px;
	}



#indexpage #main_col {
	float: left;
	display: inline; /* IE double float margin hack */
	margin-left: 68px;
	padding-top: 0px;
	position: relative;
	width: 355px;
	background-color: transparent;
	}
	
	
#samplespage #main_col {
	float: left;
	display: inline; /* IE double float margin hack */
	margin-left: 68px;
	padding-top: 0px;
	position: relative;
	width: 614px;
	background-color: transparent;
	}
#samplespage #main_col img {
	margin: 0em 0 4em 0;
	position: relative;
	border: 1px solid black;
	}
	
	
	
	
#indexpage #main_col img {
	padding: 1em 0 2em;
	position: relative;
	left: -3px;
	}
	
	
#casestudypage #main_col {
	float: right;
	display: inline; /* IE double float margin hack */
	margin-right: 68px;
	padding-top: 0px;
	position: relative;
	width: 471px;
	background-color: transparent;
	}
	
	
#casestudypage #main_col img {
	padding: 1em 0 2em 1em;
	float: right;
	}
	
#casestudypage #main_col img#mayor {
	padding: 0em 1em 2em 0em;
	float: left;
	}
	
	
	
#side_col {
	float: right;
	display: inline; /* IE double float margin hack */
	margin-right: 67px;
	width: 261px;
	background-color: transparent;
	position: relative;
	padding-top: 0px;
	}	
	
#indexpage #side_col p {
	font-size: .85em;
	line-height: 1.35em;
	}
	
#indexpage #side_col img {
	margin-bottom: 1em;
	position: relative;
	left: -3px;
	}


#casestudypage #side_col {
	float: left;
	display: inline; /* IE double float margin hack */
	margin-left: 33px;
	margin-right: 0px;
	width: 191px;
	background: url("../img/quick_facts_top_bg.jpg") top center no-repeat;
	position: relative;
	padding-top: 9px;
	}	

#quick_facts {
	background: url("../img/quick_facts_bg.jpg") bottom center no-repeat;
	padding: 6px;
	font-size:.85em;
	margin-bottom: 2em;
	}

#quick_facts.contact {
	background: url("../img/quick_facts_sm_bg.jpg") bottom center no-repeat;
	padding: 6px;
	font-size:.85em;
	margin-bottom: 2em;
	}



#footer {
	background-color: transparent;
	border-color: #EDEDED;
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
	margin: 0 10px;
	}
	
#innerfooter {	
	margin: 0 auto;
	text-align: center;
	}

#innerfooter p {	
	color: #999;
	font-size:.85em;
	padding: 5px 0px;
	}


	
	
/*  TEXT LINK STYLES 
====================================================*/

	
a:link		{ color: #39C; text-decoration: underline; font-weight: normal;}
a:visited	{ color: #60C; text-decoration: underline;  font-weight: normal;}
a:hover		{ color: #900; text-decoration: underline;  font-weight: normal;}


a.pdf:link		{ color: #666; text-decoration: underline; font-weight: normal;}
a.pdf:visited	{ color: #666; text-decoration: underline;  font-weight: normal;}
a.pdf:hover		{ color: #BF0101; text-decoration: underline;  font-weight: normal;}


a.h1:link		{ color: #069; text-decoration: none; font-weight: normal;}
a.h1:visited	{ color: #069; text-decoration: none;  font-weight: normal;}
a.h1:hover		{ color: #633; text-decoration: none;  font-weight: normal;}



a img, :link img, :visited img { border: 0; }   

a { outline: none; }

#current { color: #BF0101; }

	





	
	
	
/*  UN-ORDERED LIST STYLES 
====================================================*/

 ul {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0;
	margin-left: 0em;
	padding: 5px 10px 5px 0px;
	background-color: transparent;
	}
	
li {
	background-image: url("../img/red-dot.gif");
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 1.5em;
	margin-bottom: .75em;
	line-height: 1.3em;
	background-color: transparent;
	}
	
	




/*  NAVIGATION STYLES -- MAIN
====================================================*/

#nav_bar {border: 0px solid black; padding: 0; margin: 0px; margin-left: 29px; height: 47px; width: 724px; position: relative; top: 0px; left: 0px; background: url("../img/nav_bg.gif") top left no-repeat;; }

#nav_bar ul {margin: 0px; padding: 0; border: 0px dotted #F00; width: 528px; height: 36px; position: relative; background: transparent;}

#nav_bar ul li { height: 36px; margin: 0; padding: 0; list-style: none; position: absolute; background: transparent;}
	
#nav_bar a { height: 36px; display: block; border: 0px;}	

#nav_bar ul li a {text-indent: -9999px; text-decoration: none;}
	
#nav_bar ul li#nb1 {top: 0px; left: 0px; height: 36px; width: 135px; background: url("../img/nb.gif") 0px -0px no-repeat; }
#nav_bar ul li#nb2 {top: 0px; left: 135px; height: 36px; width: 131px; background: url("../img/nb.gif") -135px -0px no-repeat; }
#nav_bar ul li#nb3 {top: 0px; left: 266px; height: 36px; width: 131px; background: url("../img/nb.gif") -266px -0px no-repeat; }
#nav_bar ul li#nb4 {top: 0px; left: 397px; height: 36px; width: 131px; background: url("../img/nb.gif") -397px -0px no-repeat; }


#nb1 a:hover {height: 36px; width: 135px; background: url("../img/nb.gif") 0px -36px no-repeat;}
#nb2 a:hover {height: 36px; width: 131px; background: url("../img/nb.gif") -135px -36px no-repeat;}
#nb3 a:hover {height: 36px; width: 131px; background: url("../img/nb.gif") -266px -36px no-repeat;}
#nb4 a:hover {height: 36px; width: 131px; background: url("../img/nb.gif") -397px -36px no-repeat;}


#nav_bar ul li#onpage1 {top: 0px; left: 0px; height: 36px; width: 135px; background: url("../img/nb.gif") -0px -72px no-repeat;}
#nav_bar ul li#onpage2 {top: 0px; left: 135px; height: 36px; width: 131px; background: url("../img/nb.gif") -135px -72px no-repeat;}
#nav_bar ul li#onpage3 {top: 0px; left: 266px; height: 36px; width: 131px; background: url("../img/nb.gif") -266px -72px no-repeat;}
#nav_bar ul li#onpage4 {top: 0px; left: 397px; height: 36px; width: 131px; background: url("../img/nb.gif") -397px -72px no-repeat;}







/*  h(n) STYLES
====================================================*/


/*  h1 STYLES   ***************************   */
	
h1	{
	text-indent: -9876px;
	position: absolute;
	top: 20px;
	left: 70px;
	width: 400px;
	height: 63px;
	margin-bottom: 0px;
	background: url("../img/logo_2.gif") top left no-repeat;
	}
	
h1 a	{
	display: block;
	width: 400px;
	height: 63px;
	text-decoration: none;
	background: url("../img/logo_2.gif") top left no-repeat;
	}
	

h1 a:hover	{
	background: url("../img/logo_2.gif") 0 0px no-repeat;
	}	
	
	
	
	
/*  h2 STYLES   ***************************   */

#indexpage #main_call h2	{
	text-indent: -9876px;
	width: 500px;
	height: 25px;
	background: url("../img/main_call_h2.gif") top left no-repeat;
	}
	
#casestudypage #main_call h2, #samplespage #main_call h2	{
	text-indent: -9876px;
	width: 127px;
	height: 13px;
	background: url("../img/case_main_call_h2.gif") top left no-repeat;
	}


#casestudypage #main_call h2#inquiries	{
	text-indent: -9876px;
	width: 105px;
	height: 15px;
	background: url("../img/inquiries_h2.gif") top left no-repeat;
	}

#indexpage #main_call h2#mission	{
	text-indent: -9876px;
	width: 100px;
	height: 14px;
	background: url("../img/mission_h2.gif") top left no-repeat;
	}


#header h2#auctus_project	{
	text-indent: -9876px;
	position: absolute;
	top: 42px;
	left: 565px;
	width: 161px;
	height: 25px;
	background: url("../img/auctus_project2.gif") top left no-repeat;
	}

#indexpage #main_call_content h2 {
	margin:0 0 17px 0;
	padding:0;
}




/*  h3 STYLES   ***************************   */


#indexpage #main_col h3	{
	text-indent: -9876px;
	width: 220px;
	height: 12px;
	background: url("../img/city_specific_h3.gif") top left no-repeat;
	margin-bottom: 5px;
	line-height: 1.0em;
	}

#indexpage #side_col h3	{
	text-indent: -9876px;
	width: 223px;
	height: 12px;
	background: url("../img/detroit_h3.gif") top left no-repeat;
	margin-bottom: 5px;
	line-height: 1.0em;
	}

 h3#quick_facts_h3	{
	text-indent: -9876px;
	position: relative;
	left: 15px;
	width: 87px;
	height: 14px;
	background: url("../img/quick_facts_h3.gif") top left no-repeat;
	margin-bottom: 5px;
	line-height: 1em;
	}


 h3#contact_us_h3	{
	text-indent: -9876px;
	position: relative;
	left: 15px;
	width: 87px;
	height: 14px;
	background: url("../img/contact_us_h3.gif") top left no-repeat;
	margin-bottom: 5px;
	line-height: 1em;
	}

	
 h3#city_profile	{
	text-indent: -9876px;
	width: 88px;
	height: 12px;
	background: url("../img/city_profile_h3.gif") bottom left no-repeat;
	padding-top: 1em;
	margin-bottom: 1em;
	line-height: 1em;
	}

 h4#hs_grant	{
	text-indent: -9876px;
	width: 262px;
	height: 12px;
	background: url("../img/hs_grant_h4.gif") bottom left no-repeat;
	padding-top: 1em;
	margin-bottom: 1em;
	line-height: 1em;
	}

 h4#solution	{
	text-indent: -9876px;
	width: 202px;
	height: 12px;
	background: url("../img/solution_h4.gif") bottom left no-repeat;
	padding-top: 1em;
	margin-bottom: 1em;
	line-height: 1em;
	}



/*  h4 STYLES   ***************************   */

h4 {
	text-align: left;
	font-size: 1.0em;
	}



/*  MISCELLANEOUS STYLES
====================================================*/

hr { margin: 0px 0px 4em; height: 1px; color: #BF0101; border: none; } /* For Internet Explorer */
#wrapper #content hr { margin: 0px 0px 4em; height: 1px; background-color: #BF0101; border: none;} /* For Gecko-based browsers */
#wrapper #content hr { margin: 0px 0px 4em; height: 1px; background-color: #BF0101; border: 0px solid #BF0101; } /* For Opera and Gecko-based browsers */


#indexpage hr { margin: 0px 0px 1em; height: 1px; color: #BF0101; border: none; } /* For Internet Explorer */
#indexpage #wrapper #content hr { margin: 0px 0px 1em; height: 1px; background-color: #BF0101; border: none;} /* For Gecko-based browsers */
#indexpage #wrapper #content hr { margin: 0px 0px 1em; height: 1px; background-color: #BF0101; border: 0px solid #BF0101; } /* For Opera and Gecko-based browsers */






/* self clearing rules */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */




/* Form Styles
-------------------------------------------- */


form dt 	{
	color: #666;
	font-weight: normal;
	text-align: right;
	width: 80px;
    position: relative;
	float: left;
	background-color: transparent;
	font-size: 95%;
}

form dt.double 	{
	line-height: 1.0em;
}




form dd {
	margin: 0 0 8px 90px;
	background-color: transparent;
	padding: 0;
	}	



	
#name, #email, #address_1, #address_2, #organization, #contact-name, #contact-email, #org-address, #website {
	width: 200px;
	}	

#city, #org-city, #contact-title, #contact-phone {
	width: 150px;
	}	

#state, #org-state {
	width: 100px;
	}	

#zip, #org-zip {
	width: 75px;
	}	



#thisform label {
	font-weight: normal;
	}

#thisform fieldset {
	border: 0px solid #ccc;
	padding: 10px 20px;
	}

#thisform legend {
	color: #666;
	border: 1px solid #ccc;
	padding: 4px 8px;
	}	

input:hover, textarea:hover { 
	border: 1px solid #666;
	color: #000;
	}

input:focus, textarea:focus { 
	background: #fff;
	border: 1px solid #666;
	}

input, textarea	{
	border: 1px solid #ccc;
	background-color: #fff;
	color: #666;
	padding: 3px;
	}

#indi_form label.required, #org_form label.required, .required {font-weight: bold; color: #000; }