/* MainWebSite */ body { color: #333333; font: 12px Arial, Verdana, sans-serif; padding: 0px; background: #FFFFFF; margin: 0px; } a { color: #333333; text-decoration: underline; } a:hover { text-decoration: none; } a:link.gen_link { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003366; FONT-FAMILY: Arial; TEXT-DECORATION: underline; } a:visited.gen_link { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003366; FONT-FAMILY: Arial; TEXT-DECORATION: underline; } a:active.gen_link { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003366; FONT-FAMILY: Arial; TEXT-DECORATION: underline; } a:hover.gen_link { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003366; FONT-FAMILY: Arial; TEXT-DECORATION: none; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 5px; font-family: Arial, Verdana, sans-serif; font-weight: bold; } h1 { color: #E2AA15; font: bold 18px Arial, Verdana, sans-serif; } h2 { color: #7C373A; font-size: 14px; } h3 { color: #333333; font-size: 12px; } h4 { color: #666666; font-size: 11px; } h5 { color: #689ABF; font-size: 11px; } h6 { color: #6DA096; font-size: 11px; } blockquote { margin: 0px 0px 0px 30px; } ol { margin-left: 30px; } .olListing { list-style: upper-alpha; } .olListing li li li { list-style: lower-alpha; } ul { font: 12px Arial, Verdana, sans-serif; padding-left: 7px; } ul li { padding-left: 7px; } hr { border-top: 1px solid #77867F;/*the border*/ width: 100%; height: 1px; /*whatever the total width of the border-top and border-bottom equal*/ margin: 0px; } form { /*background: #F9F9F0; border: 1px solid #ACACAC;*/ } fieldset { margin-bottom: 25px; border: 1px solid #CCCCCC; background: #FFFFFF; margin-top: 25px; clip: rect(80px,auto,auto,auto); } legend { padding: 10px 20px; border: 1px solid #CCCCCC; font-family: Arial, Verdana, sans-serif; font-weight: bold; color: #604F35; background: #FFFFFF; margin-bottom: 10px; margin-left: 10px; margin-top: -19px; } input { background: #FFFFFF; font: 11px Tahoma, Arial; color: #000000; padding: 3px; border: 1px solid #999999; } select { background: #FFFFFF; border: 1px solid #999999; font: 11px Tahoma, Arial; color: #000000; padding: 3px; } textarea { background: #FFFFFF; border: 1px solid #999999; font: 11px Tahoma, Arial; color: #000000; padding: 5px; } /* CSS DIV CONTROLS */ .floatLeft { float: left; } .floatRight { float: right; } .floatLeftHalf { float: left; width: 48%; margin: 0px; padding: 0px; } .floatRightHalf { float: right; width: 48%; } .clearBoth { clear: both; } /* PAGE LAYOUTS */ #page { width: 950px; margin-right: auto; margin-left: auto; } #advertisement { font: bold 10px Arial, Verdana, sans-serif; color: #77867F; width: 950px; margin-right: auto; margin-left: auto; } #advertisement #bannerAd { background: #ECECEC; padding: 3px; width: 100%; border: 1px solid #77867F; text-align: center; } #adsFeatured { padding: 5px; border: 2px solid #77867F; background: #F0F0F0; } #adsRegular { padding: 5px; border: 2px solid #999999; } #ad125 { width: 125px; padding-bottom: 10px; text-align: justify; display: block; margin-right: auto; margin-left: auto; font: 11px Arial, Verdana, sans-serif; } #ad125 img { border: 2px solid #CCCCCC; } #mastheadContainer { height: 55px; margin-top: 20px; margin-bottom: 10px; } #mastheadLogo { height: 55px; background: url(/media/images/needlestack_logo.gif) no-repeat; width: 456px; float: left; } #mastheadLogins { font: 11px Arial, Verdana, sans-serif; color: #999999; float: left; background: url(/media/images/top_divider.gif) no-repeat 47% 50%; margin-left: 200px; padding-top: 18px; padding-bottom: 15px; } #mastheadLogins a { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; padding-right: 10px; padding-left: 10px; } #mastheadDate a { color: #4B4A36; } #mastheadDate a:hover { text-decoration: none; } #mastheadNavigationBanner { clear: both; text-transform: uppercase; font: bold 9px Arial, Verdana, sans-serif; } #mainColorBand { background: #FFFFFF; display: block; height: 25px; clear: both; width: auto; } #mastheadSubNavigationBanner { clear: both; background: #E1E1E1; line-height: 15px; display: block; height: 25px; } #mastheadSubNavigationBanner a { color: #999999; border-right: 1px dotted #666666; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #666666; border-bottom-color: #666666; border-left-color: #666666; display: block; width: auto; font: bold 10px/12px Arial, Verdana, sans-serif; text-transform: uppercase; float: left; text-decoration: none; margin-top: 5px; margin-bottom: 5px; background: #E1E1E1; padding: 3px 10px 2px; } #mastheadSubNavigationBanner a:hover { color: #666666; text-decoration: none; } #bodyContent { clear: both; padding: 0px; border-right: 1px solid #E1E1E1; /*visibility: visible;*/ } #bodyContent1Col { } #hAbout { padding: 0px 10px 10px; float: left; width: 165px; margin-right: 5px; background: #F8756B; /*background: #F6B454;*/ height: 185px; } #hNews { padding: 0px 10px 10px; float: left; width: 165px; margin-right: 5px; background: #D2E15D; /*background: #8DC888;*/ height: 185px; } #hCandidate { padding: 0px 10px 10px; float: left; width: 165px; margin-right: 5px; background: #97BBB4; height: 185px; } #hJob { padding: 0px 10px 10px; float: left; width: 165px; margin-right: 5px; background: #8EC7EC; height: 185px; } #hJobSearch { padding: 0px 0px 10px 10px; float: left; width: 180px; background: #E1EFFA; height: 185px; } #needles { clear: both; height: auto; width: auto; padding-bottom: 10px; background: url(/media/images/dotted-row.gif) repeat-x; padding-top: 20px; margin-top: 10px; display: block; } #bodyContentLeft23 { width: 698px; border-right: 1px #999999; border-bottom-width: 1px; border-left-width: 1px; border-bottom-color: #999999; border-left-color: #999999; left: 0px; float: left; visibility: transparent; } #bodyContentRight13 { width: 249px; float: left; margin: 0px; padding: 0px; } #bodyLeftContainer { width: 170px; float: left; margin: 0px; padding: 0px; height: auto; } #bodyRightContainer { margin: 0px 10px 10px 0px; padding: 0px; width: 150px; float: right; } .messageMaroon { /*background: #633D3F;*/ padding: 25px 50px 25px 20px; margin-bottom: 5px; color: #FFFFFF; clear: both; background: #7C373A; } .messageMaroon h1 { color: #8EC7EC; } .messageMaroon h2 { color: #BCC450; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageMaroon h3 { color: #FFFFFF; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageGreen { background: #D2E15D; padding: 25px 50px 25px 20px; margin-bottom: 10px; clear: both; /*background: #8DC888;*/ } .messageGreen h1 { /*color: #633D3F;*/ color: #7C373A; } .messageGreen h2 { /*color: #633D3F;*/ color: #7C373A; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageGreen h3 { color: #333333; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageSalmon { background: #F8756B; padding: 25px 50px 25px 20px; margin-bottom: 10px; clear: both; /*background: #F6B454;*/ } .messageSalmon h1 { color: #7C373A; } .messageSalmon h2 { color: #333333; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageSalmon h3 { color: #FFFFFF; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageOrange { background: #F6B454; padding: 25px 50px 25px 20px; margin-bottom: 10px; clear: both; /*background: #F6B454;*/ } .messageOrange h1 { color: #7C373A; } .messageOrange h2 { color: #333333; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageOrange h3 { color: #FFFFFF; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageWhite { background: #FFFFFF; padding: 10px; margin-bottom: 10px; clear: both; } .messageWhite h1 { color: #E2AA15; font: bold 18px Arial, Verdana, sans-serif; } .messageWhite h2 { /*color: #633D3F;*/ color: #7C373A; font: normal 14px/20px Arial, Verdana, sans-serif; margin-top: 0px; margin-bottom: 3px; } .messageWhite h3 { color: #333333; font: bold 12px Arial, Verdana, sans-serif; margin-top: 0px; margin-bottom: 0px; } .messageWhite h4 { color: #BC866C; font: bold 12px Arial, Verdana, sans-serif; margin-top: 0px; margin-bottom: 0px; font-size: 16px; } .messageJobCenter { background: #8EC7EC; padding: 20px 50px 20px 20px; margin-bottom: 10px; } .messageJobCenter h1 { /*color: #633D3F;*/ color: #7C373A; text-transform: uppercase; font: bold 13px "Trebuchet MS", Helvetica, sans-serif; } .messageJobCenter h2 { color: #407297; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageJobCenter h3 { color: #333333; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .bgJobCenter { background: #8EC7EC; } .messageJobCenter2 { background: #689ABF; padding: 25px 50px 25px 20px; } .messageJobCenter2 h1 { /*color: #633D3F;*/ color: #7C373A; text-transform: uppercase; font: bold 13px "Trebuchet MS", Helvetica, sans-serif; } .messageJobCenter2 h2 { color: #407297; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageJobCenter2 h3 { color: #333333; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .bgJobCenter2 { background: #689ABF; } .messageJobCenter3 { background: #CDE6F7; margin-bottom: 10px; padding: 25px 50px 25px 20px; } .messageJobCenter3 h1 { /*color: #633D3F;*/ color: #7C373A; text-transform: uppercase; font: bold 13px "Trebuchet MS", Helvetica, sans-serif; } .messageJobCenter3 h2 { color: #407297; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageJobCenter3 h3 { color: #333333; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .bgJobCenter3 { background: #CDE6F7; } .messageEmployerCenter { background: #97BBB4; padding: 20px 50px 20px 20px; margin-bottom: 10px; } .messageEmployerCenter h1 { /*color: #633D3F;*/ color: #7C373A; font: bold 13px "Trebuchet MS", Helvetica, sans-serif; text-transform: uppercase; } .messageEmployerCenter h2 { color: #633D3F; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageEmployerCenter h3 { color: #333333; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .bgEmpCenter { background: #97BBB4; } .messageEmployerCenter2 { background: #6DA096; padding: 25px 50px 25px 20px; margin-bottom: 10px; } .messageEmployerCenter2 h1 { /*color: #633D3F;*/ color: #7C373A; font: bold 13px "Trebuchet MS", Helvetica, sans-serif; text-transform: uppercase; } .messageEmployerCenter2 h2 { color: #633D3F; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageEmployerCenter2 h3 { color: #333333; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .bgEmpCenter2 { background: #6DA096; } ..messageEmployerCenter3 { background: #C5DAD1; padding: 25px 50px 25px 20px; margin-bottom: 10px; } .messageEmployerCenter3 { background: #C5DAD1; padding: 25px 50px 25px 20px; margin-bottom: 10px; } .messageEmployerCenter3 h1 { /*color: #633D3F;*/ color: #7C373A; font: bold 13px "Trebuchet MS", Helvetica, sans-serif; text-transform: uppercase; } .messageEmployerCenter3 h2 { color: #633D3F; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .messageEmployerCenter3 h3 { color: #333333; font: bold 12px/20px Arial, Verdana, sans-serif; margin-top: 15px; } .bgEmpCenter3 { background: #C5DAD1; } #footer { clear: both; font: 11px Arial, Verdana, sans-serif; color: #999999; padding: 0px; margin: 0px; text-align: center; height: 60px; } #footer p { margin-top: 0px; margin-bottom: 5px; color: #999999; } #footer a { color: #999999; text-decoration: underline; } #footer a:hover { text-decoration: none; } #footerNavigation { padding-top: 30px; width: 475px; float: left; } #footerCopyright { float: left; width: 475px; padding-top: 30px; } /* NAVIGATION MENUS */ #MainNavScheme { width: 100%; } #MainNavScheme ul { margin: 0; padding: 0; list-style-type: none; color: #FFFFFF; font: bold 10px Arial, Verdana, sans-serif; text-transform: uppercase; } #MainNavScheme li a { margin: 0; padding: 2px 5px 2px 15px; color: #4B4340; text-decoration: none; display: block; } #MainNavScheme li a:hover { color: #990000; text-decoration: none; } #MainNavScheme li li a { margin: 0; display: block; padding: 4px 2px 3px 30px; color: #333333; text-decoration: none; font-weight: bold; } #MainNavScheme li li a:hover { color: #990000; text-decoration: none; } #MainExtra { clear: both; width: 170px; } #SubNavScheme { border-top: 1px solid #003366; border-right: 1px solid #003366; border-left: 1px solid #003366; margin-bottom: 10px; } #SubNavScheme ul { margin: 0; padding: 0; list-style-type: none; color: #FFFFFF; font: bold 10px Arial, Verdana, sans-serif; text-transform: uppercase; } #SubNavScheme li a { margin: 0; display: block; padding: 8px 5px; background: #2E5882; color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #003366; } #SubNavScheme li a:hover { color: #FFFFFF; text-decoration: none; background: #C29301; } #SubNavScheme li li a { margin: 0; display: block; padding: 4px 2px 3px 15px; background: #E8D8A5; color: #013161; text-decoration: none; font-weight: normal; } #SubNavScheme li li a:hover { background: #C29301; color: #FFFFFF; text-decoration: none; } /* OBJECTS */ .navnugMain { margin: 0px 0px 10px; clear: both; padding-bottom: 25px; } .navnugMain h1 { color: #FFFFFF; font: bold 12px Arial, Verdana, sans-serif; text-transform: capitalize; padding: 12px; } .navnugMain h2 { margin-top: 0px; margin-bottom: 0px; color: #7D212B; font: bold 12px "Trebuchet MS", Helvetica, sans-serif; padding-left: 12px; } .navnugMain p { border-style: none; padding: 12px; margin: 0px; } .bg_bodyContainer { } .buttonLink { padding: 3px 10px; color: #FFFFFF; text-decoration: underline; text-align: center; text-transform: uppercase; font-size: 10px; float: left; margin-top: 5px; margin-bottom: 5px; } a.buttonLink:hover { text-decoration: none; color: #FFFFFF; } .buttonForms { font: 11px Arial, Verdana, sans-serif; color: #FFFFFF; padding: 2px 0px; margin: 0px; border: 1px outset #54755F; } .imageLB { margin-bottom: 10px; margin-left: 10px; } .imageRB { margin-right: 10px; margin-bottom: 10px; } .imageFrame { border: 1px solid #003366; color: #003366; font: 10px Arial, Verdana, sans-serif; } .imageFrameLB { margin-bottom: 10px; border: 1px solid #003366; margin-left: 10px; } .imageFrameRB { margin-right: 10px; margin-bottom: 10px; border: 1px solid #999999; } .table { color: #827940; font: 10px Arial, Verdana, sans-serif; } .table td { border-bottom: 1px solid #827940; vertical-align: top; } .table td h1 { color: #CCCCCC; font: bold 10px Arial, Verdana, sans-serif; background: #666699; padding: 2px; } /* FONT STYLES */ .captions { font: 11px Arial, Verdana, sans-serif; color: #333333; } .disclaimer { color: #666633; } .message { color: #990000; } .pullquote { font: italic bold 14px/18px "Times New Roman", Times, serif; color: #404E80; padding-left: 25px; padding-right: 25px; } .browserbutton { color: #FFFFFF; background: #F89D3E; margin: 0px; padding: 0px 5px; height: 20px; border-right: none; border-bottom: none; border-top-style: none; border-left-style: none; font-weight: bold; } .browserbutton a { color: #FFFFFF; background: #F89D3E; height: 20px; font: bold 11px Arial, Verdana, sans-serif; border-right: none; border-bottom: none; text-decoration: underline; } .browserbutton a:hover { color: #FFFFFF; background: #F89D3E; height: 20px; font: bold 11px Arial, Verdana, sans-serif; border-right: none; border-bottom: none; text-decoration: none; } .titles { font: 11px Arial, Verdana, sans-serif; color: #003366; } .benefitsTop { padding: 5px; background: #D2E15D; margin-top: 5px; margin-bottom: 5px; } .benefitsTop h1 { color: #7B3738; font-family: "Trebuchet MS", Helvetica, sans-serif; } .benefitsTop h2 { color: #7B3738; font-family: "Trebuchet MS", Helvetica, sans-serif; } .benefitsBottom { padding: 5px; background: #F7B453; } .benefitsBottom h1 { color: #7B3738; font-family: "Trebuchet MS", Helvetica, sans-serif; } .benefitsBottom h2 { color: #7B3738; font-family: "Trebuchet MS", Helvetica, sans-serif; } .benefitsGroups { background: #CDE6F7; padding: 10px; margin-right: 8px; } .benefitsGroups h1 { color: #7B3738; font-family: "Trebuchet MS", Helvetica, sans-serif; } .benefitsGroups a:link { color: #990000; font-size: 14px; text-decoration: underline; } .benefitsGroups a:active { color: #990000; font-size: 14px; text-decoration: underline; } .benefitsGroups a:visited { color: #990000; font-size: 14px; text-decoration: underline; } .benefitsGroups a:hover { color: #990000; font-size: 14px; text-decoration: none; } #GNavUL { background: #D2E15D; } #GNavUL a { } #GNavUL a:hover { } #GNavUR { background: #F8756B; } #GNavUR a { } #GNavUR a:hover { } #GNavLL { background: #8EC7EC; } #GNavLL a { } #GNavLL a:hover { } #GNavLR { background: #97BBB4; } #GNavLR a { } #GNavLR a:hover { } .messageWhite h2 { /*color: #633D3F;*/ color: #7C373A; font: normal 14px/20px Arial, Verdana, sans-serif; margin-top: 0px; margin-bottom: 3px; font-weight: Bold; }