/* --------------------------------------------------------------------------------------------------------
AUTHOR:			Ryan Marincovich
DATE CREATED:	2007.02.09
PURPOSE:		Housing Preservation Project Stylesheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */


/* ELEMENTS THAT CHANGE IF PAGE IS PRINTED */
@media print {

	/* UNIVERSAL DEFINITIONS */
	body {
		font-family: Verdana, Helvetica, sans-serif; 
		font-size: 11px;
		color: #000000; 
		margin: 0px;
		padding: 0px;
	}
	
	#main_container {
		width: 800px;
		margin: 0px;
		padding: 0px;
		text-align: left;
	}
	
	#main_content_container {
		width: 800px;
		margin: 0px;
		padding: 0px;
		vertical-align: top;
	}
	
	#header_container {
		width: 780px;
		margin: 0px 0px 0px 10px;
		padding: 0px;
		float: none !important;	
	}
	
	#header_logo {
		width: 410px;
		height: 100px;
		margin: 0px;
		padding: 0px;
		float: none !important;	
	}
	
	#header_search_container {
		display: none;
	}

	
	#nav_container {
		width: 780px;
		margin: 0px;
		padding: 0px;
		float: none !important;	
	}
	
	#nav_container span {
		width: 640px;
		margin: 0px;
		padding: 0px;
		float: none !important;	
	}

	.print_page_container {
		border: 1px solid #5e8823;
		margin: 3px 0px 0px 0px;
		padding: 5px 7px 5px 6px;
		float: none !important;	
		display: none;
	}
	.print_page_container img {
		margin-right: 5px;
		float: left;
	}
	.print_page_container_text_link {
		line-height: 20px;
	}
	
