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


/* FONT DEFINITIONS */
table, tr, td {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
}

img.float_left {
	border: 0px;
	float: left;
}

img.search_mod {
	margin: 5px 0px 0px 1px;
	border: 0px;
	float: left;
}

form {
	margin: 0px;
	padding: 0px;
}

/* LINK DEFINITIONS */
a { font-weight: bold; text-decoration: underline; color: #5e8823; }
a:visited { font-weight: bold; text-decoration: underline; color: #5e8823; }
a:hover { font-weight: bold; text-decoration: none; color: #5e8823; }
a:active { font-weight: bold; text-decoration: none; color: #5e8823; }

a.glssrytrm { font-weight: normal; text-decoration: none; color: #5e8823; border-bottom: 1px dotted #5e8823; }
a.glssrytrm:visited { font-weight: normal; text-decoration: none; color: #5e8823; border-bottom: 1px dotted #5e8823; }
a.glssrytrm:hover { font-weight: normal; text-decoration: none; color: #5e8823; border-bottom: none; }
a.glssrytrm:active { font-weight: normal; text-decoration: none; color: #5e8823; border-bottom: none; }

a.left { font-weight: bold; text-decoration: underline; color: #5e8823; float: left; }
a.left:visited { font-weight: bold; text-decoration: underline; color: #5e8823; float: left; }
a.left:hover { font-weight: bold; text-decoration: none; color: #5e8823; float: left; }
a.left:active { font-weight: bold; text-decoration: none; color: #5e8823; float: left; }

a.right { font-weight: bold; text-decoration: underline; color: #5e8823; float: right; }
a.right:visited { font-weight: bold; text-decoration: underline; color: #5e8823; float: right; }
a.right:hover { font-weight: bold; text-decoration: none; color: #5e8823; float: right; }
a.right:active { font-weight: bold; text-decoration: none; color: #5e8823; float: right; }

.textError {
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	color: #CC0000;
	background-color: #ffeeee;
}

.textErrorSmall {
	font-size: 11px;
	padding: 5px;
	color: #CC0000;
}

/* HEADER DEFS */
.search_box_mod {
	width: 260px;
	margin: 0px 20px 10px 0px;
	padding: 0px 0px 3px 0px;
	float: right;
	display: inline;
	background: #234805;
	border: 1px solid #ffffff;
}

.input_keyword {
	width: 100px;
	height: 20px;
	margin: 4px 5px 0px 0px;
	padding: 0px;
	font-size: 11px;
	float: right;
	display: inline;
}

.input_city {
	width: 140px;
	margin: 4px 5px 0px 0px;
	padding: 0px;
	font-size: 11px;
	float: right;
	display: inline;
}

.button_keyword {
	width: 20px;
	height: 20px;
	margin: 5px 5px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
}

/* ------------------------- NAVIGATION -------------------------------*/
.nav_understanding {
	width: 173px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.nav_solutions {
	width: 142px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../_images/framework/nav/nav_solutions.gif) left no-repeat;
}

.nav_act {
	width: 97px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../_images/framework/nav/nav_act.gif) left no-repeat;
}

.nav_related {
	width: 117px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../_images/framework/nav/nav_related.gif) left no-repeat;
}

.nav_contact {
	width: 97px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../_images/framework/nav/nav_contact.gif) left no-repeat;
}

.nav_divider {
	width: 3px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../_images/framework/nav/nav_divider.gif) left top no-repeat;
}

/* ------------------------- RIGHT NAV DEFS ----------------------- */
.sponsors_mod {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../_images/framework/right_nav/bg_sponsors.gif) top left repeat-y;
}

.sponsors_mod h1 {
	width: 210px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	float: left;
	display: inline;
}

.sponsors_mod span {
	width: 210px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.sponsors_click {
	width: 98%;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	float: left;
	display: inline;
}

.send_to_a_friend {
	width: 100%;
	height: 40px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

/* ----------------------------------------- PAGE CONTAINERS ----------------------------------------------*/
.page_container_home {
	width: 780px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.page_home_maincol {
	width: 550px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.page_home_maincol span {
	width: 510px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
	float: left;
	display: inline;
}

.centered_text {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
}

/* ------------------------- SECTION HEADER DEFINITIONS -------------------*/
.section_header_container {
	width: 515px;
	height: 110px;
	margin: 5px 0px 0px 15px;
	padding: 0px;
	float: left;
	display: inline;
}

.section_header_site_map {
	width: 510px;
	height: 45px;
	margin: 0px 0px 15px 20px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(../_images/framework/section_headers/u_header_site_map.gif) top left no-repeat;
}

.section_header_glossary {
	width: 510px;
	height: 45px;
	margin: 0px 0px 15px 20px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(../_images/framework/section_headers/u_header_glossary.gif) top left no-repeat;
}

.section_header_search {
	width: 510px;
	height: 45px;
	margin: 0px 0px 15px 20px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(../_images/framework/section_headers/u_header_search.gif) top left no-repeat;
}

.section_header_sendtofriend {
	width: 510px;
	height: 45px;
	margin: 0px 0px 15px 20px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(../_images/framework/section_headers/u_header_sendtofriend.gif) top left no-repeat;
}

/* ------------------------- PAGE ELEMENT DEFINITIONS -------------------- */
.home_main_image {
	width: 780px;
	height: 340px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.home_project_head {
	width: 100%;
	height: 45px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/home/project_header.gif) top left no-repeat;
}

.home_project_columns {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/home/project_bg.gif) top left repeat-y;
}

.home_project_columns span {
	width: 500px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	display: inline;
}

.home_project_column {
	width: 160px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	display: inline;
}

.home_project_column span {
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	float: left;
	display: inline;
}

.home_project_column p {
	width: 140px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
}

.home_project_foot {
	width: 100%;
	height: 45px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/home/project_footer.gif) top left no-repeat;
}

/* --------------------- ARTICLE DEFINITIONS ----------------------------*/
.article_row {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.article_row h3 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	float: left;
}

.article_row span {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.article_module_1 {
	width: 245px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.article_module_2 {
	width: 245px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
}

/* ---------------------------------- CATEGORY DETAIL ------------------------------------ */
.cat_detail {
	width: 510px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}

.cat_detail h3 {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 17px 0px;
	font-size: 18px;
	float: left;
}

.cat_link_row {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	display: inline;
}

.cat_link_row h2 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	float: left;
}

.cat_link_row span {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* ------------------------------- UTILITIES ----------------------------- */
.site_map_container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.site_map_container h3 {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 17px 0px;
	font-size: 11px;
	font-weight: bold;
	float: left;
	display: inline;
}

.site_map_sublink {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 17px 0px;
	float: left;
	display: inline;
}

.site_map_sublink span {
	width: 95%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.site_map_sublink a { font-weight: normal; padding: 0px 0px 3px 35px; float: left; display: inline; background: url(../_images/framework/site_bullet.gif) left no-repeat; }
.site_map_sublink a:visited { font-weight: normal; padding: 0px 0px 3px 35px; float: left; display: inline; background: url(../_images/framework/site_bullet.gif) left no-repeat; }
.site_map_sublink a:hover { font-weight: normal; padding: 0px 0px 3px 35px; float: left; display: inline; background: url(../_images/framework/site_bullet.gif) left no-repeat; }
.site_map_sublink a:active { font-weight: normal; padding: 0px 0px 3px 35px; float: left; display: inline; background: url(../_images/framework/site_bullet.gif) left no-repeat; }

.glossary_term_utilities {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	display: inline;
}

/* --------------------------- TABLE MOD DEFS ------------------------- */
.right_nav_mod {
	width: 210px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
	display: inline;
	border-top: 1px solid #5e8823;
	border-bottom: 1px solid #5e8823;
	background: url(/_images/framework/right_nav/right_mod_bg.gif) top repeat-y;
}

.right_nav_mod_head {
	width: 210px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
	display: inline;
	border-bottom: 1px solid #5e8823;
	background: url(/_images/framework/right_nav/right_mod_bg.gif) top repeat-y;
}

.right_nav_content {
	width: 190px;
	margin: 5px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
}

.right_nav_content span {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	display: inline;
}


/* ----------------------------------- CITIES MODULES ------------------------------------- */
.city_mod_container {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	display: inline;
}

.city_mod_header {
	width: 100%;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 0px;
	background: #f5f4f1;
	font-weight: bold;
	float: left;
	display: inline;
}

.city_letter {
	width: 50px;
	margin: 0px 0px 0px 10px;
	float: left;
	display: inline;
}

.city_letter a { text-decoration: none; color: #000000; }
.city_letter a:visited { text-decoration: none; color: #000000; }
.city_letter a:hover { text-decoration: none; color: #000000; }
.city_letter a:active { text-decoration: none; color: #000000; }

.city_link_top {
	width: 50px;
	text-align: right;
	margin: 0px 10px 0px 0px;
	float: right;
	display: inline;
}

.city_link_top a { font-weight: normal; }
.city_link_top a:visited { font-weight: normal; }
.city_link_top a:hover { font-weight: normal; }
.city_link_top a:active { font-weight: normal; }

.city_link_row {
	width: 470px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.city_link_name {
	width: 156px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	float: left;
}

.city_link_name a { font-weight: normal; }
.city_link_name a:visited { font-weight: normal; }
.city_link_name a:hover { font-weight: normal; }
.city_link_name a:active { font-weight: normal; }

/* ----------------------------------- CONTACT US -----------------------------------------*/
.cu_email_form_row {
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	float: left;
	display: inline;
}

.cu_email_form_row_error {
	width: 470px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.cu_email_form_field {
	width: 225px;
	border: solid 1px #000000;
	margin: 0px 0px 0px 10px;
	padding: 1px;
	float: left;
	display: inline;
}

.cu_email_form_row span {
	width: 135px;
	height: 18px;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background: #ffffff;
	float: left;
	text-align: right;
	display: inline;
}

.cu_email_form_row h2 {
	width: 135px;
	padding: 0px;
	margin: 0px;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	float: left;
	text-align: right;
	display: inline;
}


.cu_email_form_textarea {
	width: 325px;
	height: 120px;
	border: solid 1px #000000;
	margin: 0px 0px 0px 10px;
	padding: 1px;
	float: left;
	display: inline;
}

.friend_email_textarea {
	width: 325px;
	height: 75px;
	border: solid 1px #000000;
	margin: 0px 0px 0px 10px;
	padding: 1px;
	float: left;
	display: inline;
}

.cu_input_button {
	margin: 15px 0px 0px 205px;
	padding: 0px;
}

/* --------------------------- FOOTER --------------------------------- */

#main_footer {
	position: relative;
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

.main_footer_text {
	position: relative;
	width: 780px;
	height: 30px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
	border-top: 1px solid #5e8823;
}

.main_footer_text p {
	margin: 8px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}

.main_footer_text span {
	width: 400px;
	margin: 8px 20px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
}

.footer_links_divider {
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	float: right;
}