/* Stylesheet written by Trish Roque, www.creativepathstudio.com, for The Source Group Inc. website, www.thesourcegroup.net, June 2007, css fluid layout borrowed from Mani Sheriar */ * { padding: 0; margin: 0; } body {background: #eee; font-size: 1em; font-family: "Trebuchet MS", Helvetica, sans-serif; color:#000; } #wrapper1 {position:relative; text-align:left; width:100%; background:#fff url("../images/common/leftcolor_bg.gif") repeat-y top right; } #wrapper2 { position:relative; text-align:left; width:100%; background:url("../images/common/leftcolor_bg.gif") repeat-y top left; } #wrappertools { position:relative; text-align:left; width:100%; background: #fff; } p.testborder {border-left: red 1px solid; margin-left: 0; padding-left: 0;} /*** my css **/ #header {height: 150px; background: #e8e8e8} #headerLeft {float: left; width: 200px; height: 150px; margin:0; padding: 0; background: url(../images/header/2men.jpg) no-repeat scroll; } #headerRight { height: 150px; position: absolute; left: 200px; width: 86%; } .logo { height: 70px; background: url(../images/common/top_bkgd.gif) repeat-x scroll; border-bottom: 1px #c8c8c8 solid; padding-left: 30px; width: 100%;} #navContainer {height: 72px; background: #e8e8e8; margin-top: 4px; margin-bottom: 4px; } #maincol { position:relative; margin:0; padding:10px; } #leftcol { position:relative; top:-10px; left:-10px; float:left; width: 200px; /* for IE5/WIN */ voice-family: "\"}\""; voice-family:inherit; width:180px; /* actual value */ margin:0 0 -10px 0; padding: 10px 10px 0px 10px; color: #333; z-index:100; } /* leftcol hack for IE6 */ #minheight { min-height:500px; height:auto !important; height:500px; } /*** styles for columns ***/ #leftcol h1, #rightcol h1 {color: #000099; font-size: 18px; margin: 15px 10px 10px 5px; border-bottom: solid 1px #000; padding-bottom: 8px;} #rightcol h1, #rightcol p {margin-left: 5px;} #leftcol p, #rightcol p {font-size: 11px; } /**end column styles **/ #rightcol {padding: 5px; position:relative; top:-10px; right:-10px; float:right; width:200px; /* for IE5/WIN */ voice-family: "\"}\""; voice-family:inherit; width:180px; /* actual value */ margin:0 0 -10px 0; background:#DBDBDB; z-index:99; } #rightcol img {margin-top: 35px; } .colbreak {background: url(../images/common/left_bkgd.gif) repeat-x scroll; width: 100%; height: 50px;} #centercol {padding:0 240px; position:relative; margin: 30px 20px; } #centercolTools {padding: 30px 5px; background: #fff; position: relative; margin: 0px;} #footer { position:relative; top:1px; background:#eee; width:100%; clear:both; margin:0; padding:1% 0; text-align:center; color:#000; font-size: 11px; } #footer a, #footer a:link, #footer a:active, #footer:a:visited, #footer a:hover {text-decoration: none;} /** learnmore link styles **/ .learnmore a:link, .learnmore a:visited, .learnmore a:hover, .learnmore a:active {text-decoration: none; color: #000; font-weight:bold; font-size: 11px; padding-left: 10px;background: url(../images/common/arrow_link.gif) no-repeat scroll left;} /** general styles **/ .clear {clear: both; } img.border, #rightcol img, .imgLeft, .imgRight { border: 1px solid #eee; padding: 2px } #rightcol img {text-align: left;} .imgLeft {float: left;} .imgRight {float: right; } h1 {font-size: 18px; margin-bottom: 10px;} h2 {font-size: 16px; margin: 20px 0px 5px 5px; } h1, h2 {font-weight: 700; } p.home {font-size: 14px; color: #3b3b3b; margin-bottom: 1em;} p { margin-left: 15px; } p.crumbs {margin-left: 0px; font-size: 8px; } p, #centercol ul {font-size: 12px; line-height: 16px; margin-bottom: .8em;} #centercol li {display: list-item; list-style-type: disc;list-style-position:outside; margin-left: 50px;} /* Main Content Links*/ p a { text-decoration: none; } p a:link { color: #000099; } p a:hover { color: #000099; } p a:active { color: #000099; } p a:visited { color: #000099; } /* Form Elements and Buttons */ form { margin-left: 20px; } form tr td { margin: 0; border: 0; padding: 0; color: #000000; font-size: 11px; font-weight: normal; } .formfieldlg { width: 200px; } .formfieldmd { width: 100px; } .formfieldsm { width: 50px; } .formfieldsm { width: 100px; } .buttonA { background-color: #EEEEEE; color: #000099; font-weight: bold; border: 1px solid #000000; font-size: 11px; } .reqd { color: red; } /* End of Form Elements and Buttons */ /********************************* Menu and sub-menu styles ************************/ .menu {width: 750px; display: block; font-size: 70%; font-weight: bold;} .emphasis {font-size: 1.2em; font-weight: bolder ; } .colmenu {font-size: 11px; display: block; font-weight: bold;} .colmenu p a, .colmenu p :visited {font-size: 10px; margin: 0px; display: inline;} .menu ul, .colmenu ul {list-style: none; padding: 0; padding-left: 2px; margin-bottom: 0;} .colmenu ul li ul {padding-left: 4px;} .menu li, .colmenu li {float: left; position: relative; } .menu a, .menu :visited, .colmenu a, .colmenu :visited {display: block; margin: 0; text-decoration: none; color: #000; padding:3px 2px 3px 10px; text-align: left; width:150px; } /** styles on MAIN Menu on hover and menu id when user is on a specific page **/ .menu a:hover, .colmenu a:hover, #news #menu-news a, #resources #menu-resources a, #tools #menu-tools a, #team #menu-team a, #services #menu-services a, #project #menu-project a, #careers #menu-careers a, #contact #menu-contact a, #home #menu-home a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** About Section without Key Personnel **/ #about #menu-about a, #aboutContact #about-contact a, #aboutContact #menu-contact a, #aboutQuote #menu-about a, #aboutQuote #about-quote a, #aboutSOQ #menu-about a, #aboutSOQ #about-SOQ a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Careers Section **/ #careersIndex #menu-careers a, #careersCurrOpen #menu-careers a, #careersCurrOpen #career1 a, #careersBenefits #menu-careers a, #careersBenefits #career2 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Key Personnel section menu on hover styles when user is on specific page - use this pattern to add to the section which include the three styles by adding 1 to the # you see: #aboutKeyPers1 #menu-about a, #aboutKeyPers1 #about-keypers a, #aboutKeyPers1 #about-kp1 a **/ #aboutkeyIndex #menu-about a, #aboutkeyIndex #about-keypers a, #aboutKeyPers0 #menu-about a, #aboutKeyPers0 #about-keypers a, #aboutKeyPers0 #about-kp0 a, #aboutKeyPers1 #menu-about a, #aboutKeyPers1 #about-keypers a, #aboutKeyPers1 #about-kp1 a, #aboutKeyPers2 #menu-about a, #aboutKeyPers2 #about-keypers a, #aboutKeyPers2 #about-kp2 a, #aboutKeyPers3 #menu-about a, #aboutKeyPers3 #about-keypers a, #aboutKeyPers3 #about-kp3 a, #aboutKeyPers4 #menu-about a, #aboutKeyPers4 #about-keypers a, #aboutKeyPers4 #about-kp4 a, #aboutKeyPers5 #menu-about a, #aboutKeyPers5 #about-keypers a, #aboutKeyPers5 #about-kp5 a, #aboutKeyPers6 #menu-about a, #aboutKeyPers6 #about-keypers a, #aboutKeyPers6 #about-kp6 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** SGI SERVICES & PROJ DESCR MENU - REWRITE AS OF 9/1/07 **/ /** Top Level Services & Project Descr Section Styles no red box BG so it looks nicer with simple tree menu **/ #servicesEARindex #services-EAR a, #services-EAR a:hover, #servicesCWRindex #services-CWR a, #services-CWR a:hover, #servicesBIDS #services-BIDS a, #services-BIDS a:hover, #servicesAGR #services-AGR a, #services-AGR a:hover, #servicesREGCOMP #services-REGCOMP a, #services-REGCOMP a:hover, #servicesASPEO #services-ASPEO a, #services-ASPEO a:hover, #servicesInsureLit #services-InsureLit a, #services-InsureLit a:hover, #projEARindex #proj-EAR a, #proj-EAR a:hover, #projCWRindex #proj-CWR a, #proj-CWR a:hover, #projBIDS #proj-BIDS a, #proj-BIDS a:hover, #projAGR #proj-AGR a, #proj-AGR a:hover, #projREGCOMP #proj-REGCOMP a, #proj-REGCOMP a:hover, #projASPEO #proj-ASPEO a, #proj-ASPEO a:hover, #projInsureLit #proj-InsureLit a, #proj-InsureLit a:hover { color: #0043F0; background: none; } /** Environmental Assessment & Remediation (EAR) - Index page styles **/ #servicesEARindex #menu-services a, #projEARindex #menu-project a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left; } #servicesEARindex #services-EARsub a, #projEARindex #proj-EARsub a {background: none; color: #000;} #servicesEARindex #services-EARsub a:hover, #projEARindex #proj-EARsub a:hover { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Environmental Site Assesment & Remediation services & proj styles when user is on specific page **/ #servicesEAR1 #menu-services a, #servicesEAR1 #services-ear1 a, #projEAR1 #menu-project a, #projEAR1 #proj-ear1 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Remediation Services when user is on specific page **/ #servicesEAR2 #menu-services a, #servicesEAR2 #services-ear2 a, #projEAR2 #menu-project a, #projEAR2 #proj-ear2 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Groundwater Modeling & Chemical Fate & Transport styles when user is on specific page **/ #servicesEAR3 #menu-services a, #servicesEAR3 #services-ear3 a, #projEAR3 #menu-project a, #projEAR3 #proj-ear3 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Remediation Approach Development & Cost Modeling when user is on specific page **/ #servicesEAR4 #menu-services a, #servicesEAR4 #services-ear4 a, #projEAR4 #menu-project a, #projEAR4 #proj-ear4 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Upstream Petroleum Services when user is on specific pageUpst1 **/ #servicesEAR5 #menu-services a, #servicesEAR5 #services-ear5 a, #projEAR5 #menu-project a, #projEAR5 #proj-ear5 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /**Facility decommissioning serv. when user is on specific page **/ #servicesEAR6 #menu-services a, #servicesEAR6 #services-ear6 a, #projEAR6 #menu-project a, #projEAR6 #proj-ear6 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Underground Storage Tank Services when user is on specific page**/ #servicesEAR7 #menu-services a, #servicesEAR7 #services-ear7 a, #projEAR7 #menu-project a, #projEAR7 #proj-ear7 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** landfill srv when user is on specific page **/ #servicesEAR8 #menu-services a, #servicesEAR8 #services-ear8 a, #projEAR8 #menu-project a, #projEAR8 #proj-ear8 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** GSA contract styles **/ #servicesEAR9 #menu-gsa a, #servicesEAR9 #services-ear9 a, #projEAR9 #menu-project a, #projEAR9 #proj-ear9 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Clean Water Resources Styles **/ #servicesCWRindex #menu-services a, #projCWRindex #menu-project a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} #servicesCWRindex #services-CWRsub a, #projCWRindex #proj-CWRsub a {background: none; color: #000;} #servicesCWRindex #services-CWRsub a:hover, #projCWRindex #proj-CWRsub a:hover { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Water Resource services when user is on specific page **/ #servicesCWR1 #menu-services a, #servicesCWR1 #services-cwr1 a, #projCWR1 #menu-project a, #projCWR1 #proj-cwr1 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Groundwater Modeling/Chem Fate Transp. when user is on specific page **/ #servicesCWR2 #menu-services a, #servicesCWR2 #services-cwr2 a, #projCWR2 #menu-project a, #projCWR2 #proj-cwr2 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Brownfields Infill Dev Support styles **/ #servicesBIDS #menu-services a, #projBIDS #menu-project a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left; } #servicesBIDS #services-BIDSsub a, #projBIDS #proj-BIDSsub a {background: none; color: #000;} #servicesBIDS #services-BIDSsub a:hover, #projBIDS #proj-BIDSsub a:hover { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /* Brownfields Sub Categories - repeat pattern to add more subcateg. */ #servicesBIDS1 #menu-services a, #servicesBIDS1 #services-bids1 a, #projBIDS1 #menu-project a, #projCWR1 #proj-bids1 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Regulatory Compliance / Environemental Mangement Index Styles **/ #servicesREGCOMP #menu-services a, #projREGCOMP #menu-project a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} #servicesREGCOMP #services-REGCOMPsub a, #projREGCOMP #proj-REGCOMPsub a {background: none; color: #000;} #servicesREGCOMP #services-REGCOMPsub a:hover, #projREGCOMP #proj-REGCOMPsub a:hover { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Compliance Support / Facilty Audits styles **/ #servicesREGCOMP1 #menu-services a, #servicesREGCOMP1 #services-regcomp1 a, #projREGCOMP1 #menu-project a, #projREGCOMP1 #proj-regcomp1 a, #servicesREGCOMP2 #menu-services a, #servicesREGCOMP2 #services-regcomp2 a, #projREGCOMP2 #menu-project a, #projREGCOMP2 #proj-regcomp2 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Agriculture Index page styles **/ #servicesAGR #menu-agric a, #projAGR #menu-project a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left; } #servicesAGR #services-AGRSub a, #projAGR #proj-AGRSub a {background: none; color: #000;} #servicesAGR #services-AGRSub a:hover, #projAGR #proj-AGRSub a:hover { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Waste & Nutrient styles **/ #servicesAgr1 #menu-agric a, #servicesAgr1 #services-agr1 a, #projAgr1 #menu-project a, #projAgr1 #proj-agr1 a, #servicesAgr2 #menu-agric a, #servicesAgr2 #services-agr2 a, #projAgr2 #menu-project a, #projAgr2 #proj-agr2 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Air Services Process Engineering Optim. (ASPEO) Styles **/ #servicesASPEO #menu-services a, #projASPEO #menu-project a{ color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} #servicesASPEO #services-ASPEOsub a, #projASPEO #proj-ASPEOsub a {background: none; color: #000;} #servicesASPEO #services-ASPEOsub a:hover, #projASPEO #proj-ASPEOsub a:hover { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Air permitting subsection when user is on specific page**/ #servicesASPEO1 #menu-services a, #servicesASPEO1 #services-aspeo1 a, #projASPEO1 #menu-project a, #projASPEO1 #proj-aspeo1 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Paint Proc Engin & Optim. when user is on specific page **/ #servicesASPEO2 #menu-services a, #servicesASPEO2 #services-aspeo2 a, #projASPEO2 #menu-project a, #projASPEO2 #proj-aspeo2 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Insurance & Litigation Section Styles **/ #servicesInsureLit #menu-services a, #projInsureLit #menu-project a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} #servicesInsureLit #services-InsureLitsub a, #projInsureLit #proj-InsureLitsub a {background: none; color: #000;} #servicesInsureLit #services-InsureLitsub a:hover, #projInsureLit #proj-InsureLitsub a:hover { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Legal Support Services Section**/ #servicesInsureLit1 #menu-services a, #servicesInsureLit1 #services-insurelit1 a, #projInsureLit1 #menu-project a, #projInsureLit1 #proj-insurelit1 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /** Services section & legal support srv. when user is on specific page **/ #servicesInsureLit2 #menu-services a, #servicesInsureLit2 #services-insurelit2 a, #projInsureLit2 #menu-project a, #projInsureLit2 #proj-insurelit2 a { color: #0043F0; background: url(../images/common/bullet_on.gif) no-repeat left;} /**end of menu**/