/* -------------------------- MAIN CONTENT ------------------------------ */
	#main_content {
		width: 780px;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 20px 0px;
		float: none !important;
	}

	.page_container_main {
		width: 780px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		float: none !important;
	}
	
	.page_container_maincol {
		width: 550px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		float: none !important;
	}
	
	.page_container_sidecol {
		display: none;
	}
	
	.page_home_sidecol {
		display: none;
	}
	
	.page_content_main {
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: none !important;
	}
	
	.page_content_main span {
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	.divider_maincol {
		display: none;
	}
	
	.bread_crumb_container {
		display: none;
	}
	
	.bread_crumb_container span {
		display: none;
	}
	
	.article_detail {
		width: 510px;
		margin: 0px 0px 0px 20px;
		padding: 0px;
		float: none !important;
	}
	
	.article_detail h3 {
		margin: 0px;
		padding: 0px;
		font-size: 18px;
		float: none !important;
	}
	
	.article_detail h4 {
		margin: 0px;
		padding: 0px;
		font-size: 18px;
		float: none !important;
	}
	
	.article_detail span {
		width: 100%;
		margin: 17px 0px 0px 0px;
		padding: 0px;
		float: none !important;
	}
	
	.article_detail p {
		width: 100%;
		margin: 17px 0px 0px 0px;
		padding: 0px;
		float: none !important;
	}
	
/* --------------------------- TABLE MOD DEFS ------------------------- */
	.table_mod {
		width: 550px;
		margin: 0px;
		padding: 0px;
		float: none !important;
		border-bottom: 1px solid #5e8823;
		background: url(/_images/framework/bg_table_mod.gif) top repeat-y;
	}
	
	.table_search_mod {
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: none !important;
		border-top: 1px solid #5e8823;
		border-bottom: 1px solid #5e8823;
		background: url(/_images/framework/bg_search_table_mod.gif) top repeat-y;
	}
	
	.table_search_mod_content {
		width: 470px;
		margin: 10px 0px 0px 20px;
		padding: 0px 0px 10px 0px;
		float: none !important;
	}
	
	.table_mod h3 {
		width: 550px;
		text-align: center;
		margin: 0px;
		padding: 0px;
		float: none !important;
		background: #5e8823;
	}
	
	.table_mod span {
		width: 550px;
		text-align: center;
		margin: 0px 0px 0px 1px;
		padding: 0px;
		float: none !important;
		background: #d8d4c9;
	}
	
	.links_container {
		margin: 6px 0px 0px 60px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.links_container h2 {
		width: 15px; 
		margin: 0px;
		padding: 0px;
		font-size: 11px;
		float: left;
	}
	
	.links_container a { width: 15px; float: left; }
	
	.table_mod_content {
		width: 550px;
		margin: 0px;
		padding: 0px;
		float: none !important;
		display: inline;
	}
	
	.table_mod_content h3 {
		width: 550px;
		margin: 0px;
		padding: 0px;
		font-size: 11px;
		line-height: 15px;
		text-align: left;
		background: #ffffff;
		float: none !important;
		display: inline;
	}
	
	.table_mod_content p {
		width: 550px;
		margin: 0px;
		padding: 0px;
		float: none !important;
	}
	
	.table_mod_center_text {
		width: 550px;
		margin: 0px;
		padding: 0px;
		font-weight: bold;
		text-align: center;
		background: #ffffff;
		float: none !important;
		display: inline;
	}

/* --------------------------- CITY DETAIL DEFS ------------------------- */
	.city_text_left {
		width: 360px;
		margin: 0px;
		padding: 0px;
		text-align: left;
		float: none !important;
	}
	
	.city_text_right {
		width: 110px;
		margin: 0px;
		padding: 0px;
		text-align: right;
		float: none !important;
	}
	
	.city_population_mod {
		width: 550px;
		margin: 0px;
		padding: 0px;
		float: none !important;
		display: inline;
	}
	
	.city_population_label {
		width: 230px;
		margin: 0px;
		padding: 3px 0px 4px 0px;
		text-align: right;
		float: none !important;
		display: inline;
	}
	
	.city_population_field {
		width: 230px;
		margin: 0px 0px 0px 10px;
		padding: 3px 0px 4px 10px;
		text-align: left;
		font-weight: bold;
		float: none !important;
		display: inline;
	}
	
	.city_snapshot_bg_row {
		width: 550px;
		margin: 0px;
		padding: 3px 0px 3px 0px;
		float: none !important;
		display: inline;
		background: url(/_images/framework/bg_city_snapshot_table.gif) top repeat-y;
		border-bottom: 1px solid #5e8823;
	}
	
	.city_table_support_text {
		width: 550px;
		margin: 0px;
		padding: 0px;
		font-size: 10px;
		color: #999999;
		float: none !important;
		display: inline;
	}
	
	.city_table_facts_text {
		width: 550px;
		margin: 0px;
		padding: 0px;
		float: none !important;
		display: inline;
	}
	
	.city_action_table {
		width: 550px;
		margin: 0px;
		padding: 0px;
		float: none !important;
		display: inline;
		border-top: 1px solid #5e8823;
	}
	
	.city_action_head_row {
		width: 550px;
		margin: 0px;
		padding: 0px;
		font-weight: bold;
		float: none !important;
		display: inline;
		background: #d8d4c9;
	}
	
	.city_action_alt_row {
		width: 550px;
		margin: 0px;
		padding: 0px;
		float: none !important;
		display: inline;
		background: #f5f4f1;
	}
	
	.city_action_white_row {
		width: 550px;
		margin: 0px;
		padding: 0px;
		float: none !important;
		display: inline;
	}
	
	.city_action_bg_row {
		width: 550px;
		margin: 0px;
		padding: 3px 0px 3px 0px;
		float: none !important;
		display: inline;
		background: url(/_images/framework/bg_city_action_table.gif) top repeat-y;
		border-bottom: 1px solid #5e8823;
	}
	
	.city_action_cell {
		margin: 0px 0px 0px 1px;
		padding: 0px;
		text-align: center;
		float: none !important;
		display: inline;
	}
	
	.city_action_cell h2 {
		margin: 0px 0px 0px 10px;
		padding: 0px 5px 0px 0px;
		text-align: left;
		font-weight: normal;
		font-size: 11px;
		float: none !important;
		display: inline;
	}
	.city_action_cell h3 {
		margin: 0px 0px 0px 10px;
		padding: 0px 5px 0px 0px;
		text-align: left;
		font-weight: normal;
		font-size: 10px;
		line-height: 12px;
		color: #999999;
		float: none !important;
		display: inline;
	}
	.city_action_cell h4 {
		width: 100%;
		margin: 0px 0px 8px 10px;
		padding: 0px 5px 0px 0px;
		text-align: left;
		font-weight: normal;
		font-size: 10px;
		line-height: 12px;
		color: #999999;
		float: none !important;
		display: inline;
	}
	
	.city_challenge_bg_row {
		width: 550px;
		margin: 0px;
		padding: 3px 0px 3px 0px;
		float: none !important;
		display: inline;
		background: url(/_images/framework/bg_city_challenge_table.gif) top repeat-y;
		border-bottom: 1px solid #5e8823;
	}

}

/* SAME ELEMENTS AS DEFINED WHEN VIEWING IN BROWSER */
@media screen {

	/* UNIVERSAL DEFINITIONS */
	body {
		position: relative;
		font-family: Verdana, Helvetica, sans-serif; 
		font-size: 11px;
		color: #000000; 
		background: #b7b09e url(../_images/framework/bg_main_gradient.gif) left top repeat-x;
		margin: 0px;
		padding: 0px;
		text-align: center;
	}
	
	#main_container {
		width: 800px;
		height: 100%;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		background: url(../_images/framework/bg_main_shadow.gif) top repeat-y;
	}
	
	#main_content_container {
		width: 800px;
		height: 100%;
		margin: 0px;
		padding: 0px;
		vertical-align: top;
		background: url(../_images/framework/bg_main_top_shadow.gif) left top no-repeat;
	}
	
	#header_container {
		position: relative;
		margin: 0px 0px 0px 10px;
		padding: 0px;
		width: 780px;
		background: url(../_images/framework/header_bg.gif) left top no-repeat;
		float: left;
		display: inline;
	}
	
	#header_logo {
		width: 410px;
		height: 100px;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	#header_search_container {
		width: 350px;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		float: right;
	}

	
	#nav_container {
		position: relative;
		width: 780px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		float: left;
		background: url(../_images/framework/nav/nav_bg.gif) top left no-repeat;
	}
	
	#nav_container span {
		width: 640px;
		height: 30px;
		margin: 0px 0px 0px 70px;
		padding: 0px;
		float: left;
		display: inline;
	}

	.print_page_container {
		border: 1px solid #5e8823;
		margin: 3px 0px 0px 0px;
		padding: 5px 7px 5px 6px;
		float: right;
		display: inline;
	}
	.print_page_container img {
		margin-right: 5px;
		float: left;
	}
	.print_page_container_text_link {
		line-height: 20px;
	}
	
