/************************************************/
/* Community Financial Education Foundation CSS */
/************************************************/
/**************************************************** SITE STYLING ****************************************************/
html, body { height:100%; margin:0; padding:0; }
html { background:#d2d2d2; }
body { font:normal 13px Arial; }
a { color:#005f02; }
a:hover { text-decoration:none; }
h1 { color:#005f02; font-size:35px; margin:10px 0 0 0; padding:0; }
h2 { color:#005f02; }
h3 { color:#005f02; font-size:18px; margin:0; padding:0; }
h4 { color:#005f02; font-size:16px; margin:0; padding:0; }
img { border:none; }
p { line-height:20px; margin:3px 0 15px 0; padding:0; }
ol { line-height:20px; margin:0 0 15px 23px; padding:0; }
ul { line-height:20px; margin:0 0 15px 15px; padding:0; }
ul li ul { margin-bottom:5px; }
ul li p { font-style:italic; margin:0 0 5px 0; }
ul.right_column { padding:0 0 0 15px; float:right; width:60%; }
strong { color:#005f02; }

#container { margin:15px auto; width:857px; }
#wrapper_1 { background:url('/images/wrapper_bg.jpg'); float:left; width:100%; }
#wrapper_2 { background:url('/images/header_bg.jpg') no-repeat; float:left; width:100%; }
#wrapper_3 { background:url('/images/footer_bg.jpg') bottom no-repeat; float:left; width:100%; }
#header { float:left; height:164px; position:relative; width:100%; }
#header #cfef_logo { position:absolute; top:19px; left:56px; }
#header #newsletter_form { background:url('/images/newsletter_bg.jpg'); height:96px; position:absolute; top:11px; left:470px; width:322px; }
#header #newsletter_form .text { position:absolute; top:65px; left:90px; width:150px; }
#header #newsletter_form .button { position:absolute; top:55px; left:250px; }
#header .nav { background:url('/images/nav_bg.jpg') no-repeat; padding:0 0 0 20px; position:absolute; top:128px; left:28px; height:36px; width:803px; }
#header .nav a { float:left; margin-right:1px; opacity:.0; filter:alpha(opacity=0); -moz-opacity:0.0; }
#header .nav a:hover,#header .nav .selected { opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; }
#content { float:left; min-height:300px; height:auto !important; height:300px; padding:0 39px 0 39px; position:relative; width:779px; }
#content #sidebar_left { float:left; width:230px; }
#content #sidebar_right { float:left; width:534px; }
#content #main { float:left; padding:15px 15px 0 15px; width:749px }
#content #title { margin:10px 0 10px 0; }
#footer { float:left; height:150px; position:relative; width:100%; }
#footer .divider { position:absolute; top:10px; left:35px; }
#footer .logo { position:absolute; top:40px; left:60px; }
#footer .nav { color:#005f02; position:absolute; top:40px; left:190px; }
#footer .nav a { color:#005f02; font-size:12px; margin:5px; }
#footer .disclaimer { font:bold 10px Arial; position:absolute; top:80px; left:195px; width:600px; }

.left { float:left; }
.right { float:right; }

.right_pic { float:right; margin:0 0 10px 10px; }

.thirty { width:29%; }
.forty { width:39%; }
.fifty { width:49%; }
.sixty { width:59%; }
.sixtyfive { width:64%; }
.seventy { width:69%; }
.hundred { width:100%; }

.cbox { background:url('/images/cbox_bg.jpg'); margin:18px 0 0 0; padding:0 0 70px 0; position:relative; width:214px; }
.cbox .top { position:absolute; top:0; left:0; }
.cbox .bottom { position:absolute; bottom:0; left:0; }
.cbox form { color:#005f02; display:inline; float:left; font-weight:bold; margin:0 25px 0 25px; position:relative; }
.cbox strong { color:#005f02; display:block; font-size:16px; line-height:19px; margin:5px 0 0 108px; position:relative; }
.cbox h3 { margin:10px 0 5px 20px; position:relative; }
.cbox p { font-size:11px; line-height:15px; margin:10px 20px 0 20px; padding:0; position:relative; }
.cbox .divider { position:absolute; bottom:50px; right:20px; }
.cbox .button { position:absolute; bottom:10px; right:50px; }
.cbox form .button { position:absolute; bottom:-50px; right:47px; }
.cbox .calc_icon { position:absolute; top:-11px; left:25px; }
.cbox .cc_icon { position:absolute; top:-14px; left:20px; }
.cbox .events_icon { position:absolute; top:-12px; left:20px; }

.cbox2_container { padding-left:10px; width:293px; }
.cbox2 { background:url('/images/cbox2_bg.jpg'); margin:18px 0 15px 0; padding:0 0 10px 0; position:relative; width:283px; }
.cbox2 .top { position:absolute; top:0; left:0; }
.cbox2 .bottom { position:absolute; bottom:0; left:0; }
.cbox2 form { color:#005f02; display:inline; float:left; font-weight:bold; margin:0 35px 0 35px; position:relative; }
.cbox2 strong { color:#005f02; display:block; font-size:16px; line-height:19px; margin:5px 0 0 108px; position:relative; }
.cbox2 h3 { margin:10px 0 5px 35px; position:relative; }
.cbox2 p { font-size:11px; line-height:15px; margin:10px 20px 0 20px; padding:0; position:relative; }
.cbox2 .textfield { width:200px; }
.cbox2 .inner { display:inline; float:left; margin:10px 35px 10px 35px; position:relative; }

#bookmark_butt { position:absolute; top:25px; left:730px; }
#bookmark_butt2 { position:absolute; top:270px; left:730px; }
#bookmark_butt3 { position:absolute; top:5px; left:55px; }

/* ANYLINK DROPDOWN MENU STYLING */
.anylinkcss { background:#E9FECB; border:1px solid #005f02; border-bottom-width:0; font:normal 12px Arial; line-height:18px; position:absolute; visibility:hidden; z-index:100; }
.anylinkcss a { border-bottom:1px solid #005f02; display:block; font-weight:bold; padding:1px 5px 0 0; text-decoration:none; text-indent:5px; width:auto; }
.anylinkcss a:hover { background:#005f02; color:white; }

/****************************************************** HOME PAGE *****************************************************/
.home_news { float:left; margin:0 0 20px 0; width:100%; }
.home_news .info { float:right; width:90%; }
.home_news .info i { color:#005f02; font-size:11px; }

/*************************************************** EXECUTIVE TEAM ***************************************************/
.bio_pic { float:right; padding:0 0 15px 15px; text-align:center; }

/********************************************* FREQUENTLY ASKED QUESTIONS *********************************************/
.faqq { display:block; line-height:18px; margin-bottom:12px; }
.top_link { font:bold 12px Arial; line-height:25px; }
.faq_pic { float:right; margin:0 0 10px 10px; }

/*************************************************** SUCCESS STORIES **************************************************/
.success_story { float:left; padding-bottom:10px; width:60%; }
.success_story .divider { border-top:1px solid #A4DC6D; height:15px; margin-left:10%; width:80%; }
#success_form { background:url('/images/cbox2_bg.jpg'); margin:18px 0 15px 0; padding:0 0 10px 0; position:relative; width:283px; }
#success_form .top { position:absolute; top:0; left:0; }
#success_form .bottom { position:absolute; bottom:0; left:0; }
#success_form form { color:#005f02; display:inline; float:left; font-weight:bold; margin:0 5px 0 5px; position:relative; }
#success_form h4 { margin-bottom:8px; position:relative; }
#success_form p { font-size:11px; line-height:15px; margin:10px 20px 0 20px; padding:0; position:relative; }
#success_form .textfield { width:200px; }
#success_form .inner { display:inline; float:left; margin:10px 25px 10px 25px; position:relative; }

/***************************************************** BENEFACTORS ****************************************************/
.benefactor { float:left; font-size:12px; padding:20px 10px 0 10px; text-align:center; }

/******************************************************* EVENTS *******************************************************/
#events { float:right; overflow:hidden; width:65%; }
.event { border-bottom:1px solid gray; float:left; padding:10px 0 10px 0; width:100%; }
.event_images { float:left; width:100%; }
.event_images img { border:1px solid black; float:left; margin:5px; height:100px; width:100px; }

/**************************************************** RECENT EVENTS ***************************************************/
#recent_events { border-left:2px solid #e0e0e0; border-right:2px solid #e0e0e0; border-bottom:2px solid #e0e0e0; margin:18px 0 0 7px; padding:0 0 10px 0; position:relative; width:225px; }
#recent_events .top { position:absolute; top:0; left:-13px; }
#recent_events .bottom { position:absolute; bottom:0; left:0; }
#recent_events strong { color:#005f02; display:block; font-size:16px; line-height:19px; margin:15px 0 0 108px; position:relative; }
#recent_events h3 { color:#005f02; display:block; font-size:20px; line-height:19px; margin:15px 0 0 48px; position:relative; }
#recent_events p { font-size:11px; line-height:15px; margin:10px 20px 0 20px; padding:0; position:relative; text-align:left; }
#recent_events span { font:bold 15px Arial; }
#recent_events .button { position:absolute; bottom:10px; right:50px; }
#recent_events .events_icon { position:absolute; top:-12px; left:20px; }
#recent_events table { padding:0 15px 0 15px; position:relative; }
#recent_events table td { padding:3px; vertical-align:top; }
#recent_events table img { width:50px; }
.recent_event { width:100%; }


/****************************************************** ADVOCACY ******************************************************/
#advocacy_pic { float:right; margin:0 0 10px 10px; }

/****************************************************** RESOURCES *****************************************************/
#bsa_logo { float:right; margin-left:10px; }
#calculator { padding:10px 0 10px 0; width:515px; }
#resource_forms { float:right; width:303px; }
#resource_form { float:left; width:283px; }
div#resources_nav { border-bottom:1px solid black; padding:5px 0 10px 0; }
div#resources_nav a { font:bold 12px Arial; line-height:19px; padding:2px; text-decoration:none; }
div#resources_nav a:hover { background:#005f02; color:white; }

/******************************************************* WELCOME ******************************************************/
#welcome_right { float:right; text-align:right; width:360px; }

/************************************************ TOOLKIT REGISTRATION ************************************************/
#toolkit_form { font-weight:bold; }
#quicken { display:inline; float:right; margin-right:350px; }

/************************************************ CREDIT CRUNCHER TOOLS ***********************************************/
#credit_tabs { background:url('/images/tabbed_box_bg.jpg'); float:left; width:450px; }
#credit_tabs .tabs { background:url('/images/tabbed_box_header.jpg'); float:left; height:42px; width:100%; }
#credit_tabs .tabs img { cursor:pointer; float:left; opacity:.0; filter:alpha(opacity=0); -moz-opacity:0.0; }
#credit_tabs .tabs img.selected, #credit_tabs .tabs img.hovered { opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; }
#credit_tabs .content { display:none; float:left; padding:5%; width:90%; }

/********************************************** SMART BORROWERS DIRECTORY *********************************************/
#main.smart_borrowers h3 { margin-top:30px; }

/************************************************** SUBPRIME SAVVY ****************************************************/
.checked_list { list-style-image:url('/images/checkmark.jpg'); }
.checked_list li { margin-top:8px; padding-left:5px; }

/***************************************************** WORKBOOKS ******************************************************/
#main.workbooks h3 { margin-bottom:10px; }

/************************************************* BORROWERS DIRECTORY ************************************************/
.borrowers_menu { float:left; width:32%; }
.borrowers_menu a { line-height:25px; }
.borrowers_column { float:left; font-size:12px; padding:1%; width:30%; }
.borrowers_column strong { font-size:12px; }

/************************************************** BORROW SMART QUIZ *************************************************/
.false { color:red; font-weight:bold; }
.true { color:blue; font-weight:bold; }

/************************************************** GLOSSARY OF TERMS *************************************************/
#appendix a { color:#005f02; font:bold 28px Arial; line-height:50px; margin:5px; padding:0;  }
#terms { font-size:13px; }
#terms h3 { margin-top:20px; }
#terms strong { color:#005f02; }
#term_search { position:absolute; top:125px; left:500px; }
#term_search * { vertical-align:middle; }
#term_search .search_box { width:150px; }

/************************************************** COMMUNITY BENEFIT *************************************************/
ul.community_benefits li { margin-bottom:7px; }

/***************************************************** ADVOCACY *******************************************************/
ul.advocacy_facts li { margin-bottom:7px; }

/******************************************************** NEWS ********************************************************/
.news_image { float:left; font-style:italic; padding:1%; text-align:center; width:30%; }
.news_image img { width:100%; }

/***************************************************** CONTACT US *****************************************************/
.success { color:green; font-weight:bold; }
.fail { color:red; font-weight:bold; position:relative; }
.denotes { color:#005f02; font:italic bold 11px Arial; }

/**************************************************** CONTRIBUTIONS ***************************************************/
#contribution_form td.padded { padding:0 0 6px 0; }