/* Default LF CSS */ body { font: 62.5%/1.4 Helvetica, Arial, serif; } /* Clear styles */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img { border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym { border:0;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} br.clear { clear:both; height:0; margin:0; font-size: 1px; line-height:0px;} a { outline:none; } /* Default Form Styles */ input, select, label, textarea { font-size:100%; padding:5px; margin:2px 0 4px 0; display:block; border:1px solid #666; background:none; } label {border:0;padding:0;} input.submit { margin:5px 0 15px 0; padding:3px; font-size:120%; color:#003300;} textarea { width:90%; height:200px; font-family:Georgia, serif !important;} input[type=hidden] {border:0;padding:0;} /* Error Handling */ .success { font-size:105%; color:#006600; margin:10px 0; font-weight:bolder;} .error, .alert { border-top:1px solid #FF0000; border-bottom:1px solid #FF0000; padding:0px 15px; text-align:left; font-style:italic; color:#FF0000; font-size:105%; font-weight:bolder;} #flash_notice { width:350px; left:50%; margin:0 0 0 200px; text-align:center; font-size:100%;} /* Link Styles a { cursor:pointer; outline-style:none;} a, a:link, a:visited { color:#0c3695; text-decoration:none;} a:hover { color:#990000 !important} a.delete { color:#CC0000 !important} a.delete:hover { color:#333333;} */ /* Header Styles */ h1 { font-size:140%; font-weight:normal; margin:10px 0 0 0; } h2 { font-size:120%; font-weight:normal; margin:0 0 5px 0px; color:#666666;} h2 em { font-style:normal; color:#000000; font-weight:bolder;} h3 { font-size:130%; font-weight:normal; margin:0px 0 5px 0px; color:#2d539c;} h4 { font-size:110%; font-weight:normal; margin:0px 0 5px 0px; color:#999999;} .subNav {clear:both;padding:0 0 20px 0;margin:0px 0 0 0;text-align:center;} .subNav li {display:inline;padding: 0 30px 0 0;} .subNav li a, a:link, a:visited {color:#007ea5; text-decoration:none;} .subNav li a:hover {color:black;} /* List styles */ ul.list, ul.feed { margin:0 0 30px 0; padding:0 0 0 0;} ul.list li a:link, ul.list li a:visited { display:block; padding:3px 5px; border-bottom:1px solid #e6e5e5;} ul.list li.active a:link, ul.list li.active a:visited { color:#000000;} ul.list li a:hover { background:#f9f9f9;} ul.list li.active { margin:0 0 0 -5px; color:#000000; font-weight:bolder;} ul.feed li { padding:3px 5px 5px 3px; border-bottom:1px solid #e6e5e5; font-size:95%; width:auto; clear:both; color:#666666;} ul.feed li span.right { font-size:90%; color:#999999; margin:-1.5em 0 0 0;} ul.feed li div.right { font-size:95%; color:#999999; margin:5px 0 0 0;} ul.feed li:hover { background:#f9f9f9;} ul.feed li a:link, ul.feed li a:visited { display:inline; padding:0; color:#13539a; border-bottom:0;} ul.feed li a:hover { color:#000;} ul.move li { background:url(../images/move.png) center left no-repeat; padding:3px 5px 5px 20px; cursor:move !important } /* Repeating styles */ .info { color:#666666; background:none; font-size:86%; margin:0; padding:0 !important} .highlight { background:#f8f8f8; padding:3px 6px; margin:6px 0; color:#333333 !important} .right { float:right !important} .left { float:left !important} .em { font-style:italic !important} .read { font-style:italic; color:#CCCCCC; font-size:90% !important} .unread { color:#999999; font-size:90% !important} .small { font-size:85% !important} .big { font-size:130% !important} .huge { font-size:200% !important} .tiny { font-size:70% !important} .thin { line-height:70% !important} .bold { font-weight:bold !important} .center { text-align:center !important} .sitRight { float:left; margin:-38px 0 0 150px;} .fontN { font-weight:500; font-style:normal !important} .half { width:49% !important} b { font-weight:bold !important} .black { color:#000000 !important} .grey { color:#999999 !important} .blue { color:#06C !important; } center.white { background-color:#FFFFFF !important} .drag { cursor:move;} /* SRI Investing */ body { background:#fff url(/images/bg.png) top center no-repeat; } #container { width:980px; } #header { width:100%; } #header img { position:absolute; margin:8px 0 0 714px; } #nav { float:right; margin:105px 0 -6px; font-size:1.4em; width:762px; position:relative} #nav li { display:inline; background-image:url(/images/navBg.png); height:30px; margin:0 -2px; padding:10px 9px 5px; } #nav li.active, #nav li:hover { background-position:0 -30px; } #nav a { color:#545d27; padding:5px; } .boxTop { background-image:url(/images/boxTop.png); background-repeat:no-repeat; height:16px; width:970px; float:left; margin-left:1px; } .boxMid { background-image:url(/images/boxMid.png); background-repeat:repeat-y; width:970px; float:left; padding-left:3px; } .boxBot { background-image:url(/images/boxBot.png); background-repeat:no-repeat; height:16px; width:970px; float:left; } #content { float:left; background-image:url(/images/contentBg.png); background-repeat:no-repeat; width:960px; margin-left:7px;} #footer { float:left; color:#a2a2a2; margin:200px 0 0 90px; } /* home */ #home #content .left { width:505px; padding:30px 0 0 30px; } #home #content .left .flashHolder { border-bottom:1px solid #999; padding:0 !important; } #home #content .left .recAdded { text-align:left; height:103px; font-family:Helvetica, Arial, sans-serif; } #home #content .left .recAdded img { float:right; } #home #content .left .recAdded h2 { font-size:2em !important; color:#007EA5; margin:0; padding:0;} #home #content .left .recAdded h3 { font-size:1.1em !important; line-height:1em; color:#888; font-style:italic; } #home #content .left .recAdded p { font-size:1em; color:#6f6f6f; padding-bottom:5px !important; } #home #content .right { width:380px; text-align:left; padding:30px 20px 0 0; } #home #content .right h2 { font-size:2.2em; color:#303030; clear:both; } #home #content .right p { font-size:1.4em; line-height:18pt; color:#555; } #home #content .right #whoWeare { background:url(/images/homeInfo.png) top left no-repeat; margin:20px 0 0; position:relative; } #home #content .right #whoWeare a.readMore { position:absolute; text-indent:-3600px; display:block; width:30px; height:30px; right:0; } #home #content .right #whoWeare h2 { font-size:2.4em; color:#666; padding:22px 22px 0; } #home #content .right #whoWeare img { padding-left:15px; } #home #content .right #whoWeare .person { padding:15px 0; } #home #content .right #whoWeare .person img { float:left; margin:0 25px 25px 25px; padding:0 !important;} #home #content .right #whoWeare .person h3 { color:#000; font-size:2em; line-height:1em;} #home #content .right #whoWeare .person h4 { font-size:1em; } #home #content .right #whoWeare .person p { font-size:1.2em; line-height:1.4em;} #home #content .right p strong { color: #111; font-weight: bold; } #home #content .right h3 { font-size: 1.8em; color: #111; margin: 10px 0 0 0;} /* about, sri. client, resources - main markup */ #content { background-image:url(/images/aboutContent.png); padding-bottom:30px; } #content .left { width:580px; padding:27px 0 0 30px; text-align:left; } #content .left #page_holder h1 { font-size:3.6em; color:#000; margin:0; } #content .left h2 { font-size:2.2em; } #content .left { color:#636363; font-family:Cambria, Georgia, Times New Roman;} #content .left #page_holder .section .pic { padding:0 0 0 15px; float:right; } #content .left p { padding-bottom:20px; font-size:1.4em;} #content .left .small { color:#828282; font-size:.6em !important; padding-top:5px; } #content div.right { width:280px; text-align:left; padding:35px 30px 0 0;} #content .right h1, #content .right h2 { font-size:2.2em; padding-bottom:3px; border-bottom:1px solid #ced7e2; } #content .right li { border-bottom:1px solid #ced7e2; } #content .right li a { color:#555; font-size:1.6em; display:block; padding:5px 0; } #content .right .active a, #content .right .active:hover a { color:#000 !important; font-weight:bold;} #content .right li a:hover { color:#333; } #content .right .titles { font-size:.8em; } #content .right .toc { padding-bottom:15px; } /* about */ #content .right #about_nav { margin-bottom:20px; } /* services */ #services #content .left #page_holder .section .left { padding:0; } /* resources */ #content .left .whatsNew { float:left; padding-left:75px; } #content .left ol { list-style:decimal; } #content .left #links .links tr td {padding:16px; } #resources #content .left #articles h3 { display:inline; color:#666; } #resources #content .left #accountAccess { font-size:1.6em; } #resources #content .left #accountAccess h2 { color:#666; font-size:1.6em; } #resources #content .left #accountAccess ol { margin-left:20px; } #resources #content .left .recAdded { text-align:left; height:103px; font-family:Helvetica, Arial, sans-serif } #resources #content .left .recAdded img { float:right; padding:5px; } #resources #content .left .recAdded h2 { font-size:2.2em !important; } #resources #content .left .recAdded h3 { font-size:1.1em !important; line-height:1em; color:#333; } #resources #content .left .recAdded p { font-size:1.4em; color:#6f6f6f; padding-bottom:5px !important; } /* blogs */ #blogs #content .left h1, #events #content .left h1 { color:#666; font-size:1.8em; font-weight:bold; margin-bottom:10px; } #blogs #content .left a.rss { color:#ee7700; background:transparent url(/images/rss.png) no-repeat scroll left top; padding:1px 0 0 25px; float:right; margin:16px 0 0; font-size:1.2em; } #blogs #content .left a.rss:hover { color:#990000 !important; } #blogs #content .left div.blog, #events #content .left div.blog { display:inline-block; margin:0 0 26px 0; width:100%; position:relative; z-index:4; } a:hover { color:#666 !important; } #blogs #content .left div.blog h3, #events #content .left div.blog h3 { font-size:1.8em; color:#333; margin:0; } #blogs #content .left div.blog h2, #events #content .left div.blog h2 { font-size:3.6em !important; font-weight:bold; margin:0 0 6px 0; letter-spacing:-0.06em; line-height:95%;} #blogs #content .left div.blog h2 a:link, #blogs #content .left div.blog h2 a:visited, #blogs #content .left div.blog h1 a:link, #blogs #content .left div.blog h1 a:visited { color:#007ea5; display:block;} #blogs #content .left div.blog h4, #events #content .left div.blog h4 { margin:0 0 18px 0;} #blogs #content .left div.blog a.more, #events #content .left div.blog a.more { display:block; padding:5px 0 10px 0; font-size:1.4em; font-weight:bolder; text-decoration:underline; } #blogs #content .left div.blog img.pic, #events #content .left div.blog img.pic { float:right; margin:0 1px 0 15px; } #blogs #content .left div.blog p, #events #content .left div.blog p { margin:0 0 5px 2px; font-size:1.4em; } #blogs #content .left div.blog .bot, #events #content .left div.blog .bot { background-color:#f7f7f7; padding:1% 2%; color:#999; display:inline-block; font-weight:bolder; width:96%; margin:10px 0 0 0;} #blogs #content .left div.blog .bot a:link, #blogs #content .left div.blog .bot a:visited { color:#333;} #blogs #content .left div.blog .bot .left, #events #content .left div.blog .bot .left { float:left; width:40%; } #blogs #content .left div.blog .bot .right, #events #content .left div.blog .bot .right { float:right; width:40%; text-align:right; } #blogs #content .left div.blog p.fyi { font-size:1.2em; padding:6px 8px; } #blogs #content .left div.blog ul, #blogs #content .left div.blog ol { font-size:1.2em; } #blogs #content .right h2, #events #content .right h2 { color:#111; } #blogs #content .right ul.nav, #events #content .right ul.nav { margin:0 0 20px 0; } /* #blogs #content .right { float:right; width:300px; margin:15px 50px 0 0; } #blogs #content .right h2 { color:#2d2d2d; font-weight:bold; letter-spacing:-0.04em; margin-top:15px; } #blogs #content .right ul.nav { width:100%; border-top:1px solid #b0b0b0; display:inline-block; font-size:1.6em; font-weight:bolder; margin:0 0 20px 0; list-style:none; padding:0; } #blogs #content .right ul.nav li { display:block; width:100%; border-bottom:1px solid #b0b0b0; } #blogs #content .right ul.nav li a:link, ul.nav li a:visited { display:block; padding:8px 2px; color:#666666; } #blogs #content .right ul.nav li a:hover { color:#333 !important; } #blogs #content .right ul.nav li.active a:link, #blogs #content .right ul.nav li.active a:visited, #blogs #content .right ul.nav li.current a:link, #blogs #content .right ul.nav li.current a:visited, #blogs #content .right ul.nav li.active a:hover { color:#007ea5 !important; }*/ .blogView .left { } .blogView .left h1 { font-size:3.6em !important; font-weight:bold; margin:0 0 6px 0; letter-spacing:-0.06em; line-height:95%;} .blogView .left h2 { margin-top:15px; } .blogView .left h3 { font-size:1em !important; } .blogView .left h4 { font-size:1em; color:#979797; } .blogView .left img { float:left; padding-right:10px; } /* contact */ #contact #content .left h1 { font-size:2.8em; } #contact #content .left p { padding:0 !important; } #contact #content .left select { width:250px; } #contact #content .left .infoI { float:left; display:inline-block; } #contact #content .left .infoII { float:left; display:inline-block; margin-left:54px; } #contact label.person { margin:10px 0 0 0; font-size:1.4em; color:#333; } #contact input#submit { margin:20px 0 0 0; } #contact #content .right p { font-size:1.4em; padding-top:10px; } #contact #content .left .left { width:200px; padding:0; } #contact #content .left .right { width:200px; padding:0 0 0 74px; float:left !important; } /* login */ #login #container #content { padding:20px 0 20px 30px; text-align:left; } /* admin pages */ #adminNav { float:right; margin:105px 0 -6px; font-size:1.4em; width:783px; position:relative; } #adminNav li { display:inline; background-image:url(/images/navBg.png); height:30px; margin:0 -2px; padding:10px 9px 5px; } #adminNav li.active, #adminNav li:hover { background-position:0 -30px; } #adminNav a { color:#545d27; padding:5px; } #adminContent { padding:30px; background-color:#FFF; margin-top:8px; text-align:left; width:92%; font-size:1.4em; } #adminContent #right ul li { height:25px; font-size:1em; } #adminContent #right ul li span { float:left; padding-top:1px; } #adminContent #right ul li label { float:left; padding-left:5px; } #adminContent #right a { display:inline-block; cursor:pointer; } #adminContent #right a.edit { color:#063; } #adminContent #right a.delete { color:#C00; } #adminContent #right #order li span input { margin:5px; } #adminContent .left, #adminContent #left { width:60%; float:left;} #adminContent .right, #adminContent #right { width:38%; float:right; } #adminContent #right #about_section li { display:block; height:auto; } #adminContent #right #about_section li a { float:left; padding:3px 5px 0 0; } #adminContent #right #about_section li h2 { display:inline; } #adminContent #files li div { display:inline-block;} #adminContent #files li div a { } #admin_resources #adminContent #about_section li { height:auto; display:block; } #admin_resources #adminContent #about_section li a { display:inline; cursor:pointer; padding-right:5px; } #admin_resources #adminContent #about_section img { padding:5px 10px; display:inline-block; } #admin_resources #adminContent #about_section div a { float:left; } #admin_contact #adminContent form input { display:inline; } #admin_contact #adminContent h2 { margin-top:20px; } #admin_contact #adminContent #about_section li { height:auto; display:block; } #admin_contact #adminContent #about_section li a { display:inline; cursor:pointer; padding-right:5px; } #admin_contact #adminContent #about_section img { padding:5px 10px; display:inline-block; } #admin_contact #adminContent #about_section div a { display:inline; } #admin_contact #adminContent #archived a { cursor:pointer; } #home #footer { margin-top:0; } div.logos { display:inline-block; width:100%; clear:both; margin:40px 0 10px 0; } div.logos img { padding-right:6px !important; height:67px; } center.logos { display: inline-block; width: 100%; margin: 20px 0 0 0;} center.logos img { padding-right: 6px; height: 67px; } div.section ul { list-style: disc outside; padding:0 0 0 30px; font-size:1.4em; } div.logos p.clearfix { font-size:1.4em; color:#333; font-style:italic; margin:0 0 10px 0; } a.done { background: url(../images/done.png) 0 0 no-repeat; display:block; text-indent:-3500px; height:16px; width:48px; margin:6px 4px 0 0; float:right; border:none;} a.done:hover { background:url(../images/done.png) 0 -16px;} #blogs div.blogView p { margin:0 0 20px 0; padding:0 !important; } #content ul.events { list-style:none; margin:0; } #content ul.events li { list-style:none !important; } #content ul.events li a:link, #content ul.events li a:visited { display:block; padding:5px 0 0 0; font-size:1.4em; color:#007EA5; } #content ul.events li span { display:block; font-size:.9em; padding:0 0 5px 0; color:#999; } #content ul.events li.botLink { border:0;} #content ul.events li.botLink a { text-align:center; font-size:1.1em; color:#333; font-style:italic; } #content div.events { width:100%; margin: 15px 0 0 0; } div.events h2 { padding:0 !important; } #home #content #whoWeare h2 { border:0; } div.date { font-size:1.6em; font-style:italic; } #blogs #content .left div.blog div.clearfix h2, #events #content .left div.blog div.clearfix h2 { display:none !important; } div.contact_us { background-color: #fefee9; padding: 15px; margin: 10px 0 0 0; } div.contact_us h3 { margin: 0 !important; padding: 0 !important;} .gm_logo { position: absolute; top: 10px; left: 50%; margin: 0 0 0 -481px !important; }