/* NOTES: 
> anchor definitions must be in the following order to be effective: a:link, a:visited, a:hover, a:active
> default size for browser text is 16px
> 16px×1.125=18px */ 

/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset {margin:0; padding:0; font:100%/112.5% Geneva, Verdana, Helvetica, Arial, sans-serif;}

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:1em 0; padding:0;}

/* Apply left margin to the few elements that need it: */
li, dd, blockquote {margin-left:1em;}

/* Miscellaneous conveniences: */
form label {cursor:pointer;}
fieldset {border:none;}
input, select, textarea {font-size:100%;}

/* Set the background color in case user has disabled images */ 
body {background-color:#CEC29D; background-image:url('/sites/steverumberg/assets/beige_bkgrd.gif');}

/*****************************************************************************************/
/***********       GENERAL FORMATTING (rules used on more than one page)      ************/
/*****************************************************************************************/

h1, h2, h3, h4, h5 {font-weight:bold;}
/* PAGE HEADLINE */
h1 {font-size:2em; color:navy; line-height:125%} 
/* SUB-HEADLINE */
h2 {font-size:1.5em; line-height:125%}
/* SECTION TITLE */
h3 {font-size:1.25em; color:navy; background-color:#ddd; border-bottom:1px solid gray;}
/* SECTION SUB-TITLE, BOXED */
h4 {font-size:1em; color:navy; background-color:#E5E5E5; border:1px solid navy;}
/* TEXT in the Header area */
h5 {font-size:1em; line-height:150%}
h6 {font-size:1.25em; line-height:150%}

p, ul {font-size:0.875em; /* 16px * 0.875=14px */}
a {text-decoration:none;}
a:hover {color:white; background-color:maroon; border-top:2px solid black; border-bottom:2px solid #B8860B; /*gold*/} 
/* don't change the display when hovering (applies to "Property Search" button) */
a.no_hover:hover {background-color:transparent; border:none;}
img.no_bkgrd {background-color:transparent; border:none;}

#copyright {clear:both; margin:1em auto; padding-top:1em; border-top:1px solid gray; text-align:center; font-size:.7em; color:#666;}

/* Commonly-used formatting */
.center {text-align:center;}
.required, .warning, .red {color:red;}
.bold {font-weight:bold;}
.clear_both {clear:both;}
.typewriter {font-family:"Courier New", Courier, monospace; font-size:1em;}
.go {background-color:green; color:white;}
.caution {background-color:yellow; color:black;}
.stop {background-color:red; color:white;}
.shaded  {background-color:#EEE;}
.button {font-size:1.25em}

.indent1 {margin-left:3em;}
.indent2 {margin-left:6em;}

/* SECTION_TEXT can apply to DIVs or Ps */
.section_text {margin:0 3em 1em;}
.comment {font-style:italic;}

.highlight, input.jsrequired, textarea.jsrequired {background-color:#FFC;}
.first_line_indent {text-indent:1cm;}
.more {padding-left:1em;}

/* 
changed "submit_button" to class="button go", "reset_button" to class="button caution"
#! check if still needed:  first_line_indent, input.js___, textarea.js___ 
*/

/* Page: views/templates/header.php, footer.php */

div#header {height:43px; border:2px solid #B8860B; /*gold*/
  background-color:maroon; background-image:url('/sites/steverumberg/assets/red_marble.jpg'); color:white; font-family:'Copperplate Gothic Light', Garamond, serif;}
	
div#header_links, div#footer_links1 {padding:.25em 0; text-align:center; font-weight:bold;}
#header_links {background-color:black;}
#footer_links1 {background-color:maroon; background-image:url('/sites/steverumberg/assets/red_marble.jpg'); 
	border:2px solid #B8860B; /*gold*/ border-top:1px;   /* top is 1px instead of 2px because it abuts with the gold border of the next division and would be too thick */}
#header_links a, #footer_links1 a {padding:0 1em; color:white; font-size:.8em;}

/* Page: views/templates/footer.php */

div#footer_container {width:80%; margin-left:10%; margin-top:1em;}
#footer_container a {font-size:.75em;}
#footer_container ul {margin:0; padding:0; list-style:none; font-size:.85em;}
#footer_container li.heading {margin-bottom:.5em; font-weight:bold;}
#footer_container li.heading_second {margin:1em 0 .5em 1em; font-weight:bold;}

/* Note: footer_links2_container is only for one set of UL/LIs */
div#footer_links2_container {float:left; margin-bottom:1em; width:100%;}
/* Margins for columns: "0 SumOfRightColumnsWidth 0 LeftColumnWidth */
#footer_links2_buyers {margin:0 52% 0 24%;} /* Left% = Sellers width% */
#footer_links2_sellers {float:left; width:24%; margin-left:-100%;} 
#footer_links2_financing {float:left; width:26%; margin-left:-52%; /* -(SumOfRightColumnsWidth) */}
#footer_links2_other {float:left; width:25%; margin-left:-25%; /* Set to: -(RightColumnWidth) */}

/* Page: views/templates/page_template.php */

div#container {width:80%; margin:auto; padding:1em 0 0 0; font-size:0.875em;}
div.contained_text {padding:.5em 1em; background-color:white;}
/* .contained_text ul a {font-size:.8em;} */

p.testimonial {background-position:middle left; background-image:url('/sites/steverumberg/assets/pen.gif');
  background-repeat:no-repeat; background-attachment:scroll; margin:1.25em 2em 1.25em; 
	padding-left:6.5em; padding-right:2em;}
.testimonial .attribution {font-style:italic; padding-left:5em;}

p.divider {margin:0; padding:1px 20px; background-color:maroon; 
	background-image:url('/sites/steverumberg/assets/red_marble.jpg'); font-size:1.25em; font-weight:bold; color:white; 
  border-top:2px solid #B8860B; border-bottom:2px solid black;}
	
/* Pages: re/SPLASH */

img#splash_agent_photo, img#bay_area_map {float:left; margin:0 1.25em .5em 0;}

div#selling ul, div#buying ul, div#financing ul, div#management ul {margin-left:3em; /* no longer needed: font-size:1.125em; */ font-weight:bold;}
div#selling, div#buying, div#financing, div#management {background-position:bottom right;
 background-repeat:no-repeat; background-attachment:scroll; clear:both; right:0; bottom:0;
 z-index:-2; overflow:hidden;}
div#selling {background-image:url('/sites/steverumberg/assets/meeting_fade.jpg');}
div#buying {background-image:url('/sites/steverumberg/assets/buyinghouse_fade.jpg');}
div#financing {background-image:url('/sites/steverumberg/assets/coins2_fade.jpg');}
div#management {background-image:url('/sites/steverumberg/assets/showinghouse_fade.jpg');}

/* text for popup box is hidden in <A><SPAN class="hide_xyz">popup text</SPAN><A> 
   where _XYZ = _selling, _buying, _financing, _management
*/
a span.hide_selling, a span.hide_buying, a span.hide_financing, a span.hide_management {display:none;}
/* FORMAT for display of the popup text when user mouses over a menu item */
a:hover span.hide_selling, a:hover span.hide_buying, a:hover span.hide_financing, a:hover span.hide_management {
  margin:0; 
  padding:.5em;  /* WIDTH and L+R PADDING not to exceed LC FULLWIDTH setting for multi-column setup */
  width:14em;   /* WIDTH and L+R PADDING not to exceed LC FULLWIDTH setting for multi-column setup */
  display:block; position:absolute; z-index:100; text-decoration:none; 
	font-weight:bold; color:maroon; background-color:white;}
/* LOCATION of the popup text in the CENTER pane */
a:hover span.hide_selling, a:hover span.hide_buying, a:hover span.hide_financing, a:hover span.hide_management {left:37em; font-size:1em; border:1px solid gray;}
/* this is the distance from the top of the page where the popup text will display */
a:hover span.hide_selling    {top:74em;}
a:hover span.hide_buying     {top:110em; left:41em;}
a:hover span.hide_financing  {top:159em;}
a:hover span.hide_management {top:168em;}

/* Pages: re/SPLASH, loan/SPLASH */

div#re_financing_calculator {margin:1em 5.5em;}
div#ln_financing_calculator {clear:right; float:right; margin-right:1em;}
table#fc_table {border:1px solid #AAA;}
#fc_title, #fc_calculator_link {text-align:center; font-weight:bold; background-color:#F0F0F0;}
.fc_label, .fc_input {text-align:right;}
.fc_label {width:50%; font-size:.9em}
.fc_input {margin-right:.25em;}
.fc_unit {font-size:.7em;}
#fc_submit_button {background-color:green; color:white;}
#fc_payment {margin-bottom:.5em; font-weight:bold; color:green;}
#fc_calculator_link {margin-top:.5em; font-size:.9em;}

img.pr_map, img.thin_border {border:1px solid black;}
img#big_hug {display:block; margin:-1em auto 0; width:317px; height:111px;}
ul.checkmark {margin-left:4em; vertical-align:bottom; list-style-image:url('/sites/steverumberg/assets/checkmark_orange_37x38.gif');}

/* Page: I_CITYSVCS_ENTIRE_LIST */

table#city_services {border-bottom:1px solid #808080; margin-bottom:1.5em; border-collapse:collapse; font-size:.8em;}
#city_services th, #city_services td {padding-right:1.1em}

table#city_services_one {border-collapse:collapse; background-color:#CC9;}
#city_services_one th, #city_services_one td {padding-right:1.1em}


/* Pages: I_INDEX, I_SERVICES */

div.item_wrapper {clear:left; padding:1em 2em; font-size:.875em; border-top:1px solid #CCC;}
div.item_title {float:left; width:35%; font-weight:bold;}
div.item_descr {margin-left:36%; width:65%;}

/* Page: I_GOVTLINKS */
table.govtlinks {border-collapse:collapse}
td.counties, td.cities, td.towns {font-weight:bold; font-size:1.25em; color:white; background-color:#069;}
td.counties {background-color:#069;}
td.cities {background-color:navy;}
td.towns {background-color:#C06;}

div#cg_example_chart {margin:.5em 4em; padding:.5em 1em; background-color:#EEE;} /* use .SHADED */
table#cg_example_table {background-color:#EEE; border-collapse:collapse;}
table#cg_example_table td.right {text-align:right;}

img#loan_application_process {margin:0 40px;}

/* Page: CONTACT_FORM */
div#contact .title {padding:.5em 2em; color:white; background-color:gray; font-weight:bold; font-size:1em;}
div#contact .label1 {font-weight:bold;}
div#contact #comment {color:white; font-style:italic;}
div#contact #spam_free {padding-left:12em; font-style:italic; font-size:.8em;}
div#contact .label {margin:0; text-align:right;}
div#contact .input {margin:0; text-align:left;}

/* Page: PAYMENT */
#payment_confirmed {color:green;}
div#payment {text-align:center;}
div#payment #link_box {margin:auto; width:80%; padding:.25em;}
div#payment #link_box a {font-size:1.65em; padding:.75em; text-decoration:underline;}
div#payment #logo {margin-top:1em;}
div#payment #not_a_member {font-size:1.25em; font-style:italic;}

/* Page: HIGHEST_SATISFACTION */
img#jdpower_award_full {float:left;}

/* Page: KELLER_WILLIAMS */
img#kw_logo_stacked {float:left; margin:15px 30px auto 30px; height:99px; width:149px;}

/******* ^ FIXED TO HERE ^ ************* */

#disclaimer {margin:0 10px 1em; font-style:italic; font-size:.85em;}  

p#top_of_page_link {margin:1em 0; border-top:1px solid white; text-align:center; font-size:1em;}
p#guarantee_slogan {text-align:center; color:#800000; font-weight:bold; font-style:italic; font-size:1.5em}

/* #! 2010-01-03 remove X from UL */
Xul {margin:0 4em 1em;}
ul#challenge_questions {margin-left:2em; padding:0; list-style-type:none;}
input.q_yes {background-color:#009900;}
input.q_maybe {background-color:#FFFF66}
input.q_no {margin-right:1em; background-color:#FF0000;}

/* make a link resemble a button */
.pseudo_button, .button_inline, .button {margin:0 .5em; padding:0 .75em; font-size:1em;} 
.pseudo_button, .button_inline {border:1px solid #CCC;} 
/* make a link resemble a button, but the link is inline with text, so less margin and padding */
.button_inline {margin:0; padding:0 .25em;} 

span.hot_tip {color:red; font-weight:bold;}

/* Pages: loan/LOAN_PROGRAMS, loan/SPLASH */
a.loan_programs {font-weight:bold;}

/*****************************************************************************************/
/*****************          FORMATTING FOR SPECIFIC PAGES              *******************/
/*****************************************************************************************/

/****************** PARAGRAPHS */
p#business_slogan {padding:.6em 1em 0 0; text-align:right; vertical-align:middle;}

p#contact_info {
  margin:0; padding:.3em; width:100%; text-align:center; font-size:.8em; font-weight:bold;
  color:white; background-color:black; border:2px solid #B8860B; /*gold*/
  border-bottom:1px;  /* bottom is 1px instead of 2px because it abuts with the gold border of the next division 
  and would be too thick */
}
p#city_list {color:gray; font-size:.7em;}

/******************** ANCHORS */
a.major_link {font-weight:bold;} 
a.minor_link {font-size:.7em;} 

/******************** IMAGES */
img#logo {position:absolute; left:0; top:0; z-index:2; width:210px; height:47px;}
img.paper_icon {margin:0; width:20px; height:20px;}
/* Page: Display_testimonial.php */
/* see also: img#satisfaction_guarantee_logo{} */
img#satisfaction_guarantee_logo3 {text-align:center; height:175px; width:176px;}
img.property_search_button {width:176px; height:42px; border:0; background-color:transparent;}

/* Page: loan/SPLASH */
div#ln_index_topbanner {margin:0 auto; padding:.5em; width:95%; height:160px; background-color:#EEE;}
div#ln_rate_ticker_chart {padding-left:1em; float:right;}
span.ln_product {font-weight:bold; font-style:italic;}
sup {font-size:.6em;}
ul.ln_checkmark {list-style-image: url('/sites/steverumberg/assets/checkmark_blue_circle_15x14.jpg'); margin-left:4em;}
p#ln_copyright {color:#696969;}

img#loan_features_sign {float:right; height:120px; width:249px; margin:0 1em 0;}
img#no_junk_fees_sign {height:120px; width:120px; margin:0;}
img#guaranteed_gfe {float:right; height:216px; width:134px; margin:0;}

/* Page: Interest_rates.php (there are two versions of this page: /loan/interest_rates.php and arc/interest_rate.php) */
#ir_need_quote, #ir_name, #ir_link {text-align:center;}
#ir_need_quote, #ir_name, #ir_link {font-size:2em; font-weight:bold;}
#ir_need_quote {font-size:3em; color:green;}
#ir_name, #ir_scroll {font-style:italic;}
#ir_scroll {text-align:left;}

#arc_ir_need_quote, #arc_ir_name, #arc_ir_link, #arc_ir_scroll {text-align:center;}
#arc_ir_need_quote, #arc_ir_name, #arc_ir_link {font-size:2em; font-weight:bold;}
#arc_ir_need_quote {margin-top:20%; font-size:3em; color:green;}
#arc_ir_name, #arc_ir_scroll {font-style:italic;}

/* Page: Escrow_Center.php */
#ec_public_title {padding:0 10px; color:navy; font-weight:bold; font-size:1.25em;}
#ec_public_form {margin:.5em 6em; padding:.5em 1em; text-align:center; background-color:navy;}
.ec_public_form_fields {margin:.5em 1em; text-align:left; color:white; font-weight:bold;}
#ec_public_submit_button {background-color:green; color:white;}

#ec_private_title {margin-top:3em; padding:0 10px; color:gray;}
#ec_private_form {margin:0 5em;}
.ec_private_form_fields {margin:.5em 1em; text-align:left; color:gray;}
#ec_private_submit_button {margin-left:85px; color:gray;}

/* Page: RESULTS */
table.shaded {margin-bottom:1em; padding:0 .2em; background-color:#EFEFEF;
 border: 1px; border-color:white; border-collapse: collapse;
}  /* use .SHADED */
table.shaded td.header {padding:0 .3em; text-decoration:underline; text-align:center;}
table.shaded td.text {padding:.2em; text-align:left;}
table.shaded td.numeric {padding:.2em; font-weight:bold; text-align:right;}

/* Page: common/PAGE_RATING_FORM */
form#page_rating_form {width:75%; margin:0 1em; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:.85em; background-color:#F0F0F0;}
form#page_rating_form .prompt {font-weight:bold; color:blue;}
form#page_rating_form p {margin:0;}
form#page_rating_form .submit_button {
  margin:0; padding:0 1em; font:1em Arial,Helvetica,sans-serif; color:white; background-color:green;}
form#page_rating_form p#warning {font-style:italic; color:red; text-align:center;}
p#page_rating_form_thank_you {margin-left:2em; font-style:italic;}

/* Page: re2/IDX_SEARCH */
img#weather {margin-left:20px;}
/* Page: re2/LISTING_PROGRAM */
img#rum_rewards_listing_logo, img#rum_rewards_loveit_logo, img#satisfaction_guarantee_logo {
 float:left; text-align:left; margin:0 1em 0; padding:0 1em 1em 0;}
img#rum_rewards_listing_logo, img#rum_rewards_loveit_logo {height:136px; width:136px;}

/* Page: re/loan/LOAN_GLOSSARY */
.entry {font-weight:bold; font-size:1.25em; color:navy;}
img#index_rate_chart {width:595px; height:322px;}

/* Page: re/JOBS */
span.jobs_sub_title {font-size:.85em; font-weight:normal;}

div.jobs_title {background-color:#CCF; font-size:1.3em;}

/* Page: loan/DOCUMENTATION */
table#documentation {margin:0 auto 1em; border:1px solid black; border-collapse:collapse;}
table#documentation th, table#documentation td {border:1px solid black; text-align:left;}
table#documentation .indent {padding-left:4em;}

/* Page: LOAN_SCENARIOS */
span#scenarios_highlighted {background-color:#FF6;} /* light yellow */
span#scenarios_lowest {padding:0 .5em; color:white; background-color:green;}
.scenarios table {
 margin:0 auto; 
 width:100%;
 border-collapse:collapse; 
 border-width:2px 1px;
 border-style:solid;
 border-color:black;
 font:.9em arial,helvetica,verdana,sans-serif;
 color:black;  
}
.scenarios tr.shaded  {background-color:#EEE;} /* use .SHADED */
.scenarios tr#after_tax_pymt {font-weight:bold; border-top:1px double black; background-color:#EEE;}
.scenarios td {padding:3px 0; text-align:right;}
.scenarios td.major {padding-left:2px; width:20%; text-align:left; font-style:italic; font-weight:bold;}
.scenarios td.minor {padding-right:2px;}
.scenarios td.col_title{
  width:22%; 
  border-left: 1px solid #666; 
  border-right:1px solid #666; 
  text-decoration:underline; 
  text-align:center;
}
/* naming convention: s1_l = scenario1 left column, s1_r = scenario1 right column */
.scenarios td.s1_l, .scenarios td.s2_l, .scenarios td.s3_l {border-left: 1px solid #666; padding-left: 2px;}
.scenarios td.s1_r, .scenarios td.s2_r, .scenarios td.s3_r {border-right:1px solid #666; padding-right:5px;}
.scenarios input {font:11px "Courier New",Courier,monospace; background-color:#FF6; /* light yellow */}
.scenarios input.dwnpymt {text-align:right;}
.scenarios input#calculate_button {
  margin:0 0 1em 0; padding:0 1em; font:1.25em Arial,Helvetica,sans-serif; color:white;
  background-color:green;}
/* currently commented out in HTML page:  
.scenarios .left {text-align:left;} 
.scenarios tr.even {background-color:#E0E0E0;}
.scenarios tr.odd {background-color:#EEE;}
        .mortgage_error {margin:10px 0 20px 0; color:red; font-weight:bold; }
        .mortgage_progress table {border-collapse:collapse; background-color:#EEE; border:1px solid #999; width:100%; }
        .mortgage_progress td    {border-collapse:collapse; border:1px solid #999; }
*/

/* Page: loan/LOAN_TIPS.INC */ 
table#tips_timeline {border-collapse:collapse; border:1px solid #111; font:.75em Arial,Helvetica,sans-serif;
}
table#tips_timeline td {text-align:center; border:1px solid black;   border-collapse:collapse;
}
table#tips_timeline td.time_varies {background-color:#E0E0E0; }

table#tips_scoreranking {
  border-collapse:collapse; 
  font:.9em Arial, Helvetica, sans-serif; 
  border:1px solid #111;
  background-color: #FFC;
}
table#tips_scoreranking th {
  padding:2px;
  background-color: #000080;
  text-align: center;
  color: white;
  font-weight:bold;
}
table#tips_scoreranking td {padding:2px;}

span.tips_top_of_page_link {margin:0 2em; font-weight: normal; font-size:.8em;}
span.tips_heading {font-style:italic; font-weight:bold;}

/* Page: AREAS */
img#map_of_county {float:right;}

/* Page: re/SPLASH */

p.challenge {/*same as section_description, plus: */  
  margin:.8em 0 .5em; padding:0 1.5em; text-align:center; font-size:1.25em;
  font-weight:bold; font-style:italic;  color:blue;}
p#challenge_box {margin:auto; width:90%; background-color:#EEE; border:1px solid navy;} /* use .SHADED */

span.link_to_top {float:right; font-weight:normal; font-size:.75em; color:silver;}
span.link_to_top a:visited {color:silver;}
span.challenge {font-size:.9em; font-weight:normal; font-style:normal;}
span.challenge a {margin-right:2em;}

/* Page: CLIENT LIST */
p#client_list_subhead {color:navy; font-style:italic; font-size:1em;}
p#client_list_clickname {font-style:italic; font-size:.9em; color:blue;}
/* background="../re/images/bkgrd-white_marble.gif */
p#client_list_top {text-align:center; font:.9em "Times New Roman",serif;}
table.client_list_table {margin:0 1em 0; text-align:left; background-color:#EEE;} /* use .SHADED */
table.client_list_table td {border-top:1px solid white; border-bottom:1px solid #CCC;}

/**** Page: infoctr/I_INTERNET_LENDERS */

table#inet_lenders {text-align:left;}
table#inet_lenders td.column_title {vertical-align:bottom; width:50%; background-color:#CCC;}
table#inet_lenders tr {}
table#inet_lenders td.left_column, table#inet_lenders td.right_column {
 padding:1em; vertical-align:top; border-bottom:2px solid #CCC;}

/* Page: MEET THE TEAM */
p.meet_title {margin:0 0 .4em 0; font-style:italic; font-weight:bold; font-size:2em; color:navy;}
p.meet_text {margin:0 0 .5em 0; text-indent:2em; font-size:1.1em;}
p#meet_footer_text {clear:both; text-align:center; font-size:1.25em;}
img#meet_sj_downtown {
  margin:1em; 
  padding-top:.1em; 
  float:right; 
  border:1px solid navy; 
  width:215px; 
  height:195px
}
img#meet_genki {margin:0 1em 1em 0; float:left; width:200px; height:191px;}
img#meet_st_photo {margin:0 1em; float:right; border:1px solid silver; width:150px; height:121px;}

/* Page: QUALIFICATIONS */
p#qual_footer_text {margin:.5em 1em; font-size:1.25em;}
p.resume_link {margin-top:0; text-align:center; font-weight:bold; font-size:1.25em;}

/* Page: RESUME */
ul#resume_flags {margin-right:1em;}
ul#resume_flags li {margin:0 .1em; padding:0; list-style-type:none; display:inline;}
ul#resume_flags li img {height:20px; border:1px solid silver;}  
p#hover_text {margin:0 0 1px 0; text-align:center; font-size:.8em; font-weight:bold; color:#008000;}


/* Page: I_BUYDEDUCTIONS */
#buyded_calculation_text {font:.85em "Courier New",Courier,fixed;}

/* Page: I_CAPGAIN */
.capgain_formula {
  margin:0 0 .1em 8em; 
  padding:.1em; 
  width:70%; 
  border-bottom:1px solid white; 
  background-color:#EEE; 
  font:.9em Arial,Helvetica,sans-serif;
}

/* Page: TEAM */
#brokerage_info {margin-bottom:1.1em; padding:.25em 5em;; vertical-align:top; background-color:#EEE; border:1px solid #CCC;}
#brokerage_info #phones {float:right; margin-right:10em;}
#brokerage_info #name, #brokerage_info #main_phone {font-weight:bold;}
#brokerage_info #address {width:50%;}

table#team_table {border:0; font-size:.9em;}
#team_table td {vertical-align:top;}
#team_table td.col_left {padding-left:1em; width:32%;}
#team_table td.col_middle {width:23%; padding:0 1em;}
#team_table td.col_right {padding-right:1em; width:48%; font-size:.95em;}
#team_table td.divider {padding-bottom:0;}
#team_table hr {height:1px; color:#EEE;}
#team_table span.title {font-weight:bold;}
#team_table span.company_name {font-size:.85em;}
#team_table img.envelope {border:0; width:35px; height:18px;}

/* Page: I_BROKERS */
p#brokers_attention {font-style:italic; font-weight:bold;}

/* Page: I_INDEX */
/* following is the formatting for the letters of the word "STAR" */
span#index_s, span.index_t, span.index_a, span.index_r {font-weight:bold;}
span#index_s {color:#F93;}
span#index_t {color:red;}
span#index_a {color:blue;}
span#index_r {color:green;}

/* Page: LOAN/APPLIC_PURCHASE */
div#loan_application p {margin:0 3em .5em; text-align:left;}

/* Page: Loan/CLOSING_COSTS */
/* trying to use non-table layout but the WIDTH doesn't work: 
div#closing_costs2 {font:.85em Arial,Helvetica,sans-serif;}
div#closing_costs2 .row {margin:0; padding:0;}
p.row span.title1 {width:27em;}
p.row span.item {width:27em;}
div#closing_costs2 .title1 {font-weight:bold;}
div#closing_costs2 .item {padding-left:1em;}
div#closing_costs2 .two, div#closing_costs2 .three, div#closing_costs2 .title2, div#closing_costs2 .title3 {margin-right:2em; padding-right:1em; width:18px;}
div#closing_costs2 .two, div#closing_costs2 .three {background-color:#FF9; border:1px solid black;}
div#closing_costs2 .title2, div#closing_costs2 .title3 {background-color:white; text-decoration:underline;}
*/

/* this is working: */
table#closing_costs2 {font:.85em Arial,Helvetica,sans-serif; margin-left:4em;}
table#closing_costs2 td.title1 {font-weight:bold;}
table#closing_costs2 .item {margin-left:1em; padding-left:1em; text-indent:1em;}
table#closing_costs2 .entry {margin-right:2em; padding-right:1em; width:6em; background-color:#FF9; border:1px solid black;}
table#closing_costs2 .title2 {text-decoration:underline; text-align:center;}
table#closing_costs2 .comment {font-style:italic; text-align:center;}

/* Page: LOAN_PROGRAMS */
p.ln_title_row {
  padding:0 3em 0 1em; 
  font:1em Arial, Helvetica, sans-serif; 
  background-color:#E5E5E5; 
  border:1px solid black;
}
span.ln_lender_id {float:right;}
span.ln_program_title {font-weight:bold; color:navy;}
p.ln_program_description {margin:0 2em; text-align:left;}

/* Page: lowest-rate-guarantee.com/index.php */
/* if promo code is entered, display as a window */
#promo_msg {float:right; margin:0 1em 0 0; padding:.25em; width:18em; border:solid 1px #CCC; background-color:#F9F9F9; font-size:.9em; font-weight:bold; color:red;}

/******************** SPAN */

span#agent_phone, span#tollfree_phone {font-weight:bold;}
span#client_guide {font-weight:bold; color:navy;}

/******************** ANCHORS */

div#left a {padding:0;}
div#center a {font-size:1em;}
div#center_2 ul a {font-weight:bold;}
p#contact_info a {color:white;}

form#quicklinks select {font-size:.7em;}

form#google_sitesearch {margin:0px auto;}

dl dt {font-weight:bold;}
dl dd {margin-bottom:1em;}

#license {margin:auto auto 1em auto; font-size:1.25em; font-family:"Times New Roman"; border:1px solid #CCC; width:45%; background-color:#EEE; border-collapse:collapse; }
#license td#title {padding:.5em; font-weight:bold; font-style:italic; text-align:center; text-decoration:underline;}
#license td.col_left {text-align:right;}
#license td.col_middle {text-align:center;}
#license td.col_right {text-align:left;}
#license span#versus {margin:auto .5em;}

table#results {border:0; background-color:#C0C0C0;}
#results .results_outside_column {border-collapse:collapse; background-color:#FFF;}
#results #buyers, #results #sellers {border-collapse:collapse;}
#results td.column_title_cell {text-align:center; background-color:#000080; font-size:1.5em; color:#FFF;}
#results td.property {width:22%; text-align:center;}
p#results_top_of_page_link {text-align:center;}

#results span.comment {font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size:.85em;}
#results img.photo {border:1px solid black; width:100px; height:75px;}
#results span.sold {padding:0 .1em; background-color:#F00; color:#FF0; font-size:.85em;}
#results span.address {font:.85em "Times New Roman", serif;}
#results span#results_broker_choice {color:#F00; font:italic bold 1em inherit;}

table.basic {margin:auto; padding:0; border-collapse:collapse; text-align:center;}
#translate {font-size:.75em;}