/* 
 * Core styles 
 */

/* this makes default font-size 10px and default line-height 15px */
body { font: 62.5%/1.2 Trebuchet MS, Arial, Helvetica, sans-serif; color: #000; background: #fff; margin: 0; padding: 0; text-align: center; }
a { color: #036; text-decoration: none; border-bottom: 1px dotted #036; }
a:visited { color: #92abb1; text-decoration: none; border-bottom: 1px dotted #92abb1; }
a img { border: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
form { padding: 0; margin: 0; }
input, select, th, td { font-size: 1em }	/* supposed to fix ie relative-font-sizing problem */
* html th, * html td { font-size: .75em; }	/* ... but only this seems to do that. */
th { text-align: left; }

h1 { font-weight: normal; font-size:2.2em; }  /* will be displayed at a little over 24 px in #content, thanks to 1.1em setting there */
h2 {font-size:1.5em; font-weight: normal; margin-top: 0; margin-bottom: 0; }  /* displayed at 15px normally; in #content, it's 18px (1.5em here x 1.2 em there). */
h3 {font-size:1.4em }  /* displayed at 14px normally; in #content, it's 16.8px (1.4em here x 1.2 em there). */
h4, span.inline_h4 { font-size:1.2em }  /* displayed at 12px normally; in #content, it's 14.4px (1.2em here x 1.2 em there). */
span.inline_h4 { font-weight: bold; }
h4.no_bottom_margin { margin-bottom: 0; }
h5 {font-size:1.2em; margin-top: 0; margin-bottom: 6px; background: url(../images/bg_rule.gif) bottom repeat-x; color: #036; }   /* same as h4 above, but with a long dotted line underneath */
h6 {font-size:1.4em}  

/*
 * Containers
 * A centers the whole site; B provides the white background and the left-float we're going to need
 * from here on in; C creates the thin blue border as well as the 2 pixels of space inside of it;
 * if there's a left nav, D uses the "faux columns" technique to create a gray background for it.
 */
#container_A { float: none; margin: 25px 0 0 0; text-align: left; width: auto; }
#container_B { float: none; width: auto; }
#container_C { float: none; border: none; width: auto; }
* html #container_C { width: auto;}
#container_D { background: none; float: none; width: auto; }


/*
 * Homepage specific
 */
#homepage_banner { float: left; width: 753px; margin-top: 2px; }
#homepage_feature_tout { float: left; width: 516px; margin-right: 2px; }
#homepage_scroller { float: left; width: 235px; }
.scroller_photo { float: left; width: 58px; margin-right: 8px; }
#scroller_content { float: left; color: #036; font-size: 1.2em; padding: 10px 7px 0 7px; width: 203px; height: 88px; overflow: hidden; background: #ebebeb; }
* html #scroller_content { height: 98px; width: 217px; }
#scroller_content h3 { font-size: 1em; margin: 0; }
#scroller_content p { margin: 0; }
.scroller_controller { float: left; width: 9px; }
* html .scroller_controller { margin: 0 -3px; }
#homepage_our_focus { float: left; padding: 15px 0 0 15px; width: 220px; height: 84px; overflow: hidden; background: #ebebeb; margin-top: 2px;}
* html #homepage_our_focus { width: 235px; height: 99px; }
#homepage_our_focus select { width: 163px !important; }
#homepage_content { float: left; width: 753px; margin: 5px -3px 0 0; color: #036; }
#homepage_content a { font-weight: bold; color: #036; text-decoration: underline; }
#homepage_whats_new { float: left; width: 516px; margin-right: 2px; border-top: 5px solid #ebebeb; }
#homepage_whats_new p, #homepage_whats_new li { font-size: 1.2em; }
#homepage_whats_new p { margin-top: 5px; }
#homepage_whats_new div.graphic_header { border-bottom: 1px solid #ebebeb; margin: 10px 0; padding: 2px 0 0 25px; }
#homepage_whats_new div.graphic_header img { position: relative; top: 3px; }
* html #homepage_whats_new div.graphic_header img { top: 5px; }
#homepage_whats_new h3 { margin: 0; }
#homepage_whats_new img.item_image { float: left; margin: 0 5px 5px 0; }
#homepage_whats_new ul { padding: 0; margin: 0; }
#homepage_whats_new li { list-style-type: none; padding-left: 10px; background: url(../images/bullet_jumpnav_area.jpg) 0 1px no-repeat; margin-bottom: 10px; }
#homepage_whats_new li a { }
#homepage_whats_new #col1 { float: left; width: 258px; padding: 0 10px 0 25px; }
#homepage_whats_new #col1 h3 a { }
* html #homepage_whats_new #col1 { width: 293px; } 
#homepage_whats_new #col2 { float: left; width: 223px; }


#homepage_new_grants { float: left; width: 235px; border-top: 5px solid #ebebeb; }
#homepage_new_grants div.graphic_header { border-bottom: 1px solid #ebebeb; margin: 10px 0; padding: 0 0 0 10px; }
#homepage_new_grants div.graphic_header img { position: relative; top: 3px; }
* html #homepage_new_grants div.graphic_header img { top: 5px; }
#homepage_new_grants ul { padding: 0; margin: 0 0 0 10px; }
#homepage_new_grants li { list-style-type: none; padding-left: 10px; background: url(../images/bullet_jumpnav_area.jpg) 0 1px no-repeat; margin-bottom: 10px; }
#homepage_new_grants li a { }
#homepage_new_grants li, #homepage_new_grants p { font-size: 1.1em; }
#homepage_new_grants p#search_grants_button { text-align: center; margin: 15px 0;}

/*
 * Header area
 */
#header { background: none; float: none; }
#logo { display: none; }
#print-logo { display: block; float: none; }
#search { float: left; width: 195px; margin: 32px 0 0 310px; display: none;}
* html #search { margin-left: 279px; } 
#search #query, #search #button { vertical-align: middle; }
#search #query { border: 0; height: 18px; width: 134px; margin-right: 3px; line-height: 1; }

/*
 * Top nav
 */
#top_nav { display: none; }
* html #top_nav { width: 753px; }
#top_nav a { display: block; float: left; height: 34px; margin-right: 4px; text-decoration: none; }
#top_nav a span { visibility: hidden; }
a#about_mott { width: 88px; background: url(../images/nav_am_off.gif) no-repeat; }
a#about_mott_on, a#about_mott:hover { width: 88px; background: url(../images/nav_am_on.gif) no-repeat; }
a#recent_news { width: 90px; background: url(../images/nav_rn_off.gif) no-repeat; }
a#recent_news_on, a#recent_news:hover { width: 90px; background: url(../images/nav_rn_on.gif) no-repeat; }
a#publications { width: 101px; background: url(../images/nav_p_off.gif) no-repeat; }
a#publications_on, a#publications:hover { width: 101px; background: url(../images/nav_p_on.gif) no-repeat; }
a#seeking_a_grant { width: 113px; background: url(../images/nav_sag_off.gif) no-repeat; } /* 112 */
a#seeking_a_grant_on, a#seeking_a_grant:hover { width: 113px; background: url(../images/nav_sag_on.gif) no-repeat; }
a#grantee_toolbox { width: 112px; background: url(../images/nav_gt_off.gif) no-repeat; } /* 113 */
a#grantee_toolbox_on, a#grantee_toolbox:hover { width: 112px; background: url(../images/nav_gt_on.gif) no-repeat; }

#site_tools { margin-left: 29px; padding: 0 4px; width: 185px; float: left; background: #849f7c; }
* html #site_tools { width: 193px; }
#site_tools a { margin-right: 1px; }
a#rss_feeds { width: 63px; background: url(../images/tools_rf.gif) no-repeat; }
a#newsletters { width: 72px; background: url(../images/tools_nl.gif) no-repeat; }
a#login { width: 46px; background: url(../images/tools_l.gif) no-repeat; margin-right: 0; }
a#logout { width: 46px; background: url(../images/tools_lo.gif) no-repeat; margin-right: 0; }

/*
 * Section header/feature tout
 */
#section_header { display: none; }
#section_name { margin: 29px 0 0 11px; }
#feature_tout { border-left: 2px solid #fff; float: right; }
* html #feature_tout { margin-right: -3px; }

/*
 * Subnav area
 */
#subnav_area { display: none; }
#subnav_area ul { padding: 0; margin: 0; background: #fff;}
ul#subnav { border-bottom: 1px solid #fff; }
/* this stuff is true for all level2nav, level3nav and level4nav items */
ul#subnav li { list-style: none; color: #036; border-bottom: 1px solid #fff; }
* html ul#subnav li { border: 0; } /* ie inexplicably gives us an automatic margin beneath {display: block } anchors, so no need for a border in that case */
ul#subnav li.last { border: 0; }
ul#subnav li a { color: #036; text-decoration: none; display: block; padding: 4px 0; }
/* this is level2nav items only */
ul#subnav li a { padding-left: 11px; background: #abc4a3 url(../images/bullet_subnav_contracted.gif) 4px 6px no-repeat; }
* html ul#subnav li a { width: 154px; }
ul#subnav li a.expanded, ul#subnav li a#on { background: #abc4a3 url(../images/bullet_subnav_expanded.gif) 2px 9px no-repeat; font-weight: bold; }
ul#subnav li a#on { background-color: #92abb1; }
/* this is true for level3nav and level4nav items */
#subnav_area ul ul { border-top: 1px solid #fff; }
* html #subnav_area ul ul { border: 0; } /* see above, re: inexplicable ie margins */
ul#subnav li li a { background: #d7e3d3; padding-left: 13px; }
ul#subnav li li a.expanded { background: #d7e3d3; font-weight: bold; }
ul#subnav li li a#on { font-weight: bold; background: #92abb1; }
/* level4nav items only */
ul#subnav li li li a { padding-left: 23px; }
/* rollover -- works on levels 2, 3, 4 unless they're in "on" state */
ul#subnav li a:hover, ul#subnav li li a.expanded:hover, ul#subnav li li a#on:hover, ul#subnav li a#on:hover { background-color: #849f7c; }
ul#subnav li a.expanded:hover { background: url(../images/bullet_subnav_on_expanded.gif) 2px 9px no-repeat; }

/* local nav */
.local_nav_box { background: #dbdbdb; padding: 8px 10px; float: left; color: #036; width: 134px; margin-bottom: 2px;}
* html .local_nav_box { width: 154px; }
#subnav_area .local_nav_box ul { background: transparent; }
.local_nav_box ul li { list-style: none;}
.local_nav_box li a { color: #036; text-decoration: none; width: 100%; display: block; padding: 4px 5px 4px 14px; background: url(../images/bullet_local_nav.jpg) 4px 6px no-repeat; margin: 0 !important;}
.local_nav_box li a:visited { color: #036; }


/* tout for downloadable materials */
#download_tout { background: #dbdbdb; padding: 10px; float: left; color: #036; width: 134px; }
* html #download_tout { width: 154px; }
#download_tout img#tout_image { float: left; margin-right: 5px; }
#download_tout p { margin: 0 0 5px 0; float: left; }
#download_tout p.pdf_link { background: url(../images/icon_pdf.gif) no-repeat; padding: 3px 0; }
#download_tout p.pdf_link a { color: #666; text-decoration: none; padding-left: 22px; }

/* intro box */
#intro_box { background: #cbd7c7; padding: 10px; float: left; color: #036; width: 134px; margin-bottom: 2px; }
* html #intro_box { width: 154px; }
#intro_box h5 { margin: 0; background: transparent; font-size: 1em; }
#intro_box p { margin: 0 0 5px 0; }

/*
 * Content area
 * If a style has both a #container_D and a no-#container_D version, the first is for pages _with_
 * a left nav and the second is for pages without one.
 * Note: usable content area, without subnav area, is 556px.  With subnav area should be 400px.  Jump nav width is 195px.
 */
#content { width: auto; float: none; color: #000; font-size: 1.2em; border: none; padding: 10px 0; }
* html #content { width: 752px; }
#content td, #content th { color: #000; } /* another ie hack. */
#container_D #content { width: auto; border: none; }
* html #container_D #content { width: auto; margin-right: -3px;}
#subsection_header { background: #e8f1f2; float: none; margin-bottom: 45px;} /* TDA: added 20px to bottom margin to fix date cut-off problem when printing */
#subsection_header { width: 556px; }
#container_D #subsection_header { width: 400px; }
#subsection_header #subection_image, #content #subsection_header #header_text { margin-left: 11px; }
#subsection_header #subection_image { margin-bottom: 5px; }
#subsection_header #header_text { margin-bottom: 5px; }
#breadcrumbs { display: none; padding: 7px 11px; font-size: .95em; width: 534px; float: left; }
* html #breadcrumbs { width: 556px; }
#container_D #breadcrumbs { width: 378px; }
* html #container_D #breadcrumbs { width: 400px; }
.breadcrumbs_above_subsect_hdr { background: #e8f1f2; }
#breadcrumbs a { color: #04467f; text-decoration: none; }
#breadcrumbs #thispage { color: #666; }
#subsection_header { margin-left: 0px; }
#content p, 
#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5 { margin-left: 0px; margin-right: 11px; } 
#content p { margin-top: 0; }
#content h1 { margin: 0 0 10px 0; clear: left; }
#content h2 a { }
#content ul { margin: 0 0 12px 0; padding: 0; }
#content li { list-style-type: none; background: url(../images/bullet_standard_list.gif) 11px 2px no-repeat; padding-left: 21px; margin-bottom: 8px; }
.button { vertical-align: middle; margin-right: 10px; }
.lead_photo { float: left; margin: 0 15px 15px 11px; }

blockquote p { margin: 0 !important; }

/*
 * Specialized types of content
 */
.publication_record { padding-top: 5px; }
.publication_record h3 { color: #036; margin-bottom: 2px; margin-top: 0;}
.publication_record p { margin-top: 0; }
.publication_record p.description { font-size: 1.1em; } /* should put us at 12px, or a tad over */
.publication_record p.links { margin-bottom: 0;}
#first img.publication_image { margin-right: 0; }
img.publication_image { float: right; margin: 0 11px 12px 0; }
.pager { margin-top: 5px; padding-bottom: 20px;}
.pager a { text-decoration: none; }
.pager a:hover { text-decoration: underline; }
.pager a.prev, .pager a.next { font-weight: bold; }

#article_image { float: left; width: 90px; margin: 20px 6px 20px 0px; }
#article_header_info { float: left; width: 440px; padding-bottom: 15px; }
#content #article_header_info .rule { margin-right: 0; margin-top: 5px; margin-bottom: 10px;}
#article_header_info p { margin-top: 0; margin-bottom: 0; }
#article_header_info h3 { padding-top: 20px; margin-top: 0; margin-bottom: 0; color: #036; }
#article_text { float: left; width: 634px; padding-bottom: 15px; }
#article_text h4 { margin-top: 0; margin-bottom: 5px; }
#article_text ul { margin-bottom: 15px; }
#article_text li { margin-bottom: 4px; }

.article_teaser { font-size: .95em; }

.publication_record_small { float: left; padding-bottom: 7px; margin: 5px 0 0 -2px; }
* html .publication_record_small { margin-left: -3px; }
.publication_record_small img.publication_image { float: left; width: 45px; margin-right: 0; }
.publication_record_small .publication_info { float: left; width: 680px; }
#container_D .publication_record_small .publication_info { float: left; width: 541px; }
#content .publication_info p { margin-left: 10px; }

.important { color: #c30; }

table#pr_list { width: 385px; }
table#pr_list td { padding-bottom: 10px; vertical-align: top; }
table#pr_list td.date { width: 120px; }

p#pr_article_date { margin-bottom: 0; }
p#news_article_date {}
h2#pr_article_header, h2#news_article_header { margin-bottom: 10px; }

.photo { float: left; font-size: .95em; margin: 0 10px 10px 0px; display: inline; }

.sidebar { float: right; background: #ebebeb; font-style: italic; width: 150px; padding: 10px; margin: 0 11px 10px 10px; display: block; }
* html .sidebar { width: 170px; margin-right: 0; }
.sidebar img { margin: 0 auto 10px auto !important; display: block; }
.sidebar p { margin: 0 !important; }

#content ul.notes { }
#content ul.notes li { font-size: .95em; background: url(../images/bullet_dot.gif) 0px 4px no-repeat; }

h2.grant_detail_org_name { margin-bottom: 10px; }
table.grant_detail_table { width: 524px; margin: 0 0 10px 0px; }
table.grant_detail_table td { padding-bottom: 2px; }
table.grant_detail_table td.label { width: 120px; font-weight: bold; }
.grant_detail_project_contact { font-weight: bold; }

/* regular search results stuff */
.search_highlight { color:#036; font-weight: bold; }

/* grants search pages stuff */
h4.keyword_search { clear: left; float: left; margin-bottom: 10px; margin-top: 10px; margin-bottom: 0px;}
input#keyword { float: left; }
a.hide, a.show { vertical-align: middle; }
a.show { background: url(../images/bullet_collapsed.gif) 0 3px no-repeat; padding-left: 15px; }
a.hide { background: url(../images/bullet_expanded.gif) 0 3px no-repeat; padding-left: 15px; }
#content fieldset#gs { width: 547px; }
#content fieldset#gs div { width: 547px; }
#content fieldset#gs div div { margin: 0; }
#content fieldset#gs div#searchToggle { } /* float: left; width: 200px; padding: 0 0 3px 11px; margin: 7px 0 0 0; position: relative; top: -5px; */
#content fieldset#gs input#search_button { margin-left: 25px; }
#content fieldset#gs input.space_below,
#content fieldset#gs select.space_below { margin-bottom: 15px; }
#content fieldset#gs div fieldset { border: 1px solid #ccc; float: left; width: 230px; padding: 0 5px 10px 10px; }
#content fieldset#gs div fieldset legend { font-weight: bold; color: #036; margin: 10px 0;}
#content fieldset#gs div#advancedSearch { display: none; } /* eventually display: none; */
#content fieldset#gs div#advancedSearch h2 { margin-left: 0; clear: left;}
#content fieldset#gs div#advancedSearch h4 { margin: 0; clear: left; }
#content fieldset#gs div#advancedSearch #programarea_submenu, 
#content fieldset#gs div#advancedSearch #geo_submenu, 
#content fieldset#gs div#advancedSearch #geo_subsubmenu { width: 200px; margin: 0; }
#content fieldset#gs div#advancedSearch #programarea_submenu select, 
#content fieldset#gs div#advancedSearch #geo_submenu select, 
#content fieldset#gs div#advancedSearch #geo_subsubmenu select { font-size: .9em; }
#content fieldset#gs div#left, #content fieldset div#right { float: left; width: 260px; margin: 0; }
#content fieldset#gs label { float: none; margin: 0 0 5px 0; clear: left; text-align: left; width: auto; }
#content fieldset#gs div#advancedSearch select#Grant_Fiscal_YearTo, 
#content fieldset#gs div#advancedSearch select#Grant_Fiscal_YearFrom,
#content fieldset#gs div#advancedSearch select#AmountComparitor { width: auto; }
#content fieldset#gs div#advancedSearch input#Grant_Amount { width: 70px; }

/* grants search results stuff */
p.search_results { font-weight: bold; color: #036; }
p.top_search_results_pager { margin-bottom: 5px; padding-bottom: 0 !important;}
table.search_results_table { width: 731px; }
.search_results_table th { padding: 3px 0; vertical-align: middle; background: #E0E0E0; }
.search_results_table th input { margin: 0; padding: 0; }
.search_results_table td { padding: 3px 10px 0 0; vertical-align: top; }
.search_results_table td.rule_td { padding: 5px 3px 3px 3px; }
.search_results_table .title { width: 229px; }
.search_results_table .organization { width: 170px; padding-left: 5px; }
.search_results_table .location { width: 105px; }
.search_results_table .amount { width: 80px; }
.search_results_table .program { width: 82px; }
.search_results_table .title div.project_website { margin-top: 4px; }
.search_results_table .title div.project_website img { vertical-align: middle; }


/* general form stuff */
#content fieldset { margin: 10px 0; float: left; width: 564px;}
#content fieldset div { margin: 5px 0 11px 0; width: 564px; float: left; display: inline; }
#content fieldset div input { vertical-align: middle; margin: 0 0 4px 0; }
#content fieldset div select,
#content fieldset div input#first_name,
#content fieldset div input#last_name,
#content fieldset div input#email,
#content fieldset div input#address_line1,
#content fieldset div input#address_line2,
#content fieldset div input#city,
#content fieldset div input#state,
#content fieldset div input#postal_code,
#content fieldset div input#country,
#content fieldset div input#phone_1,
#content fieldset div input#subject { width: 200px; }
#content fieldset div textarea.message { width: 350px; height: 200px; }
#content fieldset div label { display: block; margin: 5px 10px 0 0; float: left; width: 100px; vertical-align: middle; text-align: right;}
#content fieldset div label.required { font-weight: bold; }
#content fieldset div.select_group label { padding: 2px 0 4px 0; }
#content fieldset div.select_group div { width: 454px; float: left; }
#content fieldset div.select_group div select { width: auto; }
#content fieldset div.radio label { margin: 0; }
#content fieldset div.radio input { margin: 0 5px 0 15px; }
#content fieldset span.radio_group label { display: inline; margin: 0; float: none; width: auto; vertical-align: middle; text-align: left; }
#content fieldset div.checkbox input { margin-right: 5px; width: auto; }
#content fieldset div.checkbox label { margin-top: 0; }
* html #content fieldset div.checkbox input { margin-left: -4px; }


/* grantee tool box stuff */
#gt_tools { padding: 7px 11px 7px 0; }
table.gt_grants, table.gt_urgent_items { margin: 0 0 20px 0px; width: 575px; }
table.gt_grants th, table.gt_urgent_items th { padding-bottom: 4px; }
table.gt_grants td, table.gt_urgent_items td { vertical-align: top; }
.gt_urgent_items td { padding-bottom: 2px; }
.gt_urgent_items th.id { width: 125px; }
.gt_urgent_items th.item { width: 200px; }
.gt_urgent_items th.due_date { width: 105px; }
.gt_urgent_items th.status { width: 145px; }
.gt_grants td { padding-bottom: 10px; }
.gt_grants th.grants { width: 210px; }
.gt_grants th.amount { width: 120px; }
.gt_grants th.approval_date { width: 110px; }
.gt_grants th.id { width: 135px; }
/* form fields within the grantee toolbox section */
#content fieldset#gt div label { float: none; width: auto; margin: 0; text-align: left; }
select#select_project, input#email, input#phone, input#fname, input#lname { width: 200px; }
input#send_me_gt_stuff { margin: 5px 5px 5px 0; padding: 0; vertical-align: middle;}
#content fieldset div#name_block div { width: 215px; float: left; margin: 0; }
input#job_title { width: 415px; }
#content fieldset #password_block { border: 1px solid #666; padding: 3px 0 3px 10px; width: 260px;}
input#pass1, input#pass2 { width: 100px; }
#content fieldset#gt #password_block label { float: left; width: 130px; padding: 8px 0; clear: left; }
#content fieldset#gt #password_block input { margin: 6px 0; }
p.form_message { clear: left; float: left; }
* html p.form_message { float: none; }

/*
 * Jump nav area
 */
#jump_nav_area { display: none; } 
* html #jump_nav_area { width: 195px; }
div.sidebar_w_background { background: #e7f1f2 !important; }
div.jump_up { position: relative; top: -70px; }
#content #jump_nav_area fieldset { margin: 0; float: none; width: auto; } /* needed to counteract the "general form stuff" that makes fieldsets behave correctly in the main content, but badly here */
img.graphic_header { margin-bottom: 5px; display: block; }
#content #jump_nav_area p { margin-left: 0; margin-right: 0; }
#our_focus input, #our_focus select, 
#homepage_our_focus input, #homepage_our_focus select { vertical-align: middle; margin-bottom: 8px; }
#our_focus select,
#homepage_our_focus select { width: 122px; height: 18px; margin-right: 4px; border: 1px solid #a5acb2;}
#search_grants p { margin: 3px 0 5px 0; }
#utilities a { display: block; margin: 0 2px; padding-left: 20px; color: #666; text-decoration: none; font-size: 1.1em; line-height: 1.5; }
#utilities a#print { background: url(../images/icon_print.gif) 0 2px no-repeat; }
#utilities a#email { background: url(../images/icon_email.gif) 0 2px no-repeat; }
#utilities a#popular { background: url(../images/icon_popular.gif) 0 2px no-repeat; }
#related { color: #036; }
#related ul { padding: 0; margin: 0; }
#related li { list-style-type: none; padding-left: 10px; background: url(../images/bullet_jumpnav_area.jpg) 0 1px no-repeat; margin-bottom: 10px; }
#related a { font-weight: bold; color: #036; text-decoration: none; }

/*
 * Footer 
 */
#footer { clear: both; float: left; width: auto; margin-top: 2px; padding: 10px 0; border: none; text-align: left; font-size: 1.1em; color: #000; }
#footer a { color: #999; text-decoration: none; border: none; }
#footer p { display: none; margin: 0; padding: 0 0 8px 0;}
#footer #legal { display: block; margin-left: 11px; font-size: 1em; border: none; padding-top: 8px;}
#footer #legal a { color: #036; }

/*
 * Utility classes
 */
.clear_left { clear: left; }
.clear_right { clear: right; }
.rule, #content #jump_nav_area .rule { font-size: 2px; line-height: 2px; height: 1px; background: url(../images/bg_rule.gif) repeat-x; margin: 10px 0; }
#content .rule { margin: 10px 11px 10px 0; }
#content td .rule { margin: 0; }
p.between_h5s { margin: 0; }


h1 { margin-top: 20px !important; padding-left: 10px; }
