/* DOCUMENT Author: Rock Creek Strategic Marketing Log: */ /* BASE -------------------------------------------------------------------- ---------------------------------------------------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre { margin:0; padding:0;} h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;} a img, :link img, :visited img {border: none;} ul, ol, dl {list-style-type: none;} table {border-collapse: collapse;} /* LAYOUT ------------------------------------------------------------------- ----------------------------------------------------------------------------*/ div#STRETCHER {width:880px; margin:0 auto; position:relative;} div#CANVAS {} /* CONTENT --------------------------------------------------------------------- ------------------------------------------------------------------------------*/ /* Global markup Styles */ body {margin:0; padding:0;font: 12px/1em Arial, Helvetica, sans-serif;color:#666666;background:#f1ea0c;} a, a:link, a:visited {color:#00aec5;text-decoration:none;} a:hover, a:focus, a:active {text-decoration:none;} /* HEADER */ div#HEADER {} div.headerillustration {background:#f1ea0c url(images/bg.gif) no-repeat top left; height:154px;} div.masthead {background:transparent url(images/masthead_content_bg.gif) repeat-y top right;} div.masthead_content {background:transparent url(images/top_molding.gif) no-repeat top left; height:17px;} div#Messaging {position:absolute; top:0; right:0; background:transparent url(images/messaging.gif) no-repeat top right; width:348px; height:54px; text-indent:-9999px;} /* TORSO */ div#TORSO {} div.mainarea {position:relative;width:596px; float:left; display:inline; background:transparent url(images/main_bg.gif) repeat-y top left;} div.mainarea h1 {text-indent:-9999px; background:transparent url(images/logo.gif) no-repeat 0 7px; width:490px; height:85px; margin-left:42px;} div.mainarea_content {background:transparent url(images/masthead_bg.gif) no-repeat top left;} div.mainarea_content_endmark {background:transparent url(images/endmark.gif) no-repeat 96% 50%; height:40px; width:596px;} div.mainarea_content_footer {background:#f1ea0c url(images/footergraphic.gif) no-repeat 79% 50%; height:50px; width:596px;} div.contentmenu {margin-bottom:1em;} div.contentmenu dl {margin-bottom:1em;} div.contentmenu dt {margin:0; font-size:14px; line-height:1.2em; color:#333; padding-bottom:.75em;} div.contentmenu dd {border:1px dotted #ccc; border-width:1px 0 0 0; padding:7px;} /* Float clears for DDs and DTs */ div.contentmenu dt:after, div.contentmenu dd:after {color:#fff;content:"";display:block;height:0;clear:both;} div.contentmenu dt, div.contentmenu dd {display:inline-table;zoom:1;} /*\*/ * html div.contentmenu dt, * html div.contentmenu dd {height: 1%;} div.contentmenu dt, div.contentmenu dd {display:block;} /* */ div.contentmenu dd a, div.contentmenu dd a:link, div.contentmenu dd a:visited {display:inline; font-size:120%; line-height:1.2em;} div.contentmenu dd a:hover, div.contentmenu dd a:focus, div.contentmenu dd a:active {background-color:#def6f9;} div.contentmenu dd a em {color:#666; font-style:normal; margin-left:10px;} div.contentmenu dd img {margin:3px;} div.contentmenu dd img.thumbnail {float:right; display:inline; border:1px solid #ccc; padding:3px; background-color:#fff;} div.subarea {width:284px; float:right; display:inline;} div.mainmenu {background:transparent url(images/mainmenu_underlay_bg.gif) repeat-y top right; width:284px;} div.mainmenu_content {background:url(images/mainmenu_overlay_bg.gif) no-repeat top right;width:284px;} div.mainmenu_content ul {text-align:right;} div.mainmenu_content ul li {text-transform:uppercase;background:transparent url(images/pnm_divider.gif) no-repeat 50% 100%; padding:10px 20px;} div.mainmenu_content ul li.last {background-image:none;border:none;} div.mainmenu_content ul li a, div.mainmenu_content ul li a:link, div.mainmenu_content ul li a:visited {font:normal 20px/1em "century gothic", Arial, Helvetica, sans-serif; display:block;} div.mainmenu_content ul li a:hover, div.mainmenu_content ul li a:focus, div.mainmenu_content ul li a:active {font-weight:bold;} div.mainmenu_content ul li a.selected, div.mainmenu_content ul li a.selected:link, div.mainmenu_content ul li a.selected:visited, div.mainmenu_content ul li a.selected:hover, div.mainmenu_content ul li a.selected:focus, div.mainmenu_content ul li a.selected:active {font-weight:bold;} div.mainmenu_content ul ul {margin-top:5px; background-color:#f5f5f5;} div.mainmenu_content ul ul li {background-image:none; border-bottom:1px solid #eee; padding:5px;} div.mainmenu_content ul ul li a, div.mainmenu_content ul ul li a:link, div.mainmenu_content ul ul li a:visited {font:normal 14px/1em "century gothic", Arial, Helvetica, sans-serif; display:block;} div.mainmenu_content ul ul li a:hover, div.mainmenu_content ul ul li a:focus, div.mainmenu_content ul ul li a:active {font-weight:bold;} div.mainmenu_content ul ul li a.selected, div.mainmenu_content ul ul li a.selected:link, div.mainmenu_content ul ul li a.selected:visited, div.mainmenu_content ul li a.selected:hover, div.mainmenu_content ul li a.selected:focus, div.mainmenu_content ul li a.selected:active {font-weight:bold;} div.mainmenu_footer {background:transparent url(images/pnm_footer.gif) no-repeat top right;height:14px; margin-bottom:10px;} /* Subarea Call to Action Links */ a.cta_successstories, a.cta_successstories:link, a.cta_successstories:visited {background:transparent url(images/viewsuccessstories.gif) no-repeat top left; background-position:0 0; text-indent:-9999px; height:79px; width:284px; display:block;} a.cta_successstories:hover, a.cta_successstories:focus, a.cta_successstories:active {background-position:0 -79px;} /* general content styles */ div.content {} div.content h1 {margin:0 0 .75em 0; color:#f3891d; font:normal 24px/1.2em "century gothic", arial, sans-serif;} div.content h2 {margin:0 0 .75em 0; font-family:"century gothic", arial, sans-serif; font-weight:bold; font-size:17px; line-height:1.2em; color:#f3891d; letter-spacing:4px; text-transform:uppercase;} div.content h3 {margin:0 0 .75em 0; font-size:14px; line-height:1.2em; color:#333; letter-spacing:2px; text-transform:uppercase;} div.content h4 {margin:0 0 .75em 0; font-size:14px; line-height:1.2em; color:#333; letter-spacing:0px; text-transform:normal;} div.content h5 {margin:0 0 0 0; font-size:10px; line-height:1.2em; color:#999; letter-spacing:1px;} div.content h6 {margin:0 0 .75em 0; font-weight:normal; font-size:12px; line-height:1.2em; color:#f3891d; letter-spacing:3px; text-transform:uppercase; } div.content p {margin-bottom:10px;color:#333; line-height:1.5em; letter-spacing:0px; word-spacing:2px;} div.content ul { margin: 0 0 1em 25px; padding: 0; list-style: square outside /* url() */; letter-spacing:1px; } div.content ul ul, div.content ol ol, div.content ul ol, div.content ol ul {margin-top:.75em;} div.content ol { margin: 0 0 1em 25px; padding: 0; list-style: decimal outside /* url() */; letter-spacing:1px; } div.content li {margin-bottom:.75em; line-height:1.2em; letter-spacing:normal;} div.content a, div.content a:link, div.content a:visited {} div.content a:hover, div.content a:focus, div.content a:active {background-color:#def6f9;} div.content abbr, div.content acronym {border-bottom:1px dotted #666;} /* CONTENT BOUNDARIES */ div#TORSO div.mainarea_content div.content {margin:50px 50px 30px 50px;} /* Others */ div.content .backtotop {text-align:right;} div.content .byline {color:#777; letter-spacing:normal;} /* FOOTER */ div#FOOTER {padding:0 0 20px 22px;} div#FOOTER a {color:#f47321;} div#FOOTER address {font-size:9px; font-style:normal; color:#f47321;} div#FOOTER div.badge {position:relative; float:right; width:98px; height:43px; right:284px;} div#FOOTER div.badge a.badge_neighborworks {position:absolute;background:transparent url(images/neighborworksamerica_logo.gif) no-repeat top left; height:43px; width:98px; text-indent:-9999px;} /* Utility */ div.utility {position:absolute; top:80px; right:1px; z-index:1000;} div.utility ul {} div.utility ul li {float:left; display:inline;} div.utility ul li a, div.utility ul li a:link, div.utility ul li a:visited {background-image:url(images/utl_bg.gif); background-repeat:no-repeat; display:block; height:23px; width:100px; float:left; padding:65px 0 0 0; font:normal 11px/1em "century gothic", Arial, sans-serif; text-transform:uppercase; letter-spacing:1px; text-align:center;} div.utility ul li a:hover, div.utility ul li a:focus, div.utility ul li a:active {font-weight:bold;} div.utility ul li a.utl_contactus, div.utility ul li a.utl_contactus:link, div.utility ul li a.utl_contactus:visited {background-position:0 0; width:113px; } div.utility ul li a.utl_contactus:hover, div.utility ul li a.utl_contactus:focus, div.utility ul li a.utl_contactus:active {} div.utility ul li a.utl_sitemap, div.utility ul li a.utl_sitemap:link, div.utility ul li a.utl_sitemap:visited {background-position:-113px 0; width:96px;} div.utility ul li a.utl_sitemap:hover, div.utility ul li a.utl_sitemap:focus, div.utility ul li a.utl_sitemap:active {} div.utility ul li a.utl_home, div.utility ul li a.utl_home:link, div.utility ul li a.utl_home:visited {background-position:-209px 0; width:75px;} div.utility ul li a.utl_home:hover, div.utility ul li a.utl_home:focus, div.utility ul li a.utl_home:active {background-image:url(images/utl_bg_hover.gif);} /* FLOAT CLEARING FIX ----------------------------------------------------*/ /* Apply [class]:after to float containers */ .clearfix:after {color:#FFFFFF;content:"";display:block;height:0;clear:both;} /* APPLIED FOR FIXING IE/MAC RENDER AND IE7/WIN*/ .clearfix{display: inline-table;zoom:1;} /* Hides from IE Mac and Applied to IE/WIN Only \*/ * html .clearfix {height: 1%;} .clearfix {display:block;} /* FLOAT CLEARING FIX ----------------------------------------------------*/