/* CSS */ /* Global styles */ body {overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:url(images/bgPattern.gif); font-family: tahoma; text-align:center} * {margin: 0 auto; padding: 0;} a img {border: none;} a {font-size: 11px;color: #7d7d7d;text-decoration: none;} a:hover, a.current {text-decoration: underline;} p {font-size:11px; color:#00467f;padding:4px 0 6px 0;} h1, h2, h3, h4, h5, h6 {color:#a37b0a; font-family:tahoma, arial, san-serif; } /*ul, ol {padding:4px 0 0 45px;}*/ li {font-size:11px; color:#000;} td, th, tr {font-size:11px;} em { color:#828900} /* reusable classes */ .right{float:right;} .quote{position:relative; right:45px; width:520px; text-align:right;} .left{float:left;} .subnav{position:relative; top:10px; *top:14px; left:120px; font-size:11px; color:#000;} .subnav a:hover, .subnav .current {font-weight:bold; text-decoration:none;} .full{position:relative; width:340px;} .split50{position:relative; width:170px;float:left;} .split30{position:relative; width:113px;float:left;} .formspacing td { padding:0 0 8px 0;} /* Wrappers */ #PageWrapper{position:relative; width:787px; text-align:left } #Wrapper{width:787px; background: url(images/bgMiddle_tile2.gif) repeat-y; margin:0px 0 0 0; text-align:left;} /* home page top */ #Top{width:787px; height:12px; position:relative; background: url(images/bgTop.gif) no-repeat top; margin:0 0 0 0; } /* test */ #Testimonials { float: right; height:50px list-style: none; padding: 20px 25px 5px 0; } #Testimonials li { float: left; padding: 0 0 0 5px;} #Testimonials li span { padding: 0 0 0 5px; } #Testimonials a { height: 15px; display: block; float: left;} #Testimonials li a.tes { width: 105px; height: 15px; border: 1px solid #fff; background: url(images/top-testimonials.gif) no-repeat top; } #Testimonials li a.tes:hover { width: 105px; height: 15px; border: 1px solid #fff; background: url(images/top-testimonials.gif) no-repeat top; } #Testimonials li a.t1 { width: 15px; border: 1px solid #fff; background: url(images/top-box1.gif) no-repeat top;} #Testimonials li a.t2 { width: 15px; border: 1px solid #fff; background: url(images/top-box2.gif) no-repeat top;} #Testimonials li a.t3 { width: 15px; border: 1px solid #fff; background: url(images/top-box3.gif) no-repeat top;} #Testimonials li a.t4 { width: 15px; border: 1px solid #fff; background: url(images/top-box4.gif) no-repeat top;} #Testimonials li a.t5 { width: 15px; border: 1px solid #fff; background: url(images/top-box5.gif) no-repeat top;} #Testimonials li a.t6 { width: 15px; border: 1px solid #fff; background: url(images/top-box6.gif) no-repeat top;} #Testimonials li a:hover { border: 1px solid #a17c0a; } /* navigation */ #Navigation {padding: 0 0 2px 10px; width:770px; height:36px; float:left;} #Navigation ul {margin:0; padding:0; list-style:none} #Navigation li {float: left;} #Navigation li a span {display: none; } #Navigation li a {height: 36px; display: block; float: left; padding: 0;} #Navigation li a.home {width:104px; background: url(images/nav_home.gif) no-repeat top;} #Navigation li a.about {width:120px; background: url(images/nav_about.gif) no-repeat top;} #Navigation li a.employers {width:127px; background: url(images/nav_emp.gif) no-repeat top;} #Navigation li a.jobseekers {width:138px; background: url(images/nav_js.gif) no-repeat top;} #Navigation li a.search {width:138px; background: url(images/nav_search.gif) no-repeat top;} #Navigation li a.contact {width:133px; background: url(images/nav_contact.gif) no-repeat top;} /*hover*/ #Navigation li a:hover {background-position: bottom; } #Navigation li a.current {background-position: bottom; } /* Banner and Green Bar */ #Banner{position:relative; padding: 0 0 0 10px; width:760px; height:212px; float:left; background:url(images/img_homepage.jpg) no-repeat; background-position: 10px 0px; } #BannerAbout{position:relative; padding: 0 0 0 10px; width:760px; height:112px; float:left; background:url(images/img_workPeople.jpg) no-repeat; background-position: 10px 0px; } #BannerEmp{position:relative; padding: 0 0 0 10px; width:760px; height:112px; float:left; background:url(images/img_workFeet.jpg) no-repeat; background-position: 10px 0px; } #BannerJob{position:relative; padding: 0 0 0 10px; width:760px; height:112px; float:left; background:url(images/img_workTrain.jpg) no-repeat; background-position: 10px 0px; } #BannerContact{position:relative; padding: 0 0 0 10px; width:760px; height:112px; float:left; background:url(images/img_workLate.jpg) no-repeat; background-position: 10px 0px; } #Green{position:relative; padding: 0 0 0 10px; width:760px; _width:770px; overflow:visible; height:22px; float:left; background:url(images/green_bar.gif) no-repeat; background-position: 10px 0px; } /* content */ #ContentWrapper{ position:relative; padding: 0 0 10px 8px; width:760px; background:url(images/grey_BarSlice.gif) repeat-y; background-position: 0 10px 0 10px; clear:both; text-align:left;} #ContentWrapperSub{position:relative; _left:10px; padding: 0 0 10px 8px; width:760px; background:url(images/grey_BarSlice.gif) repeat-y; clear:both;} /*#ContentWrapper{ position:relative; margin: 0 18px 0 10px; width:760px; background-color:#ebe8e3; clear:both; background-position:0 0px 0 0;}*/ #ContentMain{ width:332px; float:left; clear:both; padding: 10px 8px 10px 0px; } #ContentMain p{ color:#757471; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:5px 5px 5px 10px;} #ContentMainSub{ width:540px; float:right; padding: 10px 14px 10px 0px; } #ContentMainSub p{ color:#757471; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:5px 5px 5px 10px;} #ContentMainSub ul, ol {padding:4px 0 0 45px;} #ContentMainSub table ul, ol {padding:0;} #ContentMainSub .box1{ margin-left:25px; background-color:#fff; height:132px; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:5px 5px 5px 10px;} #ContentMainSub .box1 h3{ background-color:#fff; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:5px 5px 5px 2px;} #ContentMainSub .box2{ margin-left:25px; background-color:#edc67c; height:132px; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:5px 5px 5px 10px;} #ContentMainSub .box2 h3{ background-color:#edc67c; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:5px 5px 5px 2px;} #ContentMainLeft{ width:364px; float:left; padding: 10px 8px 10px 0px; } #ContentMainLeft ul, ol {padding:4px 0 0 45px;} #ContentMainLeft h3{ color:#53524f; font-family:tahoma, verdana, arial; font-size:12px; font-weight:bold; padding:5px 5px 5px 10px;} #ContentMainLeft p{ color:#757471; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:5px 5px 5px 10px;} #ContentMainLeft li{ color:#757471; font-family:Tahoma, Verdana, Arial; font-size:11px; margine:0 0 0 20px; padding:4px 0 4px 0;} #ContentMainLeft a{ color:#828900; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold;} #ContentMainLeft a:hover{ color:#9f7d0a; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold; text-decoration:underline;} #ContentMainLeft2{ width:530px; float:left; padding: 10px 8px 10px 0px; } #ContentMainRight{ background-color:#828900; width:158px; border: 2px #fff solid; float:left; padding:3px 3px 3px 3px; margin-top:5px; margin-left:0px;} #ContentMainRight h4{ color:#fff; font-family:Tahoma, Verdana, Arial; font-size:12px; padding:5px 5px 5px 10px; font-weight:bold;} #ContentMainRight p{ color:#fff; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:5px 5px 5px 10px;} #ContentMainRight span{ color:#e1ddd6; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:5px 5px 5px 10px; float:right;} #ContentMainRight span a{ color:#e1ddd6; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:5px 5px 5px 10px; float:right;} #ContentMainRight span a:hover{ color:#e1ddd6; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:5px 5px 5px 10px; float:right; text-decoration:underline;} #ContentMainRight a{ color:#e1ddd6; font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold;} #ContentMainRight a:hover{ color:#e1ddd6; font-family:Tahoma, Verdana, Arial; font-size:11px; text-decoration:underline; font-weight:bold;} #ContentMainRight img{ border:solid 1px #fff;} #ContentMainRight ul{ padding:10px 0 10px 26px; margin:0; color:#fff} #ContentMainRight li{ padding:0 0 2px 0px; margin:0; color:#fff} #ContentMiddle{position:relative; width:196px; float:left; padding:0px 0 0 0;} #ContentMiddle .infobox {position:relative; width:196px;} #ContentMiddle .infobox h3 { margin:12px 0 2px 0;} #ContentMiddle .holder { background-color:#FFF; width:194px; border: 1px #aeb9bf solid;} #ContentMiddle .infobox p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5e737f; text-align:left; padding: 6px 6px 6px 6px; margin:0 0 5px 0;} #ContentMiddle .infobox span { float:right; padding: 6px 6px 6px 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#a5a944; font-weight:bold; text-align:right;} #ContentRight{float:left; position:relative; padding:10px 15px 10px 0px; width:163px; left:15px;} #ContentRight .infobox { background-color:#c3c488; width:178px; border: 2px #fff solid; padding:5px 5px 5px 6px; float:left;} #ContentRight .infobox h3 {width:83px; height:16px; float:left; padding:0px 5px 10px 0;} #ContentRight .infobox h4 { background:url(images/img_cell.jpg) no-repeat; height:62px; width:82px; float:right; padding:6px 5px 2px 0;} #ContentRight .infobox p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#3a3a29; font-size:11px; text-align:left; clear:both;} #ContentRight .infobox h5 { width:70px; height:12px; float:right; padding: 5px 5px 5px 0;} #ContentRight .infobox2 { background-color:#c3c488; width:178px; border: 2px #fff solid; padding:1px 5px 1px 6px; float:left; margin-bottom:3px;} #ContentRight .infobox2 p a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:11px; text-align:left; clear:both;} #RightJobs{background-color:#fff; width:158px; border: 1px #757471 solid; float:left; padding:3px; margin-top:5px; margin-bottom:6px; margin-left:0px;} #ContentLeft{ background-color:#c3c488; width:174px; border: 2px #fff solid; float:left; padding:4px 15px 10px 0px; _padding:4px 4px 10px 0px; margin-top:5px; } #ContentLeft .subnav { position:relative; top:0; left:4px; background-color:#fff; width:168px; border: 1px #a37b0a solid; padding:5px 5px 5px 6px; float:left; margin-bottom:6px} #ContentLeft .subnav ul { float:left; width:148px; padding:5px 5px 5px 20px;} #ContentLeft .subnav li { position:relative; top:0; left:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3a3a29; list-style:none; } #ContentLeft .subnav li a { position:relative; top:0; left:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3a3a29; list-style:none; text-decoration:none; font-weight:normal;} #ContentLeft .subnav li a:hover { position:relative; top:0; left:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3a3a29; list-style:none; width:160px; text-decoration:underline; font-weight:normal;} #ContentLeft .contact { position:relative; top:0; left:2px; width:180px; height:20px; padding:0px 2px 5px 2px; float:left;} #ContentLeft .infobox { padding:5px 5px 5px 6px;} #ContentLeft .infobox h3 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#3a3a29; font-size:11px; text-align:left; clear:both;} #ContentLeft .infobox p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#3a3a29; font-size:11px; text-align:left; clear:both;} /* BottomCurve */ #BottomCurve{position:relative; padding: 0 0 10px 10px; width:760px; _width:780px; overflow:visible; height:38px; float:left; background:url(images/bottom_curve.gif) no-repeat; background-position: 10px 0px; } /* Footer Section */ #Footer {clear: both;width: 787px;height: 20px; display: block;} #FootNav {font-family:Arial, Helvetica, sans-serif; list-style: none; font-size: 11px; color: #757957; padding: 0px 0 10px 20px; float:left;} #FootNav a {color: #757957;} #FootNav a:hover {color: #54573b; text-decoration:none; } #Copyright {float: right;} #Copyright p { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #757957; padding: 0px 20px 10px 0;} #BottomLine{position:relative; padding: 0 0 0 2px; width:775px; height:1px; float:left; background:url(images/black_bar.gif) no-repeat; background-position: 2px 0px; } #Bottom{width:787px; height:16px; position:relative; clear:both; background: url(images/bgBottom.gif) no-repeat; margin:0 0 0 0; } /* -- Alsett Clearing Method*/ .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix {height: 1%;} .clearfix {display: block;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;}