/* -------------------------- MAIN CONTENT ------------------------------ */
	#main_content {
		position: relative;
		width: 780px;
		min-height: 435px;
		margin-left: 10px;
		padding-bottom: 20px;
		float: left;
		display: inline;
	}
	
	.page_container_main {
		width: 780px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		float: left;
	}
	
	.page_container_maincol {
		width: 550px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.page_container_sidecol {
		width: 210px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.page_home_sidecol {
		width: 210px;
		margin: 0px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.page_content_main {
		width: 510px;
		margin: 0px 0px 0px 20px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.page_content_main span {
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	.divider_maincol {
		width: 100%;
		height: 29px;
		margin: 0px;
		padding: 0px;
		float: left;
		background: url(../_images/framework/divider_maincol.gif) top left no-repeat;
	}
	
	.bread_crumb_container {
		width: 510px;
		margin: 0px 0px 17px 20px;
		padding: 0px 0px 10px 0px;
		font-weight: bold;
		float: left;
		display: inline;
		border-bottom: 1px solid #5e8823;
	}
	
	.bread_crumb_container span {
		margin: 0px 2px 0px 2px;
		padding: 0px;
		color: #999999;
	}
	
	.article_detail {
		width: 510px;
		margin: 0px 0px 0px 20px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.article_detail h3 {
		margin: 0px;
		padding: 0px;
		font-size: 18px;
		float: left;
		display: inline;
	}
	
	.article_detail h4 {
		width: 350px;
		margin: 0px;
		padding: 0px;
		font-size: 18px;
		float: left;
		display: inline;
	}
	
	.article_detail span {
		width: 100%;
		margin: 17px 0px 0px 0px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
/* --------------------------- TABLE MOD DEFS ------------------------- */
	.table_mod {
		width: 100%;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		float: left;
		display: inline;
		border-bottom: 1px solid #5e8823;
		background: url(/_images/framework/bg_table_mod.gif) top repeat-y;
	}
	
	.table_search_mod {
		width: 100%;
		margin: 10px 0px 0px 0px;
		padding: 0px;
		float: left;
		display: inline;
		border-top: 1px solid #5e8823;
		border-bottom: 1px solid #5e8823;
		background: url(/_images/framework/bg_search_table_mod.gif) top repeat-y;
	}
	
	.table_search_mod_content {
		width: 470px;
		margin: 10px 0px 0px 20px;
		padding: 0px 0px 10px 0px;
		float: left;
		display: inline;
	}
	
	.table_mod h3 {
		width: 100%;
		height: 30px;
		text-align: center;
		margin: 0px;
		padding: 0px;
		float: left;
		background: #5e8823;
	}
	
	.table_mod span {
		width: 508px;
		height: 30px;
		text-align: center;
		margin: 0px 0px 0px 1px;
		padding: 0px;
		float: left;
		background: #d8d4c9;
	}
	
	.links_container {
		margin: 6px 0px 0px 60px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.links_container h2 {
		width: 15px; 
		margin: 0px;
		padding: 0px;
		font-size: 11px;
		float: left;
	}
	
	.links_container a { width: 15px; float: left; }
	
	.table_mod_content {
		width: 470px;
		margin: 17px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
		float: left;
		display: inline;
	}
	
	.table_mod_content h3 {
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-size: 11px;
		line-height: 15px;
		text-align: left;
		background: #ffffff;
		float: left;
		display: inline;
	}
	
	.table_mod_content p {
		width: 100%;
		margin: 0px;
		padding: 0px 0px 15px 0px;
		float: left;
	}
	
	.table_mod_center_text {
		width: 100%;
		margin: 0px;
		padding: 0px 0px 17px 0px;
		font-weight: bold;
		text-align: center;
		background: #ffffff;
		float: left;
		display: inline;
	}

/* --------------------------- CITY DETAIL DEFS ------------------------- */
	.city_text_left {
		width: 360px;
		margin: 0px;
		padding: 0px;
		text-align: left;
		float: left;
		display: inline;
	}
	
	.city_text_right {
		width: 110px;
		margin: 0px;
		padding: 0px;
		text-align: right;
		float: left;
		display: inline;
	}
	
	.city_population_mod {
		width: 100%;
		margin: 20px 0px 20px 0px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.city_population_label {
		width: 230px;
		margin: 0px;
		padding: 3px 0px 4px 0px;
		text-align: right;
		float: left;
		display: inline;
	}
	
	.city_population_field {
		width: 230px;
		margin: 0px 0px 0px 10px;
		padding: 3px 0px 4px 0px;
		text-align: left;
		font-weight: bold;
		float: left;
		display: inline;
	}
	
	.city_snapshot_bg_row {
		width: 100%;
		margin: 0px;
		padding: 3px 0px 3px 0px;
		float: left;
		display: inline;
		background: url(/_images/framework/bg_city_snapshot_table.gif) top repeat-y;
		border-bottom: 1px solid #5e8823;
	}
	
	.city_table_support_text {
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		font-size: 10px;
		color: #999999;
		float: left;
		display: inline;
	}
	
	.city_table_facts_text {
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.city_action_table {
		width: 100%;
		margin: 0px 0px 15px 0px;
		padding: 0px;
		float: left;
		display: inline;
		border-top: 1px solid #5e8823;
	}
	
	.city_action_head_row {
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-weight: bold;
		float: left;
		display: inline;
		background: #d8d4c9;
	}
	
	.city_action_alt_row {
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: left;
		display: inline;
		background: #f5f4f1;
	}
	
	.city_action_white_row {
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: left;
		display: inline;
	}
	
	.city_action_bg_row {
		width: 100%;
		margin: 0px;
		padding: 3px 0px 3px 0px;
		float: left;
		display: inline;
		background: url(/_images/framework/bg_city_action_table.gif) top repeat-y;
		border-bottom: 1px solid #5e8823;
	}
	
	.city_action_cell {
		margin: 0px 0px 0px 1px;
		padding: 0px;
		text-align: center;
		float: left;
		display: inline;
	}
	
	.city_action_cell h2 {
		margin: 0px 0px 0px 10px;
		padding: 0px 5px 0px 0px;
		text-align: left;
		font-weight: normal;
		font-size: 11px;
		float: left;
		display: inline;
	}
	.city_action_cell h3 {
		margin: 0px 0px 0px 10px;
		padding: 0px 5px 0px 0px;
		text-align: left;
		font-weight: normal;
		font-size: 10px;
		line-height: 12px;
		color: #999999;
		float: left;
		display: inline;
	}
	.city_action_cell h4 {
		width: 100%;
		margin: 0px 0px 8px 10px;
		padding: 0px 5px 0px 0px;
		text-align: left;
		font-weight: normal;
		font-size: 10px;
		line-height: 12px;
		color: #999999;
		float: left;
		display: inline;
	}
	
	.city_challenge_bg_row {
		width: 100%;
		margin: 0px;
		padding: 3px 0px 3px 0px;
		float: left;
		display: inline;
		background: url(/_images/framework/bg_city_challenge_table.gif) top repeat-y;
		border-bottom: 1px solid #5e8823;
	}	
	
}