/* Misc Styles and defaults -------------------------------------------- */ * { margin: 0; padding: 0; } body { color:#505050; font-size:12px; margin-bottom:40px; font-family:Tahoma, Geneva, sans-serif; background-image:url(../images/bodybkgd.jpg); background-position:center top; background-repeat:no-repeat; } .offleft { display:block; position:absolute; text-indent:-9999px; overflow:hidden; padding-right:50px; text-align:left; } caption, th, td { text-align:left; font-weight:normal; } .clear { clear:both; } img.left { float:left; margin-right:20px; border:#00692E 1px solid; } img.right { float:right; margin-left:20px; border:#00692E 1px solid; } img.border { margin-bottom:1px; border:#00692E 1px solid; } /*td { padding-right:20px; }*/ a { color:#00692E; } iframe { border:none; background-color:transparent; margin-bottom:68px; } iframe body { background-color:transparent !important; } /* CONTAINER ----------------------------------------- */ #Container { width:990px; margin:0px auto 0px auto; position:relative; background-image:url(../images/layoutbkgd.gif); background-position:21px top; background-repeat:no-repeat; z-index:0; } #Container.homepage { background-image:url(../images/home/homecontentbkgd.gif); } #Navigation { z-index:10; height:56px; } #Layout { clear:both; } #pagebody { margin-top:44px; background-image:url(../images/interior/pagebodybkgd.gif); background-position:246px top; background-repeat:repeat-y; } #pagebody.homepage { background-image:url(../images/home/homepagebodybkgd.gif); } #contentwrap { background-image:url(../images/interior/section2bkgd.gif); background-position:242px bottom; background-repeat:no-repeat; } #pagebody.homepage #contentwrap { background-image:url(../images/home/homepagebodybottom.gif); } #Content { width:689px; float:left; padding:0px 0px 22px 0px; } div.security div#Content #section2wrap { height:350px; } #pagebody.homepage #Content { width:702px; } #introwrap, #portfoliowrap { margin-left:22px; background-color:#000; background-image:url(../images/interior/introtop.gif); background-position:top left; background-repeat:no-repeat; } #intro, #portfolio { padding:18px 25px 19px 22px; margin-bottom:16px; background-color:transparent; background-image:url(../images/interior/introbottom.gif); background-position:left bottom; background-repeat:no-repeat; } #slideshow { width:710px; height:512px; overflow:hidden; } div.homeslide { width:656px; height:395px; padding:117px 27px 0px 27px; position:relative; } div.homeslide.one { background-image:url(../images/home/homeslidetrust.jpg); background-repeat:no-repeat; } div.homeslide.two { background-image:url(../images/home/homeslidecommitment.jpg); background-repeat:no-repeat; } div.homeslide.three { background-image:url(../images/home/homeslideresults.jpg); background-repeat:no-repeat; } #hometabwrap { background-image:url(../images/interior/greenrule.gif); background-position:left top; background-repeat:repeat-y; } #hometabs { background-image:url(../images/home/belowhometabs.gif); background-position:right bottom; background-repeat:no-repeat; z-index:0; } #tabcontents { height:186px; overflow:hidden; background-image:url(../images/home/fadingrule.gif); background-position:438px top; margin-top:-1px; background-repeat:no-repeat; position:relative; z-index:1; } #tabcontents .hometab { height:136px; padding:20px 20px 30px 20px; } #portfolio { padding-bottom:5px; } #portfolio img { border:#00692e 1px solid; } #buttons { width:381px; float:right; margin-top:7px; } #buttons li { list-style-type:none; float:left; margin-left:16px !important; margin-bottom:16px !important; } #buttons li a { opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* <-- first! for IE8 */ filter: alpha(opacity=70); /* second! <-- for IE7 */ } #buttons li a:hover { opacity:15; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* <-- first! for IE8 */ filter: alpha(opacity=100); /* second! <-- for IE7 */ } .portfoliodisplay { width:239px; float:left; } #section1wrap { background-image:url(../images/interior/greenrule.gif); background-position:top right; background-repeat:repeat-y; } #section1innerwrap { background-image:url(../images/interior/section1top.gif); background-position:right top; background-repeat:no-repeat; } #section1 { padding:18px 25px 30px 44px; background-image:url(../images/interior/section1bkgd.gif); background-position:1px bottom; background-repeat:no-repeat; } #section2wrap { background-image:url(../images/interior/greenrule.gif); background-position:top right; background-repeat:repeat-y } #section2 { padding:18px 25px 0px 24px; } #FirstLetter p:first-child:first-letter { font-size: 2.75em; padding:0 .13em 0 0; line-height: 1em; float: left; } #ddash { display: inline-block; width: 230px; height: 180px; margin: 0px 2px 2px 0px; background: url(/assets/Uploads/DirtyDash-Int.jpg) no-repeat; } #ddash:active { margin: 2px 0px 0px 2px; background: url(/assets/Uploads/DirtyDash-Int.jpg) no-repeat; } #suitDrive { display: inline-block; width: 180px; height: 180px; margin: 0px 2px 2px 0px; background: url(/assets/suit-drive3.jpg) no-repeat; } #suitDrive:active { margin: 2px 0px 0px 2px; background: url(/assets/suit-drive3.jpg) no-repeat; } #hawaiiShirt { display: inline-block; width: 365px; height: 180px; margin: 0px 2px 2px 0px; background: url(/assets/Uploads/HawaiiShirt180.jpg) no-repeat;} #hawaiiShirt:active { margin: 2px 0px 0px 2px; background: url(/assets/Uploads/HawaiiShirt180.jpg) no-repeat; } #baseBall { display: inline-block; width: 240px; height: 180px; margin: 0px 2px 2px 0px; background: url(/assets/Uploads/Baseball180.jpg) no-repeat; } #baseBall:active { margin: 2px 0px 0px 2px; background: url(/assets/Uploads/Baseball180.jpg) no-repeat; } #hockeyNight { display: inline-block; width: 238px; height: 180px; margin: 0px 2px 2px 0px; background: url(/assets/Uploads/HockeyNight180.jpg) no-repeat; } #hockeyNight:active { margin: 2px 0px 0px 2px; background: url(/assets/Uploads/HockeyNight180.jpg) no-repeat; } #oakdaleCoatDrive { display: inline-block; width: 240px; height: 180px; margin: 0px 2px 2px 0px; background: url(/assets/Uploads/MNCoatDrive180.jpg) no-repeat; } #oakdaleCoatDrive:active { margin: 2px 0px 0px 2px; background: url(/assets/Uploads/MNCoatDrive180.jpg) no-repeat; } #fallFoodDrive { display: inline-block; width: 365px; height: 180px; margin: 0px 2px 2px 0px; background: url(/assets/Uploads/FallFoodDrive2015180.jpg) no-repeat; } #fallFoodDrive:active { margin: 2px 0px 0px 2px; background: url(/assets/Uploads/FallFoodDrive2015180.jpg) no-repeat; } #bloodDrive { display: inline-block; width: 239px; height: 180px; margin: 0px 2px 2px 0px; background: url(/assets/Uploads/BloodDriveIntro.jpg) no-repeat; } #bloodDrive:active { margin: 2px 0px 0px 2px; background: url(/assets/Uploads/BloodDriveIntro.jpg) no-repeat;} div.simplepage #section2, div.security #section2 { margin-top:-10px; background-image:url(../images/interior/simplepagetopcorner.gif); background-position:right top; background-repeat:no-repeat; min-height:480px; } /* Sidebar _______________________________________ */ #Sidebar { background-color:#fff; width:245px; padding-top:100px; margin-left:35px; float:left; margin-bottom:30px; } #pagebody.homepage #Sidebar { background-color:transparent; width:238px; } #pagebody.homepage #Sidebar .sidebarBox { background-color:#fff; } #sidebartabouterwrap { width:auto; border-bottom:#00692E 1px solid; } #sidebartabinnerwrap { width:auto; background-image:url(../images/sidebartableft.gif); background-repeat:no-repeat; padding-left:14px; margin-right:35px; } #sidebartab { width:auto; background-image:url(../images/sidebartabright.gif); background-position:top right; background-repeat:no-repeat; padding-right:14px; } #sidebarcontentwrap { padding-bottom:28px; background-image:url(../images/interior/sidebarbottom.gif); background-position:left bottom; background-repeat:no-repeat; } #sidebarcontent { border-left:#00692e 1px solid; padding:10px 40px 0px 10px; } #announcements { margin-right:50px; } .WidgetHolder { padding-left:7px; margin-right:33px; border-right:#00692e 1px solid; padding-bottom:10px; } /* MAIN NAVIGATION - TABS ----------------------------------------- */ #Navigation ul.mainnav { float:left; margin-left:36px; font-family:Verdana, Geneva, sans-serif; } #Navigation ul.mainnav li { list-style-type:none; width:auto; float:left; } /*#Navigation ul.mainnav li a { display:block; width:auto; height:13px; padding:26px 39px 9px 24px; margin-top:-20px; margin-left:-20px; text-align:center; background-color:transparent; background-image:url(../images/mainnavitembkgd.gif); background-position:left 6px; background-repeat:repeat-x; border:#A7A9AC 1px solid; behavior:url(/site/css/PIE.htc); border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; color:#fff; text-decoration:none; } */ #Navigation ul.mainnav li a { display:block; width:65px; height:31px; padding:32px 39px 9px 24px; margin-top:-20px; margin-left:-20px; text-align:center; background-color:transparent; background-image:url(../images/speciallinkbkgd.gif); background-position:left 15px; background-repeat:repeat-x; border:#A7A9AC 1px solid; behavior:url(/site/css/PIE.htc); border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; color:#fff; text-decoration:none; } #Navigation ul.mainnav li a:hover, #Navigation ul.mainnav li a.current, #Navigation ul.mainnav li a.section { background-position:left bottom; } #Navigation ul.mainnav li a.first { margin-left:0px; } #Navigation ul.mainnav li a.last { padding-right:29px; } #Navigation p#speciallink { width:98px; text-align:center; margin-left:12px; margin-top:-29px; float:left; font-family:Verdana, Geneva, sans-serif; } #Navigation p#speciallink a { display:block; width:98px; height:38px; padding:36px 0px 9px 0px; line-height:18px; color:#fff; text-align:center; display:block; text-decoration:none; background-color:transparent; background-image:url(../images/speciallinkbkgd.gif); background-position:left 25px; background-repeat:repeat-x; border:#A7A9AC 1px solid; behavior:url(/site/css/PIE.htc); border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; } #Navigation p#speciallink a:hover { background-position:left bottom; } #Navigation p#speciallink.home { margin-top:0px; } #Navigation p#speciallink.home a { height:13px; width:98px; padding:25px 0px 10px 0px; text-align:center; margin-top:-20px; background-image:url(../images/mainnavitembkgd.gif); background-position:left 6px; } #Navigation p#speciallink.home a:hover { background-position:left bottom; } /* HEADER ----------------------------------------- */ #Header.homepage { clear:both; width:262px; height:146px; background-image:url(../images/keytronic-ems.gif); background-repeat:no-repeat; position:absolute; left:20px; top:54px; background-color:#fff; z-index:200; } #Header.page p a { clear:both; width:262px; height:92px; background-image:url(../images/keytronic-ems.gif); background-repeat:no-repeat; position:absolute; left:20px; top:54px; } /* BREADCRUMBS ----------------------------------------- */ #Breadcrumbs { float:right; font-size:9px; margin-top:15px; margin-right:43px; color:#999; } #Breadcrumbs a { color:#999; } /* TYPOGRAPHY ----------------------------------------------- */ #Content h1 { font-size:28px; line-height:28px; padding-left:39px; font-weight:normal; color:#007654; height:48px; background-color:#fff; background-image:url(../images/interior/pagetitlerule.gif); background-position:left 21px; background-repeat:no-repeat; } #Content h2, #pagebody.simplepage #Content h2 { font-size:20px; line-height:18px; color:#00692E; margin-bottom:10px !important; } #Content h3, #pagebody.simplepage #Content h3 { font-size:16px; line-height:18px; color:#00692E; margin-bottom:10px !important; } #Content h3, #Content #section2 h2 { font-size:12px; line-height:18px; background-image:url(../images/arrowhollow.png); background-position:left 4px; background-repeat:no-repeat; padding-left:15px; color:#00692E; } #Content h3 a, #Content #section2 h2 a { color:#00692e; } #Content p { font-size:12px; line-height:18px; margin-bottom:15px; } #Content ul { margin-bottom:15px; } #Content ul li ul { margin-bottom:0px; } #Content ul li, #Content ol li { font-size:12px; line-height:18px; margin-left:17px; } #Content ul li a, #Content ol li a { color:#00692e; } #Content ul li a:hover, #Content ol li a:hover { color:#505050; } #pagebody.simplepage #Content h2, #pagebody.simplepage #Content h3 { background-image:none; padding-left:0px; margin-bottom:0px; } #intro p { font-size:14px; line-height:24px; color:#fff; text-indent:25px; } #intro p.first { padding-top:5px; background-image:url(../images/introgear.gif); background-repeat:no-repeat; } #intro img { border:#00692E 1px solid; } #intro address { font-size:14px; line-height:24px; color:#fff; margin-bottom:15px; font-style:normal; } #sidebartab p { height:34px; padding-right:0px; background-image:url(../images/sidebartabbkgd.gif); background-repeat:repeat-x; font-size:14px; line-height:16px; color:#00692E; font-weight:bold; } #sidebartab p a { color:#00692E; text-decoration:none; } #sidebartab p a:hover { color:#505050; } #sidebartab p span { display:block; height:23px; padding-left:23px; padding-top:11px; background-image:url(../images/arrowhollow.png); background-position:left 13px; background-repeat:no-repeat; } #sidebarcontent ul#Menu { margin-right:15px; } #sidebarcontent ul li { list-style-type:none; padding-left:25px; line-height:16px; margin-bottom:10px; background-image:url(../images/arrowsolid.png); background-position:5px 3px; background-repeat:no-repeat; } #sidebarcontent ul li:hover { background-image:url(../images/arrowhollow.png); } #sidebarcontent ul li a { color:#505050; text-decoration:none; } #sidebarcontent ul li a:hover, #sidebarcontent ul li.current a, #sidebarcontent ul li.section a { color:#00692e; } #sidebarcontent ul li.current, #sidebarcontent ul li.section { background-image:url(../images/arrowhollow.png); background-position:5px 3px; } #sidebarcontent ul li ul.sub { padding-left:15px; } #sidebarcontent ul li ul.sub li { background-image:none; list-style-type:disc; padding-left:0px; margin-bottom:2px; font-size:10px; } #sidebarcontent ul li ul.sub li a { color:#505050; } #sidebarcontent ul li ul.sub li a:hover, #sidebarcontent ul li ul.sub li.current a { color:#00692e; } .WidgetHolder h3 { padding-right:0px; font-size:14px; line-height:16px; color:#00692E; font-weight:bold; color:#00692E; display:block; border-bottom:#00692e 1px solid; margin-bottom:6px; height:23px; padding-left:31px; padding-top:11px; background-image:url(../images/arrowhollow.png); background-position:8px 12px; background-repeat:no-repeat; } .WidgetHolder ul { margin-right:15px; } .WidgetHolder ul li { list-style-type:none; padding-left:31px; line-height:16px; background-image:url(../images/arrowsolid.png); background-position:11px 5px; background-repeat:no-repeat; } .WidgetHolder ul li a { color:#505050; text-decoration:none; } .WidgetHolder ul li a:hover, .WidgetHolder ul li.current a, .WidgetHolder ul li.section a { color:#00692e; } .WidgetHolder ul li.current, .WidgetHolder ul li.section { background-image:url(../images/arrowhollow.png); background-position:8px 2px; } .WidgetHolder p { padding-left:31px; } #announcements h2 { height:34px; padding-right:0px; font-size:14px; line-height:16px; color:#00692E; font-weight:bold; margin-left:16px; } #announcements h2 a { color:#00692E; text-decoration:none; display:block; height:23px; padding-left:20px; padding-top:11px; background-image:url(../images/arrowhollow.png); background-position:3px 14px; background-repeat:no-repeat; } #announcements h2 span { display:block; height:23px; padding-left:23px; padding-top:11px; background-image:url(../images/arrowhollow.png); background-position:left 12px; background-repeat:no-repeat; } #announcements p { margin-left:35px; line-height:22px; color:#505050; } #announcements p img { margin-top:6px; border:none; position:relative; /* These styles set a CSS drop shadow */ -moz-box-shadow: 4px 4px 7px #bbb; -webkit-box-shadow: 4px 4px 7px #bbb; box-shadow: 4px 4px 7px #bbb; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#bbb')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#bbb'); } #announcements p a { color:#00692E; font-size:10px; text-transform:uppercase; text-decoration:none; background-image:url(../images/arrowhollow.png); background-position:right 0px; background-repeat:no-repeat; padding-right:20px; } #announcements p a:hover { background-image:url(../images/arrowsolid.png); color:#6e6e6e; } #announcements p.summary { font-size:11px; line-height:18px; } #announcements h2 a:hover { color:#6e6e6e; } #announcements p.thumb a { background-image:none; } div.homeslide h3 { color:#fff !important; text-indent:25px !important; font-size:20px !important; line-height:26px !important; font-weight:normal !important; background-image:none !important; } div.homeslide p { width:165px; padding-left:20px; color:#fff; font-size:12px; line-height:18px; position:absolute; top:269px; left:475px; } /*div.homeslide p.name1 { top:266px; left:25px; }*/ div.homeslide p.name1 { top:243px; left:215px; text-align:right; } div.homeslide p.name2 { top:266px; left:390px; text-align:right; } div.homeslide p.name3 { top:285px; left:255px; } #tabbuttons { background-color:#fff; padding-top:26px; width:710px; height:33px; overflow:hidden; position:relative; z-index:0; margin-bottom:0px !important; } #tabbuttons li { list-style-type:none; width:auto; height:50px; float:left; background-color:transparent; border:#00692e 1px solid; position:relative; margin-left:0px !important; /* Round corners */ -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px;/* for IE8 */ behavior:url(/site/css/PIE.htc);/* for IE8 */ } #tabbuttons li.current { position:relative; /* Gradated backgrounds */ -pie-background: linear-gradient(#e5e5e5, #fff, #fff); /* for IE8 */ behavior:url(/site/css/PIE.htc);/* for IE8 */ } #tabbuttons li.one { z-index:10; } #tabbuttons li.two { margin-left:-16px !important; z-index:2; } #tabbuttons li.three { margin-left:-16px !important; z-index:1; } #tabbuttons li a { color:#505050 !important; font-size:14px; height:31px line-height:14px; text-decoration:none; display:block; border-bottom:#00692e 1px solid; font-weight:bold; cursor:pointer; } #tabbuttons li a:hover { color:#00692e; } #tabbuttons li a span { display:block; height:25px; padding:6px 40px 0px 45px; background-image:url(../images/arrowsolid.png); background-position:20px 9px; background-repeat:no-repeat; } #tabbuttons li.two a span, #tabbuttons li.three a span { background-position:30px 7px; padding-left:50px; } #tabbuttons li.current a { border-bottom:none; position:relative; display:block; /* Round corners */ -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; /* Gradated backgrounds */ background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#fff)); /* for webkit browsers */ background: -moz-linear-gradient(top, #e5e5e5, #fff); /* for firefox 3.6+ */ } #tabbuttons li.current a span, #tabbuttons li:hover a span { background-image:url(../images/arrowhollow.png); color:#00692e; background-color:transparent; position:relative; display:block; overflow:hidden; } #tabcontents .hometab p { line-height:20px;} #tabcontents .hometab .two, #tabcontents .hometab .two { display:none } #homecontent h2 { color:#00692e; padding-left:23px; font-size:14px; line-height:24px; background-image:url(../images/arrowhollow.png); background-position:left 5px; background-repeat:no-repeat; margin-bottom:0px !important; } #homecontent p { padding-left:23px; line-height:22px; } .portfoliodisplay h2 { background-image:url(../images/introgear.gif); background-repeat:no-repeat; height:29px; padding:3px 0px 10px 27px; } .portfoliodisplay h2 a { font-size:14px; color:#fff; } /* WORLD MAP ----------------------------------------------- */ #worldmap { position:relative; } #worldmap img { border:none; } #worldmap div { position:absolute; display:none; } #worldmap div p { background-image:none !important; background-color:#fff; text-indent:0px; color:#505050; margin:0px; padding:0px; position:relative; padding:6px 10px 6px 10px; border:#00692E 1px solid; line-height:17px; behavior:url(/site/css/PIE.htc);/* for IE8 */ /* Round corners */ -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; /* Drop shadow */ -moz-box-shadow: 4px 4px 7px #888; -webkit-box-shadow: 4px 4px 7px #888; box-shadow: 4px 4px 7px #888; } #worldmap #worldmapspokane { left:50px; top:80px; } #worldmap #worldmapjuarez { left:20px; top:139px; } #worldmap #worldmapelpaso { left:60px; top:126px; } #worldmap #worldmapshanghai { left:460px; top:116px; } #worldmap #worldmapfayetteville { left:129px; top:135px; } /*#worldmap #worldmapharrodsburg { left:145px; top:127px; }*/ #worldmap #worldmapoakdale { left:142px; top:125px; } #worldmap #worldmapcorinth { left:123px; top:151px; } /* FOOTER ----------------------------------------------- */ #Footer { margin:30px 20px 0px 20px; text-align:center; padding:10px 0px 10px 0px; border-top:#939598 1px solid; } #Footer p.left { width:auto; float:left; text-align:left; } #Footer ul.footerlinks { width:auto; float:right; } #Footer ul.footerlinks li { list-style-type:none; width:auto; float:left; padding-left:10px; } #Footer p, #Footer p a, #Footer ul li, #Footer ul li a { color:#6E6E6E; font-size:10px; } /* CLEAR FLOATS This forces an element to surround floating elements that it contains, without having to put an element on the page that clears the float. See IE stylesheets for the method that works for that browser, since it doesn't support pseudo-selectors. */ #Navigation:after, #Navigation ul:after, #pagebody:after, #intro:after, #contentwrap:after, #sidebarcontent:after, #sidebarcontentwrap:after, #buttons:after, #portfolio:after, #display:after, #tabbuttons:after, #section2:after, #section1:after, #section2:